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


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


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

#21 janjak

janjak

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

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

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

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

#22 Ирина345

Ирина345

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

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

Отправлено 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

janjak

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

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

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

Просмотр сообщенияCastiel (24 Июнь 2014 - 17:10) писал:

Заменить:
color: #8eac07;  цвет
font-size: 100%;  размер, например 26px
Я имел ввиду изменить цвет и шрифт адреса, а не номера телефона

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

  • 123.png


#24 Ирина345

Ирина345

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

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

Отправлено 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

janjak

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

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

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

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

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

  • 123.png
  • 1234.png


#26 Ирина345

Ирина345

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

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

Отправлено 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

janjak

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

  • Пользователи
  • PipPipPip
  • 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

Ирина345

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

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

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

Просмотр сообщенияjanjak (24 Июнь 2014 - 19:10) писал:

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

#29 janjak

janjak

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

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

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

всё отлично!

#30 janjak

janjak

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

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

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

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

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

  • 12.png


#31 Ирина345

Ирина345

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

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

Отправлено 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

janjak

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

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

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

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

#33 Ирина345

Ирина345

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

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

Отправлено 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(слева);




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

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