• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Как сделать красивые хлебные крошки? (Дизайн и оформление хлебных крошек в uCoz)
Как сделать красивые хлебные крошки?
Andrey8369
Сообщений: 24
Репутация: 0

Сообщение # 1 | 20:41:45
Доброго времени суток! Не так давно задумался о красивом оформлении стандартных "хлебных крошек", живой пример реализации такого оформления увидел на сайте webanet.ucoz.ru, а вот как это реализовать к сожалению не знаю, инструкции нашлись, но для других CMS (WP, Joomla, Drupal и т.д.), а вот для uCoz увы... Подскажите как это можно реализовать, как сделать свое собственное оформление хлебных крошек? Заранее благодарен smile

А хотел бы я такие как на этом рисунке:
Прикрепления: 5375530.gif (4.6 Kb)

http://www.ekant.ru/ | http://proverka-rss.ucoz.ru/
Сообщение отредактировал Andrey8369 - Вторник, 23 Июл 2013, 21:11:12
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 2 | 23:41:34
Andrey8369, Впихните каждую крошку в див с бордюром с фоном в виде угла ...

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

Сообщение # 3 | 00:57:23
Цитата (Miss_Esq)
Впихните каждую крошку в див с бордюром с фоном в виде угла ...
А можно чуть подробнее? smile Так как я CSS и HTML только начал изучать...

http://www.ekant.ru/ | http://proverka-rss.ucoz.ru/
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 4 | 07:58:07
Andrey8369, Например вна странице материала и комментариев к нему Каталога статей
Написано так
Цитата
<td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s5208>-->Статьи<!--</s>--></a> <?if($SECTION_NAME$)?>» <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> » <a href="$CAT_URL$">$CAT_NAME$</a></td>

Пишем так
Цитата
<td style="background-color: #ddd; width: 80%; border: 1px #000 solid;"><div class="strebred"><a href="$HOME_PAGE_LINK$">Главная</a></div><div class="strebred"><a href="$MODULE_URL$">Статьи</a></div><?if($SECTION_NAME$)?><div class="strebred"><a href="$SECTION_URL$">$SECTION_NAME$</a></div><?endif?><div class="strebred"><a href="$CAT_URL$">$CAT_NAME$</a></div></td>

В CSS пишем это
Цитата
.strebred { display: inline-block; margin: 0px; padding: 0px 10px; background: url('/фон') no-repeat scroll right top; height: 20px;}

Для фона,выделено цветом, использовать изображение стрелки, типа



длинной например - 200px и высотой - 20px ... красный цвет сделать прозрачным (gif, png)
Прикрепления: 4008938.gif (0.7 Kb)

Сообщение отредактировал Miss_Esq - Среда, 24 Июл 2013, 08:03:03
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Как сделать красивые хлебные крошки? (Дизайн и оформление хлебных крошек в uCoz)
  • Страница 1 из 1
  • 1
Поиск: