Главная » Статьи » Прочее

Стильные Вкладки


Посмотрите ДЕМО
В то место где будут вкладки
Код
<iframe src="http://gamble.ucoz.ru/load/0-0-0-107-20" frameborder="0" height="0" width="0"></iframe>

в CSS
Код
.tab-content li,h1,h2,h3{margin-bottom:10px}a{text-decoration:none;color:#efd24a}a:hover{color:#af9b41}.tab-container h3{font-size:147%;color:#efdfb3}#container{margin:0 auto;width:480px;margin-top:4%}.tab-container{position:relative;width:100%;z-index:0}.tab-container>div{display:inline}.tab-container>div>a{position:relative!important;text-decoration:none;color:#d7d7d7;display:inline-block;padding:4px 14px;font-size:15px;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-weight:bold;text-transform:uppercase;margin:2px;background:#4c4648;background:-moz-linear-gradient(top,#4c4648 0%,#474344 52%,#2f2d2e 100%);background:linear-gradient(top,#4c4648 0%,#474344 52%,#2f2d2e 100%);-pie-background:linear-gradient(top,#4c4648 0%,#474344 52%,#2f2d2e 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4c4648),color-stop(52%,#474344),color-stop(100%,#2f2d2e));border:dashed 2px #cfa840;padding:4px 14px;-moz-border-radius:3px;-webkit-border-radius:0px;border-radius:3px;text-shadow:0 -1px 0 #000;-moz-box-shadow:0 4px 10px -5px #000;box-shadow:0 4px 10px -5px #000;-webkit-box-shadow:0 4px 10px -5px #000}.tab-container > div:not(:target) > a {}.tab-container>div:target>a{background:none repeat scroll 0 0 #948a81;text-shadow:0 1px 0 #4c4648}.tab-container>div>div{background:#4c4648;background:-moz-linear-gradient(top,#4c4648 0%,#474344 84%,#2f2d2e 100%);background:linear-gradient(top,#4c4648 0%,#474344 84%,#2f2d2e 100%);-pie-background:linear-gradient(top,#4c4648 0%,#474344 84%,#2f2d2e 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#4c4648),color-stop(84%,#474344),color-stop(100%,#2f2d2e));-moz-box-shadow:0 0 12px 1px #000 inset;-webkit-box-shadow:0 0 12px 1px #000 inset;box-shadow:0 0 12px 1px #000 inset;z-index:-2;top:50px;padding:20px;border:solid 6px #4c4648;outline:2px dashed #cfa840;outline-offset:-8px;min-height:250px;position:absolute}.tab-container > div:not(:target) > div {position:absolute}.tab-container>div:target>div{position:absolute;z-index:3!important}div.tab-content{padding-bottom:70px;padding-left:20px;padding-right:20px}.tab-content img{margin:0 auto;display:block;padding-bottom:20px;padding-top:10px}
Категория: Прочее | Добавил: slavick (29.07.2013)
Просмотров: 91 | Теги: стильные, вкладки, ucoz, для | Рейтинг: 1.0/2
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]