28.07.2008, 21:44
|
|
Участник форума
Регистрация: 12.11.2006
Сообщений: 213
Провел на форуме:
347573
Репутация:
185
|
|
Сообщение от AlexV
кто может подсказать, а лучше даже показать как реализовать такое у себя!? Картинки я сам нарисую, да и надписи другие будут - интересно как именно это лучше реализовать!?
Вот примерный код:
Код:
</div>
<div id="menuguru">
<ul class="menu_guru">
<li class="link_guru"><a href="/features/" title="phpBB Guru. Возможности"><img src="./styles/prosilver_xussr/theme/images/features.png" alt="phpBB Guru. Возможности" /></a></li>
<li class="link_guru"><a href="/downloads/" title="phpBB Guru. Файлы"><img src="./styles/prosilver_xussr/theme/images/files.png" alt="phpBB Guru. Файлы" /></a></li>
<li class="link_guru"><a href="/docs/" title="phpBB Guru. Документация"><img src="./styles/prosilver_xussr/theme/images/docs.png" alt="phpBB Guru. Документация" /></a></li>
<li class="link_guru"><a href="/community/" title="phpBB Guru. Конференция"><img src="./styles/prosilver_xussr/theme/images/forums.png" alt="phpBB Guru. Конференция" /></a></li>
<li class="link_guru"><a href="/styles/" title="phpBB Guru. Стили"><img src="./styles/prosilver_xussr/theme/images/styles.png" alt="phpBB Guru. Стили" /></a></li>
<li class="link_guru"><a href="/mods/" title="phpBB Guru. Моды"><img src="./styles/prosilver_xussr/theme/images/mods.png" alt="phpBB Guru. Моды" /></a></li>
</ul>
</div>
 ЦСС будет выглядеть примерно так:
PHP код:
body{padding: 0px; margin: 0px;}
img{border: none;}
ul.menu_guru{list-style-type: none; padding: 0px; margin: 0px;}
ul.menu_guru li.link_guru{float: left;padding: 0px 10px;}
Это навскидку! =) Это для "примерного кода"
|
|
|