Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

2

Как Изменить Размер И Расположение Надписи Телефона

Автор toconsole, 17 июля 2013 23:57

Назад

Авторизуйтесь для ответа в теме

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

#21 janjak

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

Пользователи
136 сообщений

Отправлено 24 Июнь 2014 - 17:25

А чтобы эту надпись немного вниз сдвинуть, что нужно изменить?

Наверх

#22 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 24 Июнь 2014 - 17:32

janjak (24 Июнь 2014 - 17:25) писал:

А чтобы эту надпись немного вниз сдвинуть, что нужно изменить?

Найдите в шаблоне hTML

<div> Ваш адрес</div>
								</li>

замените на

<div style="margin-top:3px;"> Ваш адрес</div>
								</li>

можите менять отступ margin-top:3px

Наверх

#23 janjak

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

Пользователи
136 сообщений

Отправлено 24 Июнь 2014 - 17:45

Castiel (24 Июнь 2014 - 17:10) писал:

Заменить:
color: #8eac07; цвет
font-size: 100%; размер, например 26px

Я имел ввиду изменить цвет и шрифт адреса, а не номера телефона

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

Наверх

#24 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 24 Июнь 2014 - 17:49

janjak (24 Июнь 2014 - 17:45) писал:

Я имел ввиду изменить цвет и шрифт адреса, а не номера телефона

Найдите в шаблоне HTML

<div style="margin-top:3px;"> Ваш адрес</div>
																</li>

замените на

<div style="margin-top:3px; color: #8eac07; font-size: 16px;"> Ваш адрес</div>

													  </li>

меняте значение color: #8eac07; font-size: 16px;

Наверх

#25 janjak

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

Пользователи
136 сообщений

Отправлено 24 Июнь 2014 - 18:04

Спасибо!
Подскажите, как сделать:
1) чтобы не все буквы были заглавными?
2) закрепить надпись в шапке, чтобы она не исчезала при переходе на другие страницы?

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

Наверх

#26 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 24 Июнь 2014 - 18:38

janjak (24 Июнь 2014 - 18:04) писал:

Спасибо!
Подскажите, как сделать:
1) чтобы не все буквы были заглавными?
2) закрепить надпись в шапке, чтобы она не исчезала при переходе на другие страницы?

найдите

<div style="margin-top:3px; color: #8eac07; font-size: 16px;"> Ваш адрес</div>
																										 </li>

замените на

<div class="adr"> Ваш адрес</div>
																										 </li>

в конец файла main.css обавьте

div.adr {
margin-top: 7px;
color: #767676;
font-size: 16px;
text-transform: none;
}

адрес не исчезает.

Наверх

#27 janjak

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

Пользователи
136 сообщений

Отправлено 24 Июнь 2014 - 19:10

Ирина345 (24 Июнь 2014 - 18:38) писал:

[/CODE]
в конец файла main.css обавьте

div.ad {
margin-top: 7px;
color: #767676;
font-size: 16px;
text-transform: none;
}

адрес не исчезает.

Всё сделал, но буквы почему-то так и остались заглавными..кэш почистил
Аккаунт SL-294500

Наверх

#28 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 24 Июнь 2014 - 19:14

janjak (24 Июнь 2014 - 19:10) писал:

Всё сделал, но буквы почему-то так и остались заглавными..кэш почистил
Аккаунт SL-294500

Инструкцию чуть изменили, попробуйте снова

Наверх

#29 janjak

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

Пользователи
136 сообщений

Отправлено 24 Июнь 2014 - 19:22

всё отлично!

Наверх

#30 janjak

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

Пользователи
136 сообщений

Отправлено 25 Июнь 2014 - 14:41

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

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

Наверх

#31 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 25 Июнь 2014 - 14:48

janjak (25 Июнь 2014 - 14:41) писал:

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

Здравствуйте, найдите в шаблоне Страница

<div class="contenttext clr padd51">
	<div class="title dinline fnt14 b fntarl padd51">{PAGE_NAME}</div>
		<div class="text txtalgnjsf fnt13 padd50 fntarl aunder">
				{% IFNOT index_page %}<div class="htmlDataBlock">
						{PAGE_CONTENT}
				</div> {% ENDIF %}
		<!-- Короткое SEO-описание -->
		{% IF PAGE_SEO_DESCRIPTION_SHORT %}
		<div class="htmlDataBlock">
			{PAGE_SEO_DESCRIPTION_SHORT}
		</div>
		{% ENDIF %}
		<!-- Кнопки социальных сетей от yandex-share -->
		<div id="yandex_share" class="orange"></div>
		<!-- end Кнопки социальных сетей от yandex-share -->
		<!-- END Короткое SEO-описание -->

замените на

<div class="contenttext clr padd51">
	<div class="title dinline fnt14 b fntarl padd51">{PAGE_NAME}</div>
		<div class="text txtalgnjsf fnt13 padd50 fntarl aunder">
				{% IFNOT index_page %}<div class="htmlDataBlock">
						{PAGE_CONTENT}
				</div>
  <!-- Кнопки социальных сетей от yandex-share -->
		<div id="yandex_share" class="orange"></div>
		<!-- end Кнопки социальных сетей от yandex-share -->
{% ENDIF %}
		<!-- Короткое SEO-описание -->
		{% IF PAGE_SEO_DESCRIPTION_SHORT %}
		<div class="htmlDataBlock">
			{PAGE_SEO_DESCRIPTION_SHORT}
		</div>
		{% ENDIF %}
	  
		<!-- END Короткое SEO-описание -->

Наверх

#32 janjak

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

Пользователи
136 сообщений

Отправлено 25 Июнь 2014 - 16:44

Спасибо, только кнопка "поделиться" совсем исчезла, ни сверху ни снизу ее нет
Аккаунт SL-294500

Наверх

#33 Ирина345

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

Модераторы
5 709 сообщений

Отправлено 25 Июнь 2014 - 16:58

janjak (25 Июнь 2014 - 16:44) писал:

Спасибо, только кнопка "поделиться" совсем исчезла, ни сверху ни снизу ее нет
Аккаунт SL-294500

в HTML найдите

<div class="htmlDataBlock">
						{PAGE_CONTENT}
				</div>

замените на


<div class="htmlDataBlock">
						{PAGE_CONTENT}
				</div>
<!-- Кнопки социальных сетей от yandex-share -->
				<div id="yandex_share" class="orange"></div>
				<!-- end Кнопки социальных сетей от yandex-share -->

в main.css

#yandex_share {
  display: block;
  width: 100px;
  background: gray;
  line-height: 2;
  padding: 0 2%;
  background-color: #FFF;  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.15) 50%);  background-image: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.15) 50%);  background-image: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.15) 50%);  background-image: linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.15) 50%);
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

замените на

#yandex_share {
  display: block;
  width: 100px;
  background: gray;
  line-height: 2;
  padding: 0 2%;
  background-color: #FFF;  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.15) 50%);  background-image: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.15) 50%);  background-image: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.15) 50%);  background-image: linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.15) 50%);
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
margin:1px 1px 1px 45px;
}

где margin:1px(отступ сверху) 1px(справо) 1px(снизу) 45px(слева);