Сообщений в теме: 5

[A2S]

Подскажите пожалуйста, как можно переделать структуру под такую:
картинку нарисовал и вставил как шапку header_page

сайт: divanto.com

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

• 

[Vaccina]

Не совсем понятен ваш вопрос. Если вам необходимо такой шаблон - то вам стоит обратиться к платным услугам по реализации шаблона.

[A2S]

я его почти реализовал сам, хочется научиться. (посмотрите предварительно, что получилось)
если позволите, я буду задавать более конкретные вопросы.

1. как сделать меню слева, чтобы вся область картинки была кнопкой, а самого названия (главное, о компании и т.д) не было?

[Vaccina]

Не совсем понятен ваш вопрос. Пожалуйста, объясните его подробнее и приложите скриншот предполагаемых изменений.

[A2S]

скриншот в первом сообщении.
слева находятся четыре картинки, обозначеные каждая с лувой стороны названиями: о компании, акции, каталог, корзина.
так вот я хочу чтоб эти картинки стали кнопками меню.

[Vaccina]

тогда для этого надо перенести код верхнего меню в левый блок в шаблоне HTML, далее убрать стиль устанавливающий ссылки по горизонтали и увеличить ширину.
блок верхнего меню выглядит сл.образом:

 <!-- Верхний блок навигации -->
	  <div class="containerin" id="top-menu">
		<ul class="pad-box cont620" id="mainmenu">
		  {% FOR menu %}
			{% FOR header %}
			  {% FOR links %}
				<li><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></li>
			  {% ENDFOR %}
			{% ENDFOR %}
		  {% ENDFOR %}
		</ul>
		<div class="clr"></div>
	  </div>
	  <!-- end Верхний блок навигации -->

стили данного блока находятся в редакторе тем - main.css:

 #top-menu {height: 40px;overflow: hidden;} #mainmenu li, #langmenu li  { display:inline;}
  #mainmenu li a{
  font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif;
  color: #FFF;
  display: block;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  text-transform: uppercase;
  text-decoration: none;
  background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) no-repeat right top; }
  #mainmenu li a:hover {
  background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) repeat-x center bottom;
  }
  #mainmenu li a.home {}
  #langmenu li a {
  float: right;
  display: block;
  height: 40px;
  width: 40px;
}