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


Аксолотль

Регистрация: 04 февр. 2014
Offline Активность: 30 марта 2014 22:42
-----

#120384 Помогите Пожалуйста С Дизайном.

Отправлено Vaccina на 07 Февраль 2014 - 06:15

1. В main.css найдите:
.work-time {
	float: left;
	padding-left: 3px;
	vertical-align: middle;
}
замените на:
.work-time {
	float: left;
	padding-left: 3px;
	text-align: left;
	vertical-align: middle;
	width: 100%;
}
2.В nyvo.css найдите:
.theme-default .nivoSlider {
	background: url("/design/nyvo_loading.gif") no-repeat scroll 50% 50% #FFFFFF;
	box-shadow: 0 1px 5px 0 #4A4A4A;
	margin-bottom: 50px;
	position: relative;
}
удалите   margin-bottom: 50px;


#120374 Помогите Пожалуйста С Дизайном.

Отправлено Vaccina на 07 Февраль 2014 - 05:32

1. Добавление адреса и почты, в HTML найдите:
<div class="contacts">
				<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
				  <!-- Первый контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
					<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
					{SETTINGS_STORE_PHONE_NUMBER1}
				  {% ENDIF %}
				  <!-- Второй контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
					<br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
					{SETTINGS_STORE_PHONE_NUMBER2}
				  {% ENDIF %}
				  <!-- Третий контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
					<br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					{SETTINGS_STORE_PHONE_NUMBER3}
				  {% ENDIF %}
				</div>
				<!-- Время работы магазина -->
				{% IF SETTINGS_STORE_WORK_TIME %}
				  <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
					{SETTINGS_STORE_WORK_TIME}
				  </div>
				{% ENDIF %}
			   
				<!-- Третий контактный телефон -->
				{% IF SETTINGS_STORE_SKYPE %}
				  <div class="clear"></div>
				  <div class="left">
					<a style="text-decoration: none;" class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
				  </div>
				{% ENDIF %}
				 
				<!-- Номер ICQ на сайте -->
				{% IF SETTINGS_STORE_ICQ %}
				  <div class="clear"></div>
				  <div class="icq-number left">
					<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
					<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				  </div>
				{% ENDIF %}
				<div class="clear"></div>
			  </div>
			{% ENDIF %}
		  </div>
сюда вставляем необходимую информацию, например:
<div class="contacts">
			 <div class="clear"></div>
			 <div class="left">
					<span class="valignMiddle">test@test.ru</span>
				  </div>

				<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
				  <!-- Первый контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
					<span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					{% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
					{SETTINGS_STORE_PHONE_NUMBER1}
				  {% ENDIF %}
				  <!-- Второй контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
					<br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					{% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
					{SETTINGS_STORE_PHONE_NUMBER2}
				  {% ENDIF %}
				  <!-- Третий контактный телефон -->
				  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
					<br /><span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					{% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					{SETTINGS_STORE_PHONE_NUMBER3}
				  {% ENDIF %}
				</div>
				<!-- Время работы магазина -->
				{% IF SETTINGS_STORE_WORK_TIME %}
				  <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
					{SETTINGS_STORE_WORK_TIME}
				  </div>
				{% ENDIF %}
			  
				<!-- Третий контактный телефон -->
				{% IF SETTINGS_STORE_SKYPE %}
				  <div class="clear"></div>
				  <div class="left">
					<a style="text-decoration: none;" class="valignMiddle" href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img class="valignMiddle" src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
				  </div>
				{% ENDIF %}
				
				<!-- Номер ICQ на сайте -->
				{% IF SETTINGS_STORE_ICQ %}
				  <div class="clear"></div>
				  <div class="icq-number left">
					<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
					<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				  </div>
				{% ENDIF %}
				<div class="clear"></div>
			  </div>
			{% ENDIF %}
		  </div>
на примере добавила почту.

2.Перенос слайдера вверх, код слайдера в шаблоне HTML перенесите поставив после:
<!-- Правый блок. Контент сайта -->
	  <div class="span8" style="padding-bottom: 10px;">
	  <div class="row-fluid">
3.создаем подвал, в HTML перед:
																																							 </div>
	</div>
  </div>		 
  <div class="clear"></div>
</body>
</html>
вставляем:
<!-- Правый блок. Контент сайта -->
	  <div style="padding-bottom: 10px;float:none;margin:0 auto; width:100%" class="span8"> 
	  <div class="row-fluid">
	  <div style=" text-align:center;" class="span7">
		<!-- Блок навигации -->
			{% IFNOT menu_empty %}
			  <ul class="span44 links">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					  <li {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}>
						<a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}
						  class="{% IF menu.header.links.NAME=Каталог %}catalog{% ELSEIF menu.header.links.NAME=Каталог товаров %}catalog{% ELSEIF menu.header.links.NAME=Акции %}present{% ELSEIF menu.header.links.NAME=Акции магазина %}present{% ELSEIF menu.header.links.NAME=Доставка %}clock{% ELSEIF menu.header.links.NAME=Контакты %}address{% ELSEIF menu.header.links.NAME=Связь с администрацией %}address{% ELSEIF menu.header.links.NAME=Л.Кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Личный кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Выход %}key{% ELSEIF menu.header.links.NAME=Вход в бэк-офис %}key{% ELSEIF menu.header.links.NAME=Войти в ЛК %}key{% ELSEIF menu.header.links.NAME=Вход в личный кабинет %}key{% ELSEIF menu.header.links.NAME=Мои заказы %}tick{% ELSEIF menu.header.links.NAME=История заказов %}tick{% ELSEIF menu.header.links.NAME=Новинки %}label{% ELSEIF menu.header.links.NAME=Хиты %}heart{% ELSEIF menu.header.links.NAME=Хиты продаж %}heart{% ELSEIF menu.header.links.NAME=Статьи %}clipboard{% ELSEIF menu.header.links.NAME=Корзина %}cart{% ELSEIF menu.header.links.NAME=Главная %}home{% ELSEIF menu.header.links.NAME=Лента новостей %}document{% ELSEIF menu.header.links.NAME=Новости магазина %}document{% ELSEIF menu.header.links.NAME=Каталог статей %}document{% ELSEIF menu.header.links.NAME=Новости СМИ %}document{% ELSEIF menu.header.links.NAME=Регистрация %}user{% ELSEIF menu.header.links.NAME=Восстановление пароля %}user{% ENDIF %}{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a>
					  </li>
				{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
			{% ENDIF %}
			<div class="clear"></div>
			<!-- Прелоадер изображений которые появляются при наведеннии на ссылку в меню -->
			<div style="position:absolute;top:-9999px;">
			  <div class="header">
				<ul class="links">
				  <li>
					<a class="catalog-act"></a>
					<a class="present-act"></a>
					<a class="briefcase-act"></a>
					<a class="key-act"></a>
					<a class="tick-act"></a>
					<a class="label-act"></a>
					<a class="heart-act"></a>
					<a class="clipboard-act"></a>
					<a class="address-act"></a>
					<a class="clock-act"></a>
					<a class="cart-act"></a>
					<a class="user-act"></a>
					<a class="document-act"></a>
					<a class="home-act"></a>
				  </li>
				</ul>
			  </div>
			</div>
			<!-- /Блок навигации -->
																																								   <div class="span44 hidden-phone">
			<p class="copy">&copy; {DATE_YEAR} &laquo;{SETTINGS_STORE_NAME}&raquo;<br /> {SETTINGS_STORE_ORG_NAME}<br />
			  <span>Все права защищены</span><br />
			  {COPYRIGHT_FOR_DESIGN_TECH}
			  <span>{SETTINGS_STORE_REGION}</span><br />
			  {SETTINGS_STORE_HTML_CODE}<br />
			</p>
			</div>
	  </div>
	  </div>
	  </div>
дублирующий кож блока меню и коопирайты удалите в данном шаблоне, они будут выше находиться


#120176 Помогите Пожалуйста С Дизайном.

Отправлено Vaccina на 06 Февраль 2014 - 06:10

судя по структуре, советую вам использовать дизайн тему "Техника" и ее уже стилизовать в дальнейшем