Не могу передать стили вкладок

голоса: 0

Добрый день! не могу передать стили кнопок со страницы с материалом на страницу топ. полдня делал эти вкладки, теперь тут вообще голову сломал!

 

отдельно css кнопок http://www.kinoxa.tv/css.txt

Адрес сайта http://www.kinoxa.tv/top
Закрыто с пометкой: потом буду решать проблему и создавать страницу ТОП
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: DirtyDog

Ответов: 1

голоса: 0

стили:

.tabs2 li, .page_tabs2 li {
 margin: 0px;
 padding: 0px;
 float: left;
 height: 31px;
 line-height: 32px;
 border: 1px solid #e0e0e0;
 overflow: hidden;
 position: relative;
 background: #eaeaea url('images/tab-bg.png') repeat-x;
 margin-right: 2px;
 margin-bottom: -1px; 
 -webkit-border-top-right-radius: 4px;
 -webkit-border-top-left-radius: 4px;
 -moz-border-radius-topright: 4px;
 -moz-border-radius-topleft: 4px;
 border-top-right-radius: 4px;
 border-top-left-radius: 4px;
}

замените на:

.tabs2 li, .page_tabs2 li {
 margin: 0px;
 padding-: 5px;
 float: left;
 height: 31px;
 line-height: 32px;
 border: 1px solid #f3cf3f;
 background-color: #f3cf3f;
 overflow: hidden;
 position: relative;
 margin-right: 2px;
 margin-bottom: -1px;
 -webkit-border-top-right-radius: 4px;
 -webkit-border-top-left-radius: 4px;
 -moz-border-radius-topright: 4px;
 -moz-border-radius-topleft: 4px;
 border-top-right-radius: 4px;
 border-top-left-radius: 4px;
}

и стили:

.tabs2 li a, .page_tabs2 li a {
 font-weight: bold;
 color: #666666;
 text-decoration: none;
 display: block;
 padding: 0px 20px;
 outline: none;
}

замените на:

.tabs2 li a, .page_tabs2 li a {
 font-weight: bold;
 color: #0e1017;
 text-decoration: none;
 display: block;
 padding: 0px 20px;
 outline: none;
}

| Автор:
Спасибо. Я изменил еще и цвет бегграунда поля с белого на свой и увидел две надписи "Содержимое первой вкладки" и "Содержимое второй вкладки". Я так понял что этот скрипт не работает, так как отображается сразу две надписи?!
DirtyDog,
Как видите не работает.
Yuri_Geruk,
Нашел другой скрипт, точнее только html и css. Вопрос как сделать корректный задний фон для страницы "Топ" по содержимому, если вниз будут добавлены еще информеры! http://www.kinoxa.tv/top
DirtyDog,

нижняя часть сайта "прячится" за контентом

 

 

DirtyDog,
Восстанавливайте дизайн к актуальной копии до изменений, как видите этими табами уже наломали.
Yuri_Geruk,
там восстанавливать ничего, легче удалить! Я создал новую страницу ТОП с персональным шаблоном, вставил весь код с главной страницы. Так как у меня блок PROMO работает на главной, затем создал еще один глобальный блок TOP вставил код из PROMO, заменив информеры на другие. И все, но почему то на главной с promo все хорошо работает, а на странице топ с блоком топ не работает!
...