<div> <a href="/"> <img style="margin-top:3px;" src="/templates/_default_/images/logo.png"></a> <ul style="margin-left: 180px; margin-top: -35px; " id="{$menu}" class="menu"> {if $cfg.show_home} <li {if $menuid==1}class="selected"{/if}> <a href="/" {if $menuid==1}class="selected"{/if}><span>{$LANG.PATH_HOME}</span></a> </li> {/if} <li > <a href="{profile_url login=$login}">Моя страница</a> </li> <li > {if $newmsg} <a class="has_new" href="/users/{$id}/messages.html">Сообщения +{$newmsg}</a> {else} <a href="/users/{$id}/messages.html">Сообщения</a> {/if} </li> <li > <a href="/users/{$id}/photoalbum.html">Фотографии</a> </li> <div style="margin-right: 10px; margin-top: -40px;" align="right"> <li " > <a href="/users">Люди</a> </li> <li > <a href="/blogs">Блоги</a> </li> <li > <a href="/forums">Форумы</a> </li> <img style="margin-top:3px;" src="/templates/_default_/images/break.png"> <li > <a href="/logout">Выйти</a> </li> </div></div>
Помогите с версткой меню
Вы б дали ссылку на сайт и не матерились бы...
это не мат. что бы увидеть это надо автроризоваться
вот вам тестовый пароль для авторизации:
ЛОГИН: test
ПАРОЛЬ: test
WWW.YOUNET.PRO
<div class="контейнер для меню"> <ul class="левая часть"> <!--дальше, например, float:left--> {if $cfg.show_home} <li> <a href="/" class="main_page">Главная</a> <!--стилями цепляем любую картинку--> </li> {/if} <li> <a href="{profile_url login=$login}">Моя страница</a> </li> <li> {if $newmsg} <a class="has_new" href="/users/{$id}/messages.html">Сообщения +{$newmsg}</a> {else} <a href="/users/{$id}/messages.html">Сообщения</a> {/if} </li> <li> <a href="/users/{$id}/photoalbum.html">Фотографии</a> </li> </ul> <ul class="правая часть"> <!--ну и float:right--> <li> <a href="/users">Люди</a> </li> <li> <a href="/blogs">Блоги</a> </li> <li> <a href="/forums">Форумы</a> </li> <li> <a href="/logout" class="logout">Выйти</a> <!--стилями цепляем любую картинку--> </li> </ul> </div>
igolka97, для начала примерно так:
Ну и дальше с помощью css выставляйте на нужные позиции...
{if $cfg.show_home} Главная {/if} Моя страница {if $newmsg} Сообщения +{$newmsg} {else} Сообщения {/if} Фотографии Люди Блоги Форумы Выйти
Спасибо! я уже почти понял но что надо написать в class "logout" что бы воткнуть туда картинку break.jpg???
a.logout{ display:block; padding-right:зависит от размеров рисунка(скорее всего и вертикальные отступы тоже нужны); background:url(путь к рисунку) позиция_по_x позиция_по_y no-repeat; }
Ну если буквально к данному случаю, то выглядеть должно примерно вот так:
a.logout{ display:block; padding-right:зависит от размеров рисунка(скорее всего и вертикальные отступы тоже нужны); background:url(путь к рисунку) позиция_по_x позиция_по_y no-repeat; }
Ага, я понял, извинюсь за свое неумение CSS верстки :D
Последний вопрос: что надо написать в padding-right: если ширина рисунка 1рх?