Главная » Файлы » Ucoz меню |
Горизонтальное меню для ucoz
[ · Скриншот ] | 30.10.2010, 21:18 |
1. Ставим этот код в head сайта Code .solidblockmenu{ margin: 0; padding: 0; float: left; font: bold 13px Arial; width: 100%; overflow: hidden; margin-bottom: 1em; border: 1px solid #625e00; border-width: 1px 0; background: black url(/images/blockdefault.gif) center center repeat-x; } .solidblockmenu li{ display: inline; } .solidblockmenu li a{ float: left; color: white; padding: 9px 11px; text-decoration: none; border-right: 1px solid white; } .solidblockmenu li a:visited{ color: white; } .solidblockmenu li a:hover, .solidblockmenu li .current{ color: white; background: transparent url(/images/blockactive.gif) center center repeat-x; } </style> 2. А этот код вставляем туда, где хотите видеть это меню Code <ul class="solidblockmenu"> <li><a href="Ссылка" class="current">Название</a></li> <li><a href="Ссылка">Название</a></li> <li><a href="Ссылка">Название</a></li> <li><a href="Ссылка">Название</a></li> <li><a href="Ссылка">Название</a></li> <li><a href="Ссылка">Название</a></li> </ul> <br style="clear: left" /> <p class="iepara">Paragraph that follows...</p> 3. Скачиваем архив, и кидаем 2 картинки из него в папку images | |
Просмотров: 2599 | Загрузок: 8 | Комментарии: 2 | |
Всего комментариев: 2 | |
| |