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


Как Перенести Контакты Вправо?


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

#1 сергей1904

сергей1904

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

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

Отправлено 09 Июнь 2013 - 10:00

Как перенести контакты вправо вместо поиска, поиск удалить. И сделать шрифт контактов побольше, а телефон красным цветом?

#2 miyako

miyako

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

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

Отправлено 09 Июнь 2013 - 10:31

Просмотр сообщениясергей1904 (09 Июнь 2013 - 10:00) писал:

Как перенести контакты вправо вместо поиска, поиск удалить. И сделать шрифт контактов побольше, а телефон красным цветом?

Можете изобразить на скринште как это должно выглядеть в результате?

#3 сергей1904

сергей1904

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

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

Отправлено 09 Июнь 2013 - 12:21

Вот

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

  • Безымянный.jpg


#4 miyako

miyako

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

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

Отправлено 09 Июнь 2013 - 12:40

Просмотр сообщениясергей1904 (09 Июнь 2013 - 12:21) писал:

Вот

У вас в профиле указан другой магазин. Скажите пожалуйста ваш номер аккаунта. И если вас не затруднит, можете отредактировать ваш профиль, и оставить номера аккаунтов тех магазинов, которые вы еще редактируете, или дописать?

#5 сергей1904

сергей1904

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

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

Отправлено 09 Июнь 2013 - 13:04

SL-199369    

#6 shnafix

shnafix

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

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

Отправлено 09 Июнь 2013 - 14:05

Просмотр сообщениясергей1904 (09 Июнь 2013 - 10:00) писал:

Как перенести контакты вправо вместо поиска, поиск удалить. И сделать шрифт контактов побольше, а телефон красным цветом?

1. Чтобы сделать форму поиска невидимой вам необходимо найти в редакторе шаблонов style.css следующий код:
form[role="search"] {position: absolute; right: 2em;top: 2.5em;}
и заменить его на следующий:
form[role="search"] {position: absolute; right: 2em;top: 2.5em; display:none;}
2. Чтобы перенести контакты вправо в файле style.css найдите строку
header[role="banner"] .hgroup {position: relative; width: 100%; top: 0; left: 0; margin: 1.5em 0 1em 0; overflow: hidden;}
и поставьте параметр width равным 100% как указано выше.
и в строке в этом же файле замените
.contacts{float: left;position: relative;}
float: left значением right, как указано ниже
.contacts{float: right;position: relative;}
3. Увеличиваем шрифт. В style.css заменяем
.contacts{float: right;position: relative;}
на следующий:
.contacts{float: right;position: relative; font-size: 19px; width: 220px;}
, где font-size и есть показатель размера шрифта
Чтобы выделить номер телефона красным в файле HTML заменяем
<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам" >
на
<div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам" style="color:red;" >


#7 сергей1904

сергей1904

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

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

Отправлено 09 Июнь 2013 - 20:33

А как сделать тоже самое на этой станице http://ray-ban4you.ru/sait1.html ?

#8 shnafix

shnafix

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

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

Отправлено 09 Июнь 2013 - 22:39

Просмотр сообщениясергей1904 (09 Июнь 2013 - 20:33) писал:

А как сделать тоже самое на этой станице http://ray-ban4you.ru/sait1.html ?
Для этого нужно зайти во вкладку Сайт - > Файлы в корне сайта, в файле sait1.html
в строке
<div class="contacts" "position:="" relative;="" width:="" 100%;="" top:="" 0;="" left:="" 50px;="" margin:="" 1.5em="" 0="" 1em="" overflow:="" hidden;"="">
добавить атрибут
float: right;
а в строке
<div class="hgroup">
добавить атрибуты
<div class="hgroup" top: 1em; left: 1em; padding: 1em;>


#9 сергей1904

сергей1904

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

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

Отправлено 10 Июнь 2013 - 20:44

На главной нужно время работы сделать меньше шрифтом чем телефон.

#10 Stasya

Stasya

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

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

Отправлено 10 Июнь 2013 - 21:15

В файл style.css добавьте блок
.work-time{
	font-size:16px;
}





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

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