Перейти к содержанию
salbey

Добавление контактов в шапку сайта [РЕШЕНО]

Рекомендуемые сообщения

Добрый день, форумчане. Это первый мой опыт в редактировании шаблона сайта, поэтому прошу помощи.

В не типовом шаблоне хочу добавить в шапку блок контактной информации. Сделал по совету http://moushe.ru/nas...on-fly-7-chast/ (если ссылка на сторонний ресурс не допустима на форуме, то прошу удалить) следующие изменения в файлах:

- header.tpl вставил код

<div id="contacts">

<div id="bc">Москва ТК "Савёловский"</div></br>

Павильоны: <div id="bc">С-** / А-**</div> <br />

Работаем ежедневно: <div id="bc">с 10 до 20</div> <br />

Наш телефон: <div id="bc">8 (903) 006 81 **</div>

</div>

- stylesheet.css и вставил код

#contacts {

position: absolute;

top: 0px;

left: 0px;

text-align: left;

}

#bc {

color: #38b0e3;

font-weight: bold;

font-size: 13px;

text-transform: uppercase;

display: inline-block;

}

Собственно, вопрос в следующем. Как подвидуть блок конткатов левее (по стрелочке), если параметры уже top: 0px; left: 0px;?

P.S. Ссылка на сайтkydelka.ru/

post-20720-0-51794100-1342423021_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

есть вот такой вариант

в файле catalog/view/theme/default/template/common/header.tpl найдите строчку <?php if (count($languages) > 1) { ?>

перед ней добавьте

<div style="position:absolute;top:55px;left:360px;width:16px"><img src="http://wwp.icq.com/scripts/online.dll?icq=2877779&img=27" alt="Статус" /></div>

<div style="position:absolute;top:17px;left:340px;width:127px;font-size:15px"><span style="color:#BE9E4C">+7</span> <span style="color:#39C">(932) 200-777-5</span></div>

<div style="position:absolute;top:34px;left:340px;width:127px;font-size:15px"><span style="color:#BE9E4C">+7</span> <span style="color:#39C">(932) 47-222-66</span></div>

<div style="position:absolute;top:54px;left:350px;width:127px;font-size:15px;text-align:center"> <span style="color:#666"> 28-7777-9</span></div>

или есть еще вариант

в тот же файл и в то же место добавить

<div style="position:absolute;top:17px;left:340px;width:127px;height:70px"><img src="catalog/view/theme/default/image/myContact.png"><img style="position:relative;bottom:22px;left:20px;width:16px" src="http://wwp.icq.com/scripts/online.dll?icq=2877779&img=27" alt="Статус"></div>

и еще закинуть фото себе в папку catalog/view/theme/default/image

Изменено пользователем tim21701
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Собственно, вопрос в следующем. Как подвидуть блок конткатов левее (по стрелочке), если параметры уже top: 0px; left: 0px;?

P.S. Ссылка на сайтkydelka.ru/

Поставьте:

top: -5px;

left: -220px;

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Спасибо, друзья мои... реализовал по второму варианту с картинкой и вывел положение в минуса (плюсы вам в репу). Все получилось, тему можно закрывать.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вариант с картинкой хуже потому, что телефонные номера не индексируются поисковиками.

Поэтому есть смысл прописывать их в html.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ваш номер часто ищут с помощью поисковой системы? Я за то, чтобы закрывать это от роботов.

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ваш номер часто ищут с помощью поисковой системы? Я за то, чтобы закрывать это от роботов.

+1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Иногда очень хочется скопировать номер телефона. И в таких случаях номер-картинка вызывает ярость :)

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Гость
Эта тема закрыта для публикации ответов.

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.