X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> переключатели страниц
Barkas_hb
Barkas_hb
Topic Starter сообщение 27.3.2011, 22:01; Ответить: Barkas_hb
Сообщение #1


всем привет!
помогите с переключателями страниц ,скопировал CSS правила
[CSS]/* PageSelector Start */
.catPages1 {color:#ffffff; border:1px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;}
.catPages1 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;}
.catPages1 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#c2efff;font-size:11px;border:1px solid #c2efff;}

.pagesBlockuz1 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz1 a:link,
.pagesBlockuz1 a:visited,
.pagesBlockuz1 a:hover,
.pagesBlockuz1 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;}
.pagesBlockuz1 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;}
.pagesBlockuz1 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;}

.pagesBlock1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock1 a:link,
.pagesBlock1 a:visited,
.pagesBlock1 a:hover,
.pagesBlock1 a:active {text-decoration:none;color: #57caff;background:#ffffff;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlock1 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;}
.pagesBlock1 b {text-decoration:none;background:#ffffff;padding:3px 10px;color:#ccc;font-size:11px;}

.catPages2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;}
.catPages2 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;}
.catPages2 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;}

.pagesBlockuz2 {color:#ffffff;border:1px;margin-bottom:10px;margin-top:10px;}
.pagesBlockuz2 a:link,
.pagesBlockuz2 a:visited,
.pagesBlockuz2 a:hover,
.pagesBlockuz2 a:active {text-decoration:none;color: #57caff;background:#f9f9f9;padding:3px 6px;font-size:11px;font-weight:bold;border:1px solid #57caff;}
.pagesBlockuz2 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;border:1px solid #57caff;}
.pagesBlockuz2 b {text-decoration:none;background:#ffffff;padding:3px 6px;color:#ccc;font-size:11px;border:1px solid #e6e6e6;}

.pagesBlock2 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}
.pagesBlock2 a:link,
.pagesBlock2 a:visited,
.pagesBlock2 a:hover,
.pagesBlock2 a:active {text-decoration:none;color: #57caff;background:#ffffff;padding:3px 10px;font-size:11px;font-weight:bold;}
.pagesBlock2 a:hover {background:#63ceff;color:#FFFFFF;font-weight:bold;}
.pagesBlock2 b {text-decoration:none;background:#ffffff;padding:3px 10px;color:#ccc;font-size:11px;}
/* PageSelector end */
[/CSS]Вообще оно идет для UCOZ
,но я хочу поставить себе на страници .
понятно что HTML код должен быть таким
<div>
<ul>
<li><a href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">5</a></li>
</ul>
</div>
но как быть с классами непойму,подскажите плиз! вот скрин еще [attachment=37661:кнопки.png]спасибо.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Serlutin
Serlutin
сообщение 28.3.2011, 20:54; Ответить: Serlutin
Сообщение #2


Вот делал что-то наподобии: http://serlutin.nxt.ru/example/inline-block.html
Смотрите код, если что-то непонятно спрашивайте.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Barkas_hb
Barkas_hb
Topic Starter сообщение 29.3.2011, 12:09; Ответить: Barkas_hb
Сообщение #3


Для начала поставил себе на страници , но только шестерка светится синим а остальные не але!
И еще зачем здесь этот div
<div style="width:100%; height:150px;"></div>
,как оно работает у тебя иподскажи мне как зделать что-бы нажал на вторую страницу и она была цветом синим ,как бы показывая на активную страницу,кстати а где первая страница?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Serlutin
Serlutin
сообщение 29.3.2011, 16:58; Ответить: Serlutin
Сообщение #4


(Barkas_hb @ 29.3.2011, 15:09) *
И еще зачем здесь этот div

Он только для примера, чтобы переключатель был посередине страницы. Можешь смело вырезать.


(Barkas_hb @ 29.3.2011, 15:09) *
как оно работает у тебя иподскажи мне как зделать что-бы нажал на вторую страницу и она была цветом синим

Вот представим, что у есть 10 html страниц. Нужно на каждую страницу в нужное место вставить этот код. Чтобы на странице номер 2 кнопка выделялась синим нужно задать
<li class="pager-current">2</li>

И так по аналогии.
(Barkas_hb @ 29.3.2011, 15:09) *
кстати а где первая страница?

Ну потерялась где-то. Добавить то не сложно:
<li><a href="#" title="На страницу номер 1" class="active">1</a></li>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Barkas_hb
Barkas_hb
Topic Starter сообщение 29.3.2011, 19:21; Ответить: Barkas_hb
Сообщение #5


А-а-а..........понятно.
Так-то я Css осваиваю не первый месяц,понятно что код на каждую страницу ставить.
А можно чисто без вставок
<li class="pager-current">2</li>
,
из внешнего Css управлять переключателями ?
А так твой вариант норма.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыБыстрая индексация страниц сайта и обратных ссылок - 2Index
38 2Index 6634 Вчера, 12:56
автор: 2Index
Открытая тема (нет новых ответов) Услуга по индексации страниц в Google
9 FUTP 3727 12.4.2023, 21:31
автор: Magicclickpartners
Открытая тема (нет новых ответов) Ссылки с Главных страниц (Морд) под Буржнет
Для сайтов технической и околотехнической тематик
0 Reyus 1413 7.4.2022, 14:33
автор: Reyus
Открытая тема (нет новых ответов) Интересуют EN сайты 5-10 страниц.
5 Solomoni 6183 15.9.2021, 13:20
автор: Solomoni
Открытая тема (нет новых ответов) PBN Ссылки под БУРЖ (с главных страниц и статей). Личная сетка | Тематичное соседство
0 PBN_Links_Sale 1481 12.7.2021, 11:20
автор: PBN_Links_Sale


 



RSS Текстовая версия Сейчас: 19.4.2024, 21:00
Дизайн