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


Номер Телефона В Шапке


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

#1 Bardin

Bardin

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

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

Отправлено 14 Март 2011 - 13:29

Как изменить цвет телефона, режима работы , ICQ в шапке сайта?
Как сделать его крупнее ?

#2 support

support

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

  • Модераторы
  • 3 683 сообщений
  • ГородМосква

Отправлено 15 Март 2011 - 19:16

Просмотр сообщенияBardin (14 Март 2011 - 13:29) писал:

Как изменить цвет телефона, режима работы , ICQ в шапке сайта?
Как сделать его крупнее ?
Информация по телефону, режиму работы , ICQ в шапке сайта выдаётся вот этим кодом из шаблона "html" в разделе "Сайт" > "Редактор тем".
	  <!-- Контакты -->
	  <div id="contactInfo">
		<table>
		  <tr>
			<td class="contactInfoContent">
			  <table>
				<!-- Первый контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				  <tr>
					<td class="contentTableHeadMainPhone">
					  <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					  {% 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">
					  <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					  {% 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">
					  <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					  {% 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 %}
				
				<!-- 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}&img=27" alt="Статус" width="16" height="16" />
					  <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
					</td>
				  </tr>
				{% ENDIF %}
			  </table>
			</td>
		  </tr>
		</table>
	  </div>
	  <!-- end Контакты -->

Стили для блока контактов используются из файла main.csstemplate:
*contactInfo*/
#contactInfo {
  position:absolute;
  font-size:1.2em;
  top: 5px;
  left: 330px;
}

.contentTableHeadMainPhone				   {color:#3399cc;}

.contactInfoContentCountryCode			   {color:#BE9E4C;}
.contactInfoContent {
  height:100px;
  width: 180px;
  vertical-align:middle;
  
}
#contactInfo table {margin:0px;}
#contactInfo td {padding:0px;text-align:center !important;}
/*contactInfo*/

Для того чтобы изменить размер шрифта используется свойство font-size для изменения цвета color
Так для изменения размера шрифта на больший мы изменим #contactInfo на
#contactInfo {
  position:absolute;
  font-size:1.5em;
  top: 5px;
  left: 330px;
}

Для изменения цвета телефона я изменяю вот эти стили:
.contentTableHeadMainPhone				   {color:#3399cc;}
.contactInfoContentCountryCode			   {color:#BE9E4C;}

на
.contentTableHeadMainPhone				   {color:#de7300;}
.contactInfoContentCountryCode			   {color:#11ca26;}

Для прорисовки цветов для ICQ и времени работы я поменял цвет у этого стиля:
.contactInfoContent {
  height:100px;
  width: 180px;
  vertical-align:middle;
}

на
.contactInfoContent {
  color:#b70085;
  height:100px;
  width: 180px;
  vertical-align:middle;
}

Вот результат всех изменений на сайте:
contacts.jpg

#3 Bardin

Bardin

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

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

Отправлено 16 Март 2011 - 15:40

Как убрать восьмерку у телефонов ?

Напишите адрес сайта где цвета выбирать

#4 support

support

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

  • Модераторы
  • 3 683 сообщений
  • ГородМосква

Отправлено 16 Март 2011 - 20:21

Просмотр сообщенияBardin (16 Март 2011 - 15:40) писал:

Как убрать восьмерку у телефонов ?
Она убирается в разделе "Настройки" > "Основные" в полях "Телефоны на сайте". Простым удалением.

Просмотр сообщенияBardin (16 Март 2011 - 15:40) писал:

Напишите адрес сайта где цвета выбирать
www.colorpicker.com

#5 Bardin

Bardin

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

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

Отправлено 16 Март 2011 - 20:23

Просмотр сообщенияsupport (16 Март 2011 - 20:21) писал:

Она убирается в разделе "Настройки" > "Основные" в полях "Телефоны на сайте". Простым удалением.
))) Что то я не подумал...

#6 PlayChik

PlayChik

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

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

Отправлено 11 Апрель 2011 - 21:56

А как № телефона и ICQ сделать по центру?

#7 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 11 Апрель 2011 - 22:11

Если вы имели ввиду - что бы не было переносов после телефона или icq, то нужно изменить шаблон "html"

найти

<td class="contactInfoContent">
			  <table>
				<!-- Первый контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				  <tr>
					<td class="contentTableHeadMainPhone">
					  <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					  {% 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">
					  <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					  {% 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">
					  <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					  {% 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 %}
				
				<!-- 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}&img=27" alt="Статус" width="16" height="16" />
					  <span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
					</td>
				  </tr>
				{% ENDIF %}
			  </table>
			</td>
 


и привести все это к такому виду:

<td class="contactInfoContent">
			  <table>
				<tr>
				<!-- Первый контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
					<td class="contentTableHeadMainPhone">
					  <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER1}
					</td>
				{% ENDIF %}

				<!-- Второй контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
					<td class="contentTableHeadMainPhone">
					  <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER2}
					</td>
				{% ENDIF %}

				<!-- Третий контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
					<td class="contentTableHeadMainPhone">
					  <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER3}
					</td>
				{% ENDIF %}

				<!-- Время работы магазина -->
				{% IF SETTINGS_STORE_WORK_TIME %}
					<td class="contentTableHeadMainWorkTime">
					  {SETTINGS_STORE_WORK_TIME}
					</td>
				{% ENDIF %}
				
				<!-- ICQ номер -->
				{% IF SETTINGS_STORE_ICQ %}
					<td class="contentTableHeadMainIcq">
					  <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>
					</td>
				{% ENDIF %}
				</tr>
			  </table>
			</td>


#8 PlayChik

PlayChik

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

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

Отправлено 12 Апрель 2011 - 09:07

Просмотр сообщенияVaccina (11 Апрель 2011 - 22:11) писал:

Если вы имели ввиду - что бы не было переносов после телефона или icq, то нужно изменить шаблон "html"

Я имела ввиду не переносы) а поместить контакты строго по центру, сейчас они чуть смещены влево на странице.

#9 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 13 Апрель 2011 - 01:37

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

#10 PlayChik

PlayChik

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

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

Отправлено 15 Апрель 2011 - 13:11

Просмотр сообщенияVaccina (13 Апрель 2011 - 01:37) писал:

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

ссылка

хотелось бы, чтоб телефон с аськой под надписью был и на одной линии с поиском. помогите, плиз)

#11 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 15 Апрель 2011 - 18:11

Вам нужно поправить стиль #contactInfo в main.css

Найти

#contactInfo {
	font-size: 1.2em;
	left: 330px;
	position: absolute;
	top: 5px;
}

Заменить на

#contactInfo {
	font-size: 1.2em;
	left: 510px;
	position: absolute;
	top: -25px;
}

Если не устроит данное расположение, то поэкспериментируйте с свойствами top: -25px; и left: 510px;

#12 PlayChik

PlayChik

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

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

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

Vaccina, спасибо, получилось)

#13 isom

isom

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

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

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

Скажите, как изменить размер номера телефона - мне необходимо, чтобы было так:

1111111.jpg

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

#14 Koderhan

Koderhan

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

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

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

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

Скажите, как изменить размер номера телефона - мне необходимо, чтобы было так:

Прикрепленный файл 1111111.jpg

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

Найти код:
<!-- Первый контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				  <tr>
					<td class="contentTableHeadMainPhone">
					  <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					  {% 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">
					  <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					  {% 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">
					  <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER3}
					</td>
				  </tr>
				{% ENDIF %}
Заменить:
<!-- Первый контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				  <tr>
					<td class="contentTableHeadMainPhone">
					  <span class="contactInfoContentCountryCode" style="font-size:12px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}<span style="font-size:12px;color: #BE9E4C;">({SETTINGS_STORE_PHONE_CITY_CODE1})</span>{% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER1}
					</td>
				  </tr>
				{% ENDIF %}
				<!-- Второй контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				  <tr>
					<td class="contentTableHeadMainPhone" style="font-size:12px;">
					  <span class="contactInfoContentCountryCode">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}<span style="font-size:12px;color: #BE9E4C;">({SETTINGS_STORE_PHONE_CITY_CODE2})</span>{% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER2}
					</td>
				  </tr>
				{% ENDIF %}
				<!-- Третий контактный телефон -->
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				  <tr>
					<td class="contentTableHeadMainPhone">
					  <span class="contactInfoContentCountryCode" style="font-size:12px;">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					  {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}<span style="font-size:12px;color: #BE9E4C;">({SETTINGS_STORE_PHONE_CITY_CODE3})</span>{% ENDIF %}
					  {SETTINGS_STORE_PHONE_NUMBER3}
					</td>
				  </tr>
				{% ENDIF %}


#15 isom

isom

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

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

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

Спасибо! заработало!

Кстати говоря, поиск у вас не самый юзер-френдли) Съедает половину выдачи:

222.jpg

#16 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

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

Данная проблема нам известна, но к сожалению она еще не поправлена.

#17 eee1973

eee1973

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

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

Отправлено 20 Январь 2013 - 09:21

Здравствуйте, подскажите. Как изменить цвет 8 в коде номера телефона?  Телефон.png

#18 miyako

miyako

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

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

Отправлено 20 Январь 2013 - 09:44

Просмотр сообщенияeee1973 (20 Январь 2013 - 09:21) писал:

Здравствуйте, подскажите. Как изменить цвет 8 в коде номера телефона?  Прикрепленный файл Телефон.png
Найдите в файле main.csstemplate(Сайт->Редактор тем->Стили и скрипты) код:
.contactInfoContentCountryCode {
color: #BE9E4C; /*цвет шрифта восьмерки*/
}
и замените color на нужный вам цвет

#19 eee1973

eee1973

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

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

Отправлено 20 Январь 2013 - 09:51

Спасибо. Получилось.

#20 eee1973

eee1973

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

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

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

Подскажите еще. У меня в левом меню шрифт надписи "Каталог товаров" немного мельче, чем "Новости магазина"  Цвет.png .  Я пытался увеличивать шрифт "Каталог товаров", но и почему-то одновременно еще увеличивается шрифт "Новости магазина". Как мне шрифт надписи "Каталог товаров" сделать точно таким же как и "Новости магазина".




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

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