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


Добавление Кнопки Заказа Обратного Звонка


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

#1 Dmitriy73

Dmitriy73

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

  • Пользователи
  • PipPipPipPip
  • 243 сообщений
  • ГородУльяновск

Отправлено 19 Ноябрь 2014 - 01:34

Нужно добавить кнопку заказа обратного звонка и сделать номер более крупным, как показано на скриншоте.
как это сделать?

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

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


#2 Vaccina

Vaccina

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

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

Отправлено 19 Ноябрь 2014 - 01:54

В main,css найдите:
#contactInfo td {
	padding: 0;
	text-align: center !important;
}
замените на:
#contactInfo td {
	padding: 0;
	text-align: center !important;
	font-size: 16px;
}


и в шаблоне HTML перед
<div id="mainNav">

вставьте код обратного звонка из инструкции:
http://forum.storela...ок/#entry147814

#3 Dmitriy73

Dmitriy73

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

  • Пользователи
  • PipPipPipPip
  • 243 сообщений
  • ГородУльяновск

Отправлено 19 Ноябрь 2014 - 10:26

Просмотр сообщенияVaccina (19 Ноябрь 2014 - 01:54) писал:

В main,css найдите:
#contactInfo td {
padding: 0;
text-align: center !important;
}
замените на:
#contactInfo td {
padding: 0;
text-align: center !important;
font-size: 16px;
}


и в шаблоне HTML перед
<div id="mainNav">

вставьте код обратного звонка из инструкции:
http://forum.storela...ок/#entry147814
смотрите что получилось

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

  • Безымsdgянный.png


#4 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 19 Ноябрь 2014 - 13:43

Просмотр сообщенияDmitriy73 (19 Ноябрь 2014 - 10:26) писал:

смотрите что получилось
Здравствуйте.
В конец main.css добавьте
Для неактивной кнопки
.oneclick_s1 a {
float: right;
margin-top: 158px;
margin-right: 12px;
background: #F00;
padding: 7px;
border-radius: 14px;
color: #FFF;
text-decoration: none;
}
При наведении
.oneclick_s1 a {
color: #000;
background: #FF0;
}
В обоих случаях изменяйте color(цвет) и background(цвет фона)

#5 Dmitriy73

Dmitriy73

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

  • Пользователи
  • PipPipPipPip
  • 243 сообщений
  • ГородУльяновск

Отправлено 19 Ноябрь 2014 - 16:58

Просмотр сообщенияDanil (19 Ноябрь 2014 - 13:43) писал:

Здравствуйте.
В конец main.css добавьте
Для неактивной кнопки
.oneclick_s1 a {
float: right;
margin-top: 158px;
margin-right: 12px;
background: #F00;
padding: 7px;
border-radius: 14px;
color: #FFF;
text-decoration: none;
}
При наведении
.oneclick_s1 a {
color: #000;
background: #FF0;
}
В обоих случаях изменяйте color(цвет) и background(цвет фона)
не работает!

#6 Dars

Dars

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

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 19 Ноябрь 2014 - 17:06

Просмотр сообщенияDmitriy73 (19 Ноябрь 2014 - 16:58) писал:

не работает!
Что именно? Прилагаю скриншот, как это сейчас выглядит на вашем сайте, если у вас не так - очистите кэш (Ctrl+F5).

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

  • QIP Shot - Screen 003.png


#7 Dmitriy73

Dmitriy73

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

  • Пользователи
  • PipPipPipPip
  • 243 сообщений
  • ГородУльяновск

Отправлено 19 Ноябрь 2014 - 19:27

Просмотр сообщенияDars (19 Ноябрь 2014 - 17:06) писал:

Что именно? Прилагаю скриншот, как это сейчас выглядит на вашем сайте, если у вас не так - очистите кэш (Ctrl+F5).
ещё можно чтобы кнопка была на ровне с кнопками "главная,каталог, как заказать?, и т.д. ?

#8 Dars

Dars

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

  • Пользователи
  • PipPipPipPip
  • 1 410 сообщений

Отправлено 19 Ноябрь 2014 - 19:32

Просмотр сообщенияDmitriy73 (19 Ноябрь 2014 - 19:27) писал:

ещё можно чтобы кнопка была на ровне с кнопками "главная,каталог, как заказать?, и т.д. ?
Да, в main.css код:

.oneclick_s1 a {
float: right;
margin-top: 158px;
margin-right: 12px;
background: #F00;
padding: 7px;
border-radius: 14px;
color: #FFF;
text-decoration: none;
}

замените на:

.oneclick_s1 a {
float: right;
margin-top: 120px;
margin-right: 12px;
background: #F00;
padding: 7px;
border-radius: 14px;
color: #FFF;
text-decoration: none;
}

а код:

#cartInfo {
  position:absolute;
  font-size: 13px;
  bottom: 6px;
  right: 10px;
  white-space:nowrap;
}

на:

#cartInfo {
  position:absolute;
  font-size: 13px;
  bottom: 36px;
  right: 10px;
  white-space:nowrap;
}


#9 Dmitriy73

Dmitriy73

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

  • Пользователи
  • PipPipPipPip
  • 243 сообщений
  • ГородУльяновск

Отправлено 19 Ноябрь 2014 - 19:39

Просмотр сообщенияDars (19 Ноябрь 2014 - 17:06) писал:

Что именно? Прилагаю скриншот, как это сейчас выглядит на вашем сайте, если у вас не так - очистите кэш (Ctrl+F5).
точно вот так надо сделать, как показанно на скриншоте

Просмотр сообщенияDars (19 Ноябрь 2014 - 19:32) писал:

Да, в main.css код:

.oneclick_s1 a {
float: right;
margin-top: 158px;
margin-right: 12px;
background: #F00;
padding: 7px;
border-radius: 14px;
color: #FFF;
text-decoration: none;
}

замените на:

.oneclick_s1 a {
float: right;
margin-top: 120px;
margin-right: 12px;
background: #F00;
padding: 7px;
border-radius: 14px;
color: #FFF;
text-decoration: none;
}

а код:

#cartInfo {
position:absolute;
font-size: 13px;
bottom: 6px;
right: 10px;
white-space:nowrap;
}

на:

#cartInfo {
position:absolute;
font-size: 13px;
bottom: 36px;
right: 10px;
white-space:nowrap;
}

Просмотр сообщенияDars (19 Ноябрь 2014 - 19:32) писал:

Да, в main.css код:

.oneclick_s1 a {
float: right;
margin-top: 158px;
margin-right: 12px;
background: #F00;
padding: 7px;
border-radius: 14px;
color: #FFF;
text-decoration: none;
}

замените на:

.oneclick_s1 a {
float: right;
margin-top: 120px;
margin-right: 12px;
background: #F00;
padding: 7px;
border-radius: 14px;
color: #FFF;
text-decoration: none;
}

а код:

#cartInfo {
position:absolute;
font-size: 13px;
bottom: 6px;
right: 10px;
white-space:nowrap;
}

на:

#cartInfo {
position:absolute;
font-size: 13px;
bottom: 36px;
right: 10px;
white-space:nowrap;
}

Просмотр сообщенияDars (19 Ноябрь 2014 - 19:32) писал:

Да, в main.css код:

.oneclick_s1 a {
float: right;
margin-top: 158px;
margin-right: 12px;
background: #F00;
padding: 7px;
border-radius: 14px;
color: #FFF;
text-decoration: none;
}

замените на:

.oneclick_s1 a {
float: right;
margin-top: 120px;
margin-right: 12px;
background: #F00;
padding: 7px;
border-radius: 14px;
color: #FFF;
text-decoration: none;
}

а код:

#cartInfo {
position:absolute;
font-size: 13px;
bottom: 6px;
right: 10px;
white-space:nowrap;
}

на:

#cartInfo {
position:absolute;
font-size: 13px;
bottom: 36px;
right: 10px;
white-space:nowrap;
}
я не могу эти коды найти, на какой строке они?

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

  • Безымяfghfgнный.png


#10 Vaccina

Vaccina

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

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

Отправлено 20 Ноябрь 2014 - 00:26

весь блок стилей может не найти через браузерный поиск или внутренний, ищите всегда по первой строке, а точнее названию класса или идентификатора, например:
#cartInfo


#11 Kapal

Kapal

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

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

Отправлено 07 Сентябрь 2015 - 10:01

Здравствуйте!
Справа установил "заказать обратный звонок". Не получается сделать кнопкой зеленой овальной с черным шрифтом. Помогите, пожалуйста!

Пробовал инструкцию:

В конец main.css добавьте
Для неактивной кнопки
.oneclick_s1 a {
float: right;
margin-top: 158px;
margin-right: 12px;
background: #F00;
padding: 7px;
border-radius: 14px;
color: #FFF;
text-decoration: none;
}
При наведении
.oneclick_s1 a {
color: #000;
background: #FF0;
}
В обоих случаях изменяйте color(цвет) и background(цвет фона)

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

  • скан.jpg


#12 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 07 Сентябрь 2015 - 10:21

Просмотр сообщенияKapal (07 Сентябрь 2015 - 10:01) писал:

Здравствуйте!
Справа установил "заказать обратный звонок". Не получается сделать кнопкой зеленой овальной с черным шрифтом. Помогите, пожалуйста!

Пробовал инструкцию:

В конец main.css добавьте
Для неактивной кнопки
.oneclick_s1 a {
float: right;
margin-top: 158px;
margin-right: 12px;
background: #F00;
padding: 7px;
border-radius: 14px;
color: #FFF;
text-decoration: none;
}
При наведении
.oneclick_s1 a {
color: #000;
background: #FF0;
}
В обоих случаях изменяйте color(цвет) и background(цвет фона)

Здравствуйте. В шаблон main.css Вам нужно добавить:
div#callback {
	background-color: #000;
	padding: 10px;
	border-radius: 5px;
}
div#callback a {color:#000;}

значение background-color замените на нужное

#13 Kapal

Kapal

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

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

Отправлено 07 Сентябрь 2015 - 12:05

Спасибо!
У меня не получается изменить размер и толщину шрифта.
В строку
div#callback a {color:#000;}
после
color:#000
вставляю разные коды, ерунда какая то получается
Подскажите, пожалуйста, правильный код и в правильное ли место я его вставляю?

#14 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 07 Сентябрь 2015 - 12:07

Просмотр сообщенияKapal (07 Сентябрь 2015 - 12:05) писал:

Спасибо!
У меня не получается изменить размер и толщину шрифта.
В строку
div#callback a {color:#000;}
после
color:#000
вставляю разные коды, ерунда какая то получается
Подскажите, пожалуйста, правильный код и в правильное ли место я его вставляю?

div#callback a {color:#000;} 


замените на:

div#callback a {color:#000;font-weight:bold;font-size:14px;}


За размер текста отвечает font-size

#15 Kapal

Kapal

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

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

Отправлено 07 Сентябрь 2015 - 15:42

Спасибо, Вам! Вид кнопки изменил, работает корректно. Осталось доработать форму. В форме оставил только нужные строки при этом форма стала маленькая.
Как можно увеличить размер формы,  разделить друг от друга строки для заполнения, изменить цвет шрифта, строки опустить ниже строки "заказ обратного звонка" ?
Может есть инструкция как сделать нормальную форму? Делал из примера на форуме, изменения не происходят.
На скане имеющийся вид формы.

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

  • скрин.jpg





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

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