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


Доработки По Шапке


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

#1 klimatika24

klimatika24

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

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

Отправлено 25 Февраль 2014 - 15:32

Добрый день!
Сайт - klimatik-city.ru

1) Подскажите как докрасить шапку? серидину нашел где красить а по бокам нет




2) Подскажите как реализовать вот такой номер телефона с такой иконкой трубки?



#2 @lina_va

@lina_va

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

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

Отправлено 25 Февраль 2014 - 18:03

Просмотр сообщенияklimatika24 (25 Февраль 2014 - 15:32) писал:

Добрый день!
Сайт - klimatik-city.ru

1) Подскажите как докрасить шапку? серидину нашел где красить а по бокам нет

Прикрепленный файл 1.png


2) Подскажите как реализовать вот такой номер телефона с такой иконкой трубки?

Прикрепленный файл 2.png
Добрый вечер
1. о чем именно идет речь? укажите область, которую нужно отредактировать на скрине
2. не вижу указанное изображение в бэк офисе (сайт- редактор шаблонов). его нужно загрузить туда
Если вы хотите поменять картинку, которая на данный момент отображается возле номера телефона, нужно удалить в main.css найти:
#contactInfo {
position: absolute;
color: #A6212C;
font: bold 28px arial;
top: 15px;
left: 470px;
background: url(http://design.klimatika24.ru/phone.png) no-repeat left top;
padding-left: 30px;
}
и
удалить:
background: url(http://design.klimatika24.ru/phone.png) no-repeat left top;
В  html после:
   <div id="header">
добавьте:
<a href="http://{NET_DOMAIN}/" title="Перейти на главную"><span id="telephone"></span></a>
<a href="ссылка на страницу, на которую будет ссылаться">
<img src="{ASSETS_IMAGES_PATH}k.jpg" style="
width: 50px;
height: 50px;
float: left;
padding-left: 440px;
padding-top: 30px;
">
</a>

вместо k.jpg - название загруженного изображения

#3 klimatika24

klimatika24

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

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

Отправлено 26 Февраль 2014 - 11:18

Добрый день!
Может я загрузил не те скрины. Повторяю все заново!

АККАУНТ SL-273468

1) Подскажите как докрасить шапку? серидину нашел где красить а по бокам нет (см. скрин)

1.jpg

2) Подскажите как реализовать вот такой номер телефона с такой иконкой трубки? (иконку загрузил в бэкофис "telefon.jpg")

2.jpg

#4 Alexey11

Alexey11

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

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

Отправлено 26 Февраль 2014 - 16:46

Просмотр сообщенияklimatika24 (26 Февраль 2014 - 11:18) писал:

Добрый день!
Может я загрузил не те скрины. Повторяю все заново!

АККАУНТ SL-273468

1) Подскажите как докрасить шапку? серидину нашел где красить а по бокам нет (см. скрин)

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

2) Подскажите как реализовать вот такой номер телефона с такой иконкой трубки? (иконку загрузил в бэкофис "telefon.jpg")

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

1) вам нужно отредактировать картинку bg-repeat-x.jpg , или удалить ее и заменить на свою.

2)Загрузите картинку с телефоном в ваш бэк-офис, мы поможем вам ее установить.

#5 klimatika24

klimatika24

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

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

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

Просмотр сообщенияAlexey11 (26 Февраль 2014 - 16:46) писал:

1) вам нужно отредактировать картинку bg-repeat-x.jpg , или удалить ее и заменить на свою.

2)Загрузите картинку с телефоном в ваш бэк-офис, мы поможем вам ее установить.

Если загрузить картинку вместе с телефоном то это будет выглядеть как картинка? т.е. номер телефона индексироваться не будет? и в дальнейшем через НАСТРОЙКИ - ОСНОВНЫЕ изменить номер тоже не смогу?

#6 Vaccina

Vaccina

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

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

Отправлено 27 Февраль 2014 - 04:29

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

#7 klimatika24

klimatika24

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

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

Отправлено 27 Февраль 2014 - 21:37

Просмотр сообщенияVaccina (27 Февраль 2014 - 04:29) писал:

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

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

#8 Vaccina

Vaccina

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

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

Отправлено 28 Февраль 2014 - 03:56

если номер прописан заранее в картинке, то его поменять можно только в графическом редакторе, но из-за картинки не пропадает стандартный блок контактов, вы дополнительно в разделе Настройки - Основные можете прописать доп.номера.

#9 klimatika24

klimatika24

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

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

Отправлено 01 Март 2014 - 17:24

Просмотр сообщенияVaccina (28 Февраль 2014 - 03:56) писал:

если номер прописан заранее в картинке, то его поменять можно только в графическом редакторе, но из-за картинки не пропадает стандартный блок контактов, вы дополнительно в разделе Настройки - Основные можете прописать доп.номера.

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

#10 Vaccina

Vaccina

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

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

Отправлено 04 Март 2014 - 01:57

каждый вам дал несколько вариантов для реализации, чтобы было по скрину, найдите в шаблоне HTML и удалите:
<a href="http://klimatik-city.ru/feedback"><span>Связаться</span> с Нами</a>
Далее в main.css найдите:
#header .bottommain .headleft {
	color: #767676;
	margin-left: 3%;
	overflow: visible;
	padding: 0.7% 0 0;
	width: 33.3%;
}
добавьте background с ссылкой на вашу иконку например:
#header .bottommain .headleft {
	color: #767676;
	margin-left: 3%;
	overflow: visible;
	padding: 0.7% 0 0;
	width: 33.3%;
	background: url('ссылка') no-repeat left 10px;
}





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

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