Чат сообщества
|
   |
| Модератор форума: Yuri_G |
| Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Замена кнопок форум (Помощь в замене кнопок форума блока навигации) |
| Замена кнопок форум |
|
Здравствуйте. Помогите пожалуйста заменить стандартный блок кнопок навигации.
Заменить на кнопки такого типа Сайт http://jm.clan.su/forum |
|
Панель управления - Дизайн - Управление дизайном (шаблоны) - Общий вид страниц форума
Код [<?if($USER_LOGGED_IN$)?> <a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><!--<s3065>-->Личные сообщения<!--</s>-->($UNREAD_PM$)</a> · <?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml','')",500)</script><bgsound src="http://s5.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0"> <?endif?><?endif?> <a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow"><!--<s5209>-->Новые сообщения<!--</s>--></a> · <a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"><!--<s5216>-->Участники<!--</s>--></a> · <a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><!--<s5166>-->Правила форума<!--</s>--></a> · <a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"><!--<s3163>-->Поиск<!--</s>--></a> · <a class="fNavLink" href="$RSS_LINK$" rel="nofollow">RSS</a><?if($USER_LOGGED_IN$)?> · <a class="fNavLink" href="$SUBSCRIPTION_LINK$" rel="nofollow"><!--<s6773>-->Подписки<!--</s>--></a><?endif?> ] Меняете на нужные вам кнопки или можете прописать стили fNavLink в css |
|
Код самой кнопки адаптированный под сайт не получается написать.
|
|
Jamaica8157, приблизительное оформление ссылок по Вашему скриншоту:
Код text-decoration: none; /*убираем подчеркивание*/ background: aquamarine; /*подбираем цвет*/ padding: 15px 10px; /*подбираем внутренние отступы*/ border-radius: 10px; /*заокругленные рамки*/ font-weight: normal; /*убираем жирный шрифт*/ color: white; /*подбираем цвет шрифта*/ |
|
Спасибо разобрался сделал. Вопрос следующий. Кнопки форума Создать тему, создать опрос где их код находится? Можно ли переписать их код что бы кнопки были не картинкой а кодом написаны?
|
|
Цитата Jamaica8157 (  )Спасибо разобрался сделал. Вопрос следующий. Кнопки форума Создать тему, создать опрос где их код находится? Можно ли переписать их код что бы кнопки были не картинкой а кодом написаны? Jamaica8157, Главная » Форум » Настройки модуля Прикрепления:
5065885.jpg
(148.2 Kb)
 |
|
Спасибо. Но хотелось бы переделать эту кнопку на css. А не как картинка. И разрешено ли так делать?
Сообщение отредактировал Jamaica8157 - Вторник, 28 Апр 2015, 20:57:59
|
|
Jamaica8157, это возможно сделать только с использованием скриптов, так как исходная структура html-кода кнопок ("Новая тема", "Новый опрос") предусматривает картинку внутри тега ссылки.
Альтернативный вариант: нарисовать нужные кнопки с помощью CSS и затем сохранить их, как изображения. |
|
Вопрос следующий. Где находится код на кнопки перехода страниц?
 |
|
Jamaica8157, на страницах форума кнопки переключения страниц входят в переменную $BODY$. Если Вам нужно сменить внешний вид кнопок - используйте классы, которые присвоены уже тегам (структуру html можно посмотреть в исходном коде страницы с помощью браузера).
|
|
Не получается найти. Можно по точней?
|
|
Jamaica8157,
1 - вызываете исходный код элемента в браузере (правая кнопка мыши - Просмотр кода элемента(Chrome)) - скриншот ; 2 - находите нужный элемент (переключатель страниц); 3 - цифры - это ссылки, каждая из которых находится в ячейке таблицы. У каждого элемента есть класс. 4 - справа описаны уже установленные стили к этим элементам. Обращаясь по классам к этим элементам в таблицу стилей можете задать свои стилевые свойства. Перед любыми изменениями в шаблоне всегда сохраняйте резервную копию (бекап шаблона) (http://screencast.com/t/IsFYahlM0) |
|
Спасибо. Сделал.
 |
| |||
| |||