Чат сообщества
|
   |
| Модератор форума: Yuri_G |
| Сообщество uCoz Мастерская uCoz Дизайн: управление шаблонами Как сделать красивые хлебные крошки? (Дизайн и оформление хлебных крошек в uCoz) |
| Как сделать красивые хлебные крошки? |
|
Доброго времени суток! Не так давно задумался о красивом оформлении стандартных "хлебных крошек", живой пример реализации такого оформления увидел на сайте webanet.ucoz.ru, а вот как это реализовать к сожалению не знаю, инструкции нашлись, но для других CMS (WP, Joomla, Drupal и т.д.), а вот для uCoz увы... Подскажите как это можно реализовать, как сделать свое собственное оформление хлебных крошек? Заранее благодарен
 А хотел бы я такие как на этом рисунке:  Прикрепления:
5375530.gif
(4.6 Kb)
http://www.ekant.ru/ | http://proverka-rss.ucoz.ru/
Сообщение отредактировал Andrey8369 - Вторник, 23 Июл 2013, 21:11:12
|
|
Andrey8369, Впихните каждую крошку в див с бордюром с фоном в виде угла ...
|
|
Цитата (Miss_Esq) Впихните каждую крошку в див с бордюром с фоном в виде угла ... Так как я CSS и HTML только начал изучать...http://www.ekant.ru/ | http://proverka-rss.ucoz.ru/
|
|
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
|
| |||
| |||