Хотелось бы изменить вид кнопок горизонтального меню, но не особо получается разобраться( Кнопки хочу отрисовать в виде домиков. Загвоздка в том, что при входе в ЛК добавляется +1 кнопка ("выход") и размер самой кнопки "войти в ЛК"/"личный кабинет" меняется (может ее размер можно сделать статичным?). Подскажите, плиз, как мне осуществить мою задумку? Если я правильно понимаю, то мне нужно заменить файл nav_bg.jpg на свой?
Так же интересует, где можно поменять шрифт и цвет шрифта в меню.
PS прикрепила набросок кнопок
1
Горизонтальное Меню
Автор PlayChik, 05 мая 2011 22:06
Сообщений в теме: 2
#1
Отправлено 05 Май 2011 - 22:06
#2
Отправлено 05 Май 2011 - 23:11
Хм. думаю можно пойти следующими путями:
1) Изменить навигацию
Найти
заменить на
Теперь можно изменить названия последних значений, понаставить отступов.
2) Можно убрать последний пункт "Выход", и переместить его в любое другое место
Для этого изменим
на
Далее можно в любом месте шаблона вставить ссылку на выход
1) Изменить навигацию
Найти
<div id="mainNav"> <table> <tr> {% FOR menu %} {% FOR header %} {% FOR links %} <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <div> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> </div> </td> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </tr> </table> </div>
заменить на
<div id="mainNav"> <table> <tr> {% FOR menu %} {% FOR header %} {% FOR links %} <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <div> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{% IFNOT menu.header.links.last %} {menu.header.links.NAME}{% ELSE %}{% IF CLIENT_IS_LOGIN %}Выход{% ELSE %}Войти в ЛК{% ENDIF %} {% ENDIF %}</a> </div> </td> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </tr> </table> </div>
Теперь можно изменить названия последних значений, понаставить отступов.
2) Можно убрать последний пункт "Выход", и переместить его в любое другое место
Для этого изменим
<div id="mainNav"> <table> <tr> {% FOR menu %} {% FOR header %} {% FOR links %} <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <div> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> </div> </td> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </tr> </table> </div>
на
<div id="mainNav"> <table> <tr> {% FOR menu %} {% FOR header %} {% FOR links %} <td {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> {% IF menu.header.links.URL != USER_LOGOUT_URL %} <div> <a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{% ENDIF %} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a> </div> {% ENDIF %} </td> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </tr> </table> </div>
Далее можно в любом месте шаблона вставить ссылку на выход
{% IF CLIENT_IS_LOGIN %}<a href="{USER_LOGOUT_URL}" title="Выход">Выход</a>{% ENDFOR %}
#3
Отправлено 07 Май 2011 - 11:25
Vaccina, спасибо, попробую)
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных