Перейти к содержимому


Горизонтальное Меню


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 PlayChik

PlayChik

    Пользователь

  • Пользователи
  • PipPip
  • 13 сообщений

Отправлено 05 Май 2011 - 22:06

Хотелось бы изменить вид кнопок горизонтального меню, но не особо получается разобраться( Кнопки хочу отрисовать в виде домиков. Загвоздка в том, что при входе в ЛК добавляется +1 кнопка ("выход") и размер самой кнопки "войти в ЛК"/"личный кабинет" меняется (может ее размер можно сделать статичным?). Подскажите, плиз, как мне осуществить мою задумку? Если я правильно понимаю, то мне нужно заменить файл nav_bg.jpg на свой?
Так же интересует, где можно поменять шрифт и цвет шрифта в меню.

PS прикрепила набросок кнопок

Прикрепленные изображения

  • playchik2.3.jpg


#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 05 Май 2011 - 23:11

Хм. думаю можно пойти следующими путями:

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 PlayChik

PlayChik

    Пользователь

  • Пользователи
  • PipPip
  • 13 сообщений

Отправлено 07 Май 2011 - 11:25

Vaccina, спасибо, попробую)




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных