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


Шапка Сайта


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

#1 MisterGood

MisterGood

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

  • Пользователи
  • PipPip
  • 10 сообщений
  • ГородАлчевск

Отправлено 04 Январь 2013 - 17:36

Подскадите как все это сделать.нужно добавить блоки скайп и время работы,переместить меню сайта на уровень в поиском и как сделать уже блок поиска а то когда текст вводишь получается длинная полоса
Shopingbel.ru

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

  • Снимок.jpg


#2 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 08 Январь 2013 - 11:38

Просмотр сообщенияMisterGood (04 Январь 2013 - 17:36) писал:

Подскадите как все это сделать.нужно добавить блоки скайп и время работы,переместить меню сайта на уровень в поиском и как сделать уже блок поиска а то когда текст вводишь получается длинная полоса
Shopingbel.ru

Для того, чтобы добавить скайп и время работы магазина, зайдите в Настройки -> Основные -> Время работы магазина и Номер Skype на сайте

Также у Вас слишком высоко подняты номера телефонов, чтобы опустить их чуть ниже, зайдите в раздел Сайт -> Редактор тем -> файл main.css и найдите блок

#contactInfo {
  position:absolute;
  font-size:1.1em;
  top: -20px;
  left: 45px;
}


можете заменить его на
#contactInfo {
  position:absolute;
  font-size:1.1em;
  top: 10px;
  left: 45px;
}



Поле поиск у Вас изображение в шапке сайта header_page.png. Вам нужно в визуальном редакторе это изменить самостоятельно.

Для того, чтобы при вводе текста в поиск он не уходил на пределы поля, нужно в файле main.css найти блок
#search .search_box  {
  background:none;
  border:none;
  font: 11px Verdana, Geneva, sans-serif;
  width: 200px;
  padding:0px;
  padding-left: 14px;
  padding-top: 8px;
 
}

и заменить на
#search .search_box  {
  background:none;
  border:none;
  font: 11px Verdana, Geneva, sans-serif;
  width: 200px;
  padding:0px;
  padding-left: 55px;
  padding-top: 8px;
}


#3 MisterGood

MisterGood

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

  • Пользователи
  • PipPip
  • 10 сообщений
  • ГородАлчевск

Отправлено 10 Январь 2013 - 17:32

Просмотр сообщенияsupport 2.0 (08 Январь 2013 - 11:38) писал:

Для того, чтобы добавить скайп и время работы магазина, зайдите в Настройки -> Основные -> Время работы магазина и Номер Skype на сайте

Также у Вас слишком высоко подняты номера телефонов, чтобы опустить их чуть ниже, зайдите в раздел Сайт -> Редактор тем -> файл main.css и найдите блок

#contactInfo {
position:absolute;
font-size:1.1em;
top: -20px;
left: 45px;
}


можете заменить его на
#contactInfo {
position:absolute;
font-size:1.1em;
top: 10px;
left: 45px;
}



Поле поиск у Вас изображение в шапке сайта header_page.png. Вам нужно в визуальном редакторе это изменить самостоятельно.

Для того, чтобы при вводе текста в поиск он не уходил на пределы поля, нужно в файле main.css найти блок
#search .search_box {
background:none;
border:none;
font: 11px Verdana, Geneva, sans-serif;
width: 200px;
padding:0px;
padding-left: 14px;
padding-top: 8px;

}

и заменить на
#search .search_box {
background:none;
border:none;
font: 11px Verdana, Geneva, sans-serif;
width: 200px;
padding:0px;
padding-left: 55px;
padding-top: 8px;
}



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

#4 Vaccina

Vaccina

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

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

Отправлено 10 Январь 2013 - 22:15

Вам необходимо в файле стилей main.css найти

#search {
	float: right;
	height: 35px;
	padding-right: 15px;
	padding-top: 40px;
	width: 245px;
}

и заменить на

#search {
	float: right;
	height: 35px;
	padding-right: 15px;
	padding-top: 40px;
	width: 205px;
}

далее найти

#search .search_box {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	font: 11px Verdana,Geneva,sans-serif;
	padding: 8px 0 0 14px;
	width: 200px;
}

и заменить на

#search .search_box {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	font: 11px Verdana,Geneva,sans-serif;
	padding: 8px 0 0 14px;
	width: 160px;
}

далее найти

#search .submit {
	border: 1px solid white;
	cursor: pointer;
	height: 28px;
	margin-left: 0;
	margin-top: 2px;
	padding-top: 0;
	width: 28px;
}

и заменить на

#search .submit {
	cursor: pointer;
	height: 28px;
	margin-left: 0;
	margin-top: 2px;
	padding-top: 0;
	width: 28px;
}

Цитата

И кстати я когда добавляю скайп и время работы оно у меня все получается все под телефонами,почему так ?

Это связано с тем что вся информация выводиться в одном блоке.

<!-- Контакты -->
	  <div id="contactInfo">
		<table>
		  <tr>
			<td class="contactInfoContent">
			  <table>
				<!-- Первый контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				  <tr>
					<td class="contentTableHeadMainPhone">
					  {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
					</td>
				  </tr>
				{% ENDIF %}
			   
				<!-- Второй контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				  <tr>
					<td class="contentTableHeadMainPhone">
					  {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}
					</td>
				  </tr>
				{% ENDIF %}
			 
				<!-- Третий контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				  <tr>
					<td class="contentTableHeadMainPhone">
					  {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}
					</td>
				  </tr>
				{% ENDIF %}
	 
				<!-- Время работы магазина -->
				{% IF SETTINGS_STORE_WORK_TIME %}
				  <tr>
					<td class="contentTableHeadMainWorkTime">
					  {SETTINGS_STORE_WORK_TIME}
					</td>
				  </tr>
				{% ENDIF %}
			   
				<!-- Skype номер -->
				{% IF SETTINGS_STORE_SKYPE %}
				  <tr>
					<td class="contentTableHeadMainSkype">
					  <a 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" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
					</td>
				  </tr>
				{% ENDIF %}
			   
				<!-- ICQ номер -->
				{% IF SETTINGS_STORE_ICQ %}
				  <tr>
					<td class="contentTableHeadMainIcq">
					  <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
					  <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
					</td>
				  </tr>
				{% ENDIF %}
			  </table>
			</td>
		  </tr>
		</table>
	  </div>
	  <!-- end Контакты -->

Как вариант это разбить данный блок на несколько частей, и вручную задать им стили. Например

<!-- Контакты -->
	  <div id="contactInfo">
		<table>
		  <tr>
			<td class="contactInfoContent">
			  <table>
				<!-- Первый контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				  <tr>
					<td class="contentTableHeadMainPhone">
					  {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
					</td>
				  </tr>
				{% ENDIF %}
			   
				<!-- Второй контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				  <tr>
					<td class="contentTableHeadMainPhone">
					  {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}
					</td>
				  </tr>
				{% ENDIF %}
			 
				<!-- Третий контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				  <tr>
					<td class="contentTableHeadMainPhone">
					  {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}
					</td>
				  </tr>
				{% ENDIF %}
	 </table>
			</td>
		  </tr>
		</table>
	  </div>
	 
 <div id="contactInfo" style="left: 120px;">
		<table>
		  <tr>
			<td class="contactInfoContent">
			  <table>
				<!-- Время работы магазина -->
				{% IF SETTINGS_STORE_WORK_TIME %}
				  <tr>
					<td class="contentTableHeadMainWorkTime">
					  {SETTINGS_STORE_WORK_TIME}
					</td>
				  </tr>
				{% ENDIF %}
			  </table>
			</td>
		  </tr>
		</table>
	  </div>

	<div id="contactInfo" style="left: 80px;">
		<table>
		  <tr>
			<td class="contactInfoContent">
			  <table>		  
				<!-- Skype номер -->
				{% IF SETTINGS_STORE_SKYPE %}
				  <tr>
					<td class="contentTableHeadMainSkype">
					  <a 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" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
					</td>
				  </tr>
				{% ENDIF %}
			   
				<!-- ICQ номер -->
				{% IF SETTINGS_STORE_ICQ %}
				  <tr>
					<td class="contentTableHeadMainIcq">
					  <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
					  <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
					</td>
				  </tr>
				{% ENDIF %}
			  </table>
			</td>
		  </tr>
		</table>
	  </div>
	  <!-- end Контакты -->

Далее останется только выровнять блоки путем задания стиля left

#5 MisterGood

MisterGood

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

  • Пользователи
  • PipPip
  • 10 сообщений
  • ГородАлчевск

Отправлено 11 Январь 2013 - 00:37

Просмотр сообщенияVaccina (10 Январь 2013 - 22:15) писал:

Вам необходимо в файле стилей main.css найти

#search {
float: right;
height: 35px;
padding-right: 15px;
padding-top: 40px;
width: 245px;
}

и заменить на

#search {
float: right;
height: 35px;
padding-right: 15px;
padding-top: 40px;
width: 205px;
}

далее найти

#search .search_box {
background: none repeat scroll 0 0 transparent;
border: medium none;
font: 11px Verdana,Geneva,sans-serif;
padding: 8px 0 0 14px;
width: 200px;
}

и заменить на

#search .search_box {
background: none repeat scroll 0 0 transparent;
border: medium none;
font: 11px Verdana,Geneva,sans-serif;
padding: 8px 0 0 14px;
width: 160px;
}

далее найти

#search .submit {
border: 1px solid white;
cursor: pointer;
height: 28px;
margin-left: 0;
margin-top: 2px;
padding-top: 0;
width: 28px;
}

и заменить на

#search .submit {
cursor: pointer;
height: 28px;
margin-left: 0;
margin-top: 2px;
padding-top: 0;
width: 28px;
}



Это связано с тем что вся информация выводиться в одном блоке.

<!-- Контакты -->
	 <div id="contactInfo">
	 <table>
		 <tr>
		 <td class="contactInfoContent">
			 <table>
			 <!-- Первый контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				 <tr>
				 <td class="contentTableHeadMainPhone">
					 {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
				 </td>
				 </tr>
			 {% ENDIF %}
			
			 <!-- Второй контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				 <tr>
				 <td class="contentTableHeadMainPhone">
					 {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}
				 </td>
				 </tr>
			 {% ENDIF %}
			
			 <!-- Третий контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				 <tr>
				 <td class="contentTableHeadMainPhone">
					 {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}
				 </td>
				 </tr>
			 {% ENDIF %}
	
			 <!-- Время работы магазина -->
			 {% IF SETTINGS_STORE_WORK_TIME %}
				 <tr>
				 <td class="contentTableHeadMainWorkTime">
					 {SETTINGS_STORE_WORK_TIME}
				 </td>
				 </tr>
			 {% ENDIF %}
			
			 <!-- Skype номер -->
			 {% IF SETTINGS_STORE_SKYPE %}
				 <tr>
				 <td class="contentTableHeadMainSkype">
					 <a 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" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
				 </td>
				 </tr>
			 {% ENDIF %}
			
			 <!-- ICQ номер -->
			 {% IF SETTINGS_STORE_ICQ %}
				 <tr>
				 <td class="contentTableHeadMainIcq">
					 <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
					 <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				 </td>
				 </tr>
			 {% ENDIF %}
			 </table>
		 </td>
		 </tr>
	 </table>
	 </div>
	 <!-- end Контакты -->

Как вариант это разбить данный блок на несколько частей, и вручную задать им стили. Например

<!-- Контакты -->
	 <div id="contactInfo">
	 <table>
		 <tr>
		 <td class="contactInfoContent">
			 <table>
			 <!-- Первый контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				 <tr>
				 <td class="contentTableHeadMainPhone">
					 {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
				 </td>
				 </tr>
			 {% ENDIF %}
			
			 <!-- Второй контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				 <tr>
				 <td class="contentTableHeadMainPhone">
					 {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}
				 </td>
				 </tr>
			 {% ENDIF %}
			
			 <!-- Третий контактный телефон -->
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				 <tr>
				 <td class="contentTableHeadMainPhone">
					 {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}
				 </td>
				 </tr>
			 {% ENDIF %}
	 </table>
		 </td>
		 </tr>
	 </table>
	 </div>
	
<div id="contactInfo" style="left: 120px;">
	 <table>
		 <tr>
		 <td class="contactInfoContent">
			 <table>
			 <!-- Время работы магазина -->
			 {% IF SETTINGS_STORE_WORK_TIME %}
				 <tr>
				 <td class="contentTableHeadMainWorkTime">
					 {SETTINGS_STORE_WORK_TIME}
				 </td>
				 </tr>
			 {% ENDIF %}
			 </table>
		 </td>
		 </tr>
	 </table>
	 </div>

<div id="contactInfo" style="left: 80px;">
	 <table>
		 <tr>
		 <td class="contactInfoContent">
			 <table>		
			 <!-- Skype номер -->
			 {% IF SETTINGS_STORE_SKYPE %}
				 <tr>
				 <td class="contentTableHeadMainSkype">
					 <a 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" /><span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
				 </td>
				 </tr>
			 {% ENDIF %}
			
			 <!-- ICQ номер -->
			 {% IF SETTINGS_STORE_ICQ %}
				 <tr>
				 <td class="contentTableHeadMainIcq">
					 <img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&amp;img=27" alt="Статус" width="16" height="16" />
					 <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
				 </td>
				 </tr>
			 {% ENDIF %}
			 </table>
		 </td>
		 </tr>
	 </table>
	 </div>
	 <!-- end Контакты -->

Далее останется только выровнять блоки путем задания стиля left




Спасибо

#6 frolstep

frolstep

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

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 07 Март 2013 - 00:35

Здравствуйте!
Хочу сделать типа блока под горячие новости (Баннер) в шапке сайта (шаблон пластик) под надписью Работаем"
Изображение
Что можно сделать? Посоветуйте пожалуйста.

#7 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 07 Март 2013 - 08:26

Просмотр сообщенияfrolstep (07 Март 2013 - 00:35) писал:

Здравствуйте!
Хочу сделать типа блока под горячие новости (Баннер) в шапке сайта (шаблон пластик) под надписью Работаем"
Изображение
Что можно сделать? Посоветуйте пожалуйста.

Добавьте в файл main.csstemplate код:
.hot_news{height:80px; background:red;width:240px;
float: right;}

В шаблон HTML найдите код:
<div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
		   <ul class="telephone23">
			{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %}
			{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</li>{% ENDIF %}
			{% IF SETTINGS_STORE_ICQ %}<li><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %}
			
		  </ul>
после него вставьте следующее:
<div class="hot_news"> </div>


#8 frolstep

frolstep

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

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 07 Март 2013 - 23:07

Тема супер! Спасибо!!!
Но вот почему-то скачет со сдвигом влево, то нормально (exploer, opera) в crome гуд...Очень доволен.


miyako - СПАСИБО ВАМ!!!

#9 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 11 Март 2013 - 06:06

Просмотр сообщенияfrolstep (07 Март 2013 - 23:07) писал:

Тема супер! Спасибо!!!
Но вот почему-то скачет со сдвигом влево, то нормально (exploer, opera) в crome гуд...Очень доволен.


miyako - СПАСИБО ВАМ!!!

В каких браузерах у вас скачет? Можете приложить скриншоты?

#10 frolstep

frolstep

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

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 25 Ноябрь 2013 - 22:10

Помогите реализовать.
Хочу разместить в блоке 2 столбца по 2 строчки.
Картинки и описание с ссылками на странице.
Смотрите скриншот
Изображение

#11 Vaccina

Vaccina

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

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

Отправлено 26 Ноябрь 2013 - 05:19

у вас сейчас в шапке уже находится данный блок, вопрос еще актуален?

#12 frolstep

frolstep

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

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 26 Ноябрь 2013 - 11:10

Просмотр сообщенияVaccina (26 Ноябрь 2013 - 05:19) писал:

у вас сейчас в шапке уже находится данный блок, вопрос еще актуален?

Вопрос актуален. На данный момент там размещена картинка в одном виде с одной ссылкой на одну страницу.
Хочу, чтобы картинки и описание к ним были отдельными и ссылки отдельно активные.

Спасибо!

#13 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 26 Ноябрь 2013 - 17:35

Просмотр сообщенияfrolstep (26 Ноябрь 2013 - 11:10) писал:

Вопрос актуален. На данный момент там размещена картинка в одном виде с одной ссылкой на одну страницу.
Хочу, чтобы картинки и описание к ним были отдельными и ссылки отдельно активные.

Спасибо!

Чтобы реализовать 2 разные ссылки, нам потребуется разрезать изображение на равные части.
Заливаем полученные изображения на сайт (запоминаем ссылки на изображения)

Редактируем HTML
Находим
		 <div class="block">
		 <a href="http://tool77.ru/page/%D0%94%D0%BE%D1%81%D1%82%D0%B0%D0%B2%D0%BA%D0%B0" title="Доставка и оплата"><img src="http://st.tool77.ru/2/857/777/Bezymyannyj.jpg" alt="Доставка и оплата"></a>
		 </div>

Заменяем на
		 <div class="block">
		 <a href="Ссылка на страницу" title="Доставка"><img src="Ссылка на изображение" alt="Доставка"></a>
<a href="Ссылка на страницу" title="Оплата"><img src="Ссылка на изображение" alt="Доставка"></a>
		 </div>

Разрезанные изображения в приложении

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

  • 1.jpg
  • 2.jpg


#14 frolstep

frolstep

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

  • Пользователи
  • PipPipPipPip
  • 224 сообщений
  • ГородМск

Отправлено 26 Ноябрь 2013 - 18:00

Спасибо за помощь!

#15 Alexey23

Alexey23

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 81 сообщений
  • ГородОмск

Отправлено 06 Август 2014 - 10:24

Добрый день! Помогите сделать следующее:
1. главное меню(верхнее горизонтальное) переместить на самый вверх
2. логотип и контактные данные разместить сразу под этим меню соответственно слева и справа.
3. ниже расположить три блока, увеличив , при этом, их высоту за счет блока "поиск товаров"( его удалить)
4.ниже блоков вывести горизонтальное меню товаров
ВАЖНО!!!! удалить поиск по товарам и "товаров на 0 рублей https://yadi.sk/i/2Ncuz0aPZ9wCq

Заранее спасибо

#16 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 06 Август 2014 - 10:29

Просмотр сообщенияAlexey23 (06 Август 2014 - 10:24) писал:

Добрый день! Помогите сделать следующее:
1. главное меню(верхнее горизонтальное) переместить на самый вверх
2. логотип и контактные данные разместить сразу под этим меню соответственно слева и справа.
3. ниже расположить три блока, увеличив , при этом, их высоту за счет блока "поиск товаров"( его удалить)
4.ниже блоков вывести горизонтальное меню товаров
ВАЖНО!!!! удалить поиск по товарам и "товаров на 0 рублей https://yadi.sk/i/2Ncuz0aPZ9wCq

Заранее спасибо

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

#17 DOGGED

DOGGED

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

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

Отправлено 19 Февраль 2016 - 23:52

как поменять цвет букв?)) и иконок? вот скрин http://fforums.ru/vi...p?id=278ооо.png

#18 Vaccina

Vaccina

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

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

Отправлено 20 Февраль 2016 - 02:03

В main.css найдите:
a {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

замените на:
a {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}





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

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