Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Замена кнопок форум (Помощь в замене кнопок форума блока навигации)
Замена кнопок форум
Jamaica8157
Сообщений: 8
Репутация: 0

Сообщение # 1 | 16:12:47
Здравствуйте. Помогите пожалуйста заменить стандартный блок кнопок навигации.

Заменить на кнопки такого типа

Сайт http://jm.clan.su/forum

Rostislav
Сообщений: 2383
Репутация: 591

Сообщение # 2 | 18:09:01
Панель управления - Дизайн - Управление дизайном (шаблоны) - Общий вид страниц форума

Код
[<?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
Сообщений: 8
Репутация: 0

Сообщение # 3 | 21:11:26
Код самой кнопки адаптированный под сайт не получается написать.
Irina_M
Сообщений: 603
Репутация: 67

Сообщение # 4 | 10:32:04
Jamaica8157, приблизительное оформление ссылок по Вашему скриншоту:

Код
text-decoration: none;  /*убираем подчеркивание*/
  background: aquamarine; /*подбираем цвет*/
  padding: 15px 10px; /*подбираем внутренние отступы*/
  border-radius: 10px; /*заокругленные рамки*/
  font-weight: normal; /*убираем жирный шрифт*/
  color: white; /*подбираем цвет шрифта*/
Jamaica8157
Сообщений: 8
Репутация: 0

Сообщение # 5 | 19:29:32
Спасибо разобрался сделал. Вопрос следующий. Кнопки форума Создать тему, создать опрос где их код находится? Можно ли переписать их код что бы кнопки были не картинкой а кодом написаны?
_VITALIK_
Сообщений: 696
Репутация: 115
Уровень замечаний:

Сообщение # 6 | 20:21:49
Цитата Jamaica8157 ()
Спасибо разобрался сделал. Вопрос следующий. Кнопки форума Создать тему, создать опрос где их код находится? Можно ли переписать их код что бы кнопки были не картинкой а кодом написаны?

Jamaica8157, Главная » Форум » Настройки модуля

Прикрепления: 5065885.jpg(148Kb)

Jamaica8157
Сообщений: 8
Репутация: 0

Сообщение # 7 | 20:37:03
Спасибо. Но хотелось бы переделать эту кнопку на css. А не как картинка. И разрешено ли так делать?
Сообщение отредактировал Jamaica8157 - Вторник, 28 Апр 2015, 20:57:59
Irina_M
Сообщений: 603
Репутация: 67

Сообщение # 8 | 11:26:51
Jamaica8157, это возможно сделать только с использованием скриптов, так как исходная структура html-кода кнопок ("Новая тема", "Новый опрос") предусматривает картинку внутри тега ссылки.

Альтернативный вариант: нарисовать нужные кнопки с помощью CSS и затем сохранить их, как изображения.
Jamaica8157
Сообщений: 8
Репутация: 0

Сообщение # 9 | 21:15:28
Вопрос следующий. Где находится код на кнопки перехода страниц?
Irina_M
Сообщений: 603
Репутация: 67

Сообщение # 10 | 11:25:53
Jamaica8157, на страницах форума кнопки переключения страниц входят в переменную $BODY$. Если Вам нужно сменить внешний вид кнопок - используйте классы, которые присвоены уже тегам (структуру html можно посмотреть в исходном коде страницы с помощью браузера).
Jamaica8157
Сообщений: 8
Репутация: 0

Сообщение # 11 | 21:21:20
Не получается найти. Можно по точней?
Irina_M
Сообщений: 603
Репутация: 67

Сообщение # 12 | 10:17:12
Jamaica8157,
1 - вызываете исходный код элемента в браузере (правая кнопка мыши - Просмотр кода элемента(Chrome)) - скриншот ;
2 - находите нужный элемент (переключатель страниц);
3 - цифры - это ссылки, каждая из которых находится в ячейке таблицы. У каждого элемента есть класс.
4 - справа описаны уже установленные стили к этим элементам. Обращаясь по классам к этим элементам в таблицу стилей можете задать свои стилевые свойства.

Перед любыми изменениями в шаблоне всегда сохраняйте резервную копию (бекап шаблона) (http://screencast.com/t/IsFYahlM0)
Jamaica8157
Сообщений: 8
Репутация: 0

Сообщение # 13 | 11:23:07
Спасибо. Сделал.
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Замена кнопок форум (Помощь в замене кнопок форума блока навигации)
Страница 1 из 11
Поиск: