Поменять Кнопки Местами И Придать Цвет
#1
Отправлено 08 Апрель 2013 - 20:08
Сейчас у меня оформление заказа выглядит так (1), а хотелось что бы вот так было (2)
#2
Отправлено 08 Апрель 2013 - 21:12
kostiano12 (08 Апрель 2013 - 20:08) писал:
Сейчас у меня оформление заказа выглядит так (1), а хотелось что бы вот так было (2)
Например.
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
a.messageBoxToCart { background: initial; background-color: white; font-size: 15px; height: 20px; } .messageBoxToCart:hover { background: initial; background-color: green; color: white; } a.nyroModalClose { background: initial; background-color: white; font-size: 15px; height: 20px; } .nyroModalClose:hover { background: initial; background-color: green; color: white; }
#3
Отправлено 09 Апрель 2013 - 18:38
Koderhan (08 Апрель 2013 - 21:12) писал:
Например.
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
a.messageBoxToCart { background: initial; background-color: white; font-size: 15px; height: 20px; } .messageBoxToCart:hover { background: initial; background-color: green; color: white; } a.nyroModalClose { background: initial; background-color: white; font-size: 15px; height: 20px; } .nyroModalClose:hover { background: initial; background-color: green; color: white; }
Не помогло, только стало при наведении загораться зеленым вместо синева а хотелось бы что бы кнопка "оформить заказ" постоянно горела зеленым. И что бы вообще на моем сайте появилась такая кнопка "оформить заказ" а не "перейти в корзину"
#4
Отправлено 09 Апрель 2013 - 18:47
a.nyroModalClose { background: initial; background-color: white; font-size: 15px; height: 20px; } .nyroModalClose:hover { background: initial; background-color: green; color: white; }на
a.nyroModalClose { background: initial; background-color: rgb(39, 196, 32); font-size: 15px; height: 20px; } .nyroModalClose:hover { background: initial; background-color: rgb(23, 66, 202); color: rgb(255, 255, 255); }Затем в шаблоне Ajax добавление товара в корзину найдите строку
<p><a class="messageBoxToCart whtblue" href="{CART_URL}">Перейти в корзину</a> <a class="nyroModalClose whtblue" href="#">Продолжить покупки</a></p>и замените ее на
<p><a class="messageBoxToCart whtblue" href="{CART_URL}">Перейти в корзину</a> <a class="nyroModalClose whtblue" href="#">Оформить заказ</a></p>
#5
Отправлено 09 Апрель 2013 - 19:23
Stasya (09 Апрель 2013 - 18:47) писал:
a.nyroModalClose { background: initial; background-color: white; font-size: 15px; height: 20px; } .nyroModalClose:hover { background: initial; background-color: green; color: white; }на
a.nyroModalClose { background: initial; background-color: rgb(39, 196, 32); font-size: 15px; height: 20px; } .nyroModalClose:hover { background: initial; background-color: rgb(23, 66, 202); color: rgb(255, 255, 255); }Затем в шаблоне Ajax добавление товара в корзину найдите строку
<p><a class="messageBoxToCart whtblue" href="{CART_URL}">Перейти в корзину</a> <a class="nyroModalClose whtblue" href="#">Продолжить покупки</a></p>и замените ее на
<p><a class="messageBoxToCart whtblue" href="{CART_URL}">Перейти в корзину</a> <a class="nyroModalClose whtblue" href="#">Оформить заказ</a></p>
Теперь надписи такие:
"Перейти в корзину" - после нажатия переходит в корзину
"Оформить заказ" - после нажатия можно продолжить покупки
#6
Отправлено 10 Апрель 2013 - 02:33
<p><a class="messageBoxToCart whtblue" href="{CART_URL}">Перейти в корзину</a> <a class="nyroModalClose whtblue" href="#">Оформить заказ</a></p>
и замените на
<p><a class="nyroModalClose" href="#">Продолжить покупки</a> <a class="messageBoxToCart" href="http://{NET_DOMAIN}/order/stage/contacts">Оформить заказ</a></p>
далее добавьте в ваш файл стилей main.css
#nyroModalContent a.messageBoxToCart { background: none !important; border: none !important; color: #504F4F !important; } #nyroModalContent a.messageBoxToCart:hover { text-decoration: underline; } #nyroModalContent a.nyroModalClose { background: #27C420 !important; color: #FFFFFF !important; text-shadow: none !important; }
#7
Отправлено 10 Апрель 2013 - 09:03
Сake (10 Апрель 2013 - 02:33) писал:
<p><a class="messageBoxToCart whtblue" href="{CART_URL}">Перейти в корзину</a> <a class="nyroModalClose whtblue" href="#">Оформить заказ</a></p>
и замените на
<p><a class="nyroModalClose" href="#">Продолжить покупки</a> <a class="messageBoxToCart" href="http://{NET_DOMAIN}/order/stage/contacts">Оформить заказ</a></p>
далее добавьте в ваш файл стилей main.css
#nyroModalContent a.messageBoxToCart { background: none !important; border: none !important; color: #504F4F !important; } #nyroModalContent a.messageBoxToCart:hover { text-decoration: underline; } #nyroModalContent a.nyroModalClose { background: #27C420 !important; color: #FFFFFF !important; text-shadow: none !important; }
Теперь:
горит кнопка зеленым "продолжить покупки"
кнопка "оформить заказ" при наведении загорается
а нужно все наоборот
#8
Отправлено 10 Апрель 2013 - 09:09
kostiano12 (10 Апрель 2013 - 09:03) писал:
горит кнопка зеленым "продолжить покупки"
кнопка "оформить заказ" при наведении загорается
а нужно все наоборот
Найдите код:
#nyroModalContent a.messageBoxToCart { background: none !important; border: none !important; color: #504F4F !important; } #nyroModalContent a.nyroModalClose { background: #27C420 !important; color: #FFFFFF !important; text-shadow: none !important; }и замените на:
#nyroModalContent a.messageBoxToCart { background: #27C420 !important; border: none !important; color: #504F4F !important; } #nyroModalContent a.nyroModalClose { background: none !important; color: #FFFFFF !important; text-shadow: none !important; }
#9
Отправлено 10 Апрель 2013 - 11:57
miyako (10 Апрель 2013 - 09:09) писал:
#nyroModalContent a.messageBoxToCart { background: none !important; border: none !important; color: #504F4F !important; } #nyroModalContent a.nyroModalClose { background: #27C420 !important; color: #FFFFFF !important; text-shadow: none !important; }и замените на:
#nyroModalContent a.messageBoxToCart { background: #27C420 !important; border: none !important; color: #504F4F !important; } #nyroModalContent a.nyroModalClose { background: none !important; color: #FFFFFF !important; text-shadow: none !important; }
"оформить заказ" выглядит как нужно, единственное хотелось бы что бы надпись жирным была, а то плохо видно что написано
а вот кнопка "продолжить покупки" вовсе исчезла
#10
Отправлено 10 Апрель 2013 - 12:47
kostiano12 (10 Апрель 2013 - 11:57) писал:
а вот кнопка "продолжить покупки" вовсе исчезла
В файле "main.css".
Найти код:
.nyroModalClose:hover { background: initial; background-color: rgb(23, 66, 202); color: rgb(255, 255, 255); }Заменить:
.nyroModalClose:hover { background: initial; background-color: rgb(23, 66, 202); color: #30C4EB; }
Найти код:
#nyroModalContent a.nyroModalClose { background: none !important; color: #FFFFFF !important; text-shadow: none !important; }Заменить:
#nyroModalContent a.nyroModalClose { background: none !important; color: #000000 !important;/*цвет кнопки перейти */ text-shadow: none !important; }
#11
Отправлено 10 Апрель 2013 - 13:22
Koderhan (10 Апрель 2013 - 12:47) писал:
В файле "main.css".
Найти код:
.nyroModalClose:hover { background: initial; background-color: rgb(23, 66, 202); color: rgb(255, 255, 255); }Заменить:
.nyroModalClose:hover { background: initial; background-color: rgb(23, 66, 202); color: #30C4EB; }
Найти код:
#nyroModalContent a.nyroModalClose { background: none !important; color: #FFFFFF !important; text-shadow: none !important; }Заменить:
#nyroModalContent a.nyroModalClose { background: none !important; color: #000000 !important;/*цвет кнопки перейти */ text-shadow: none !important; }
А вот по поводу жирного шрифта и чисто черного цвета(сейчас серый)
#12
Отправлено 10 Апрель 2013 - 13:36
kostiano12 (10 Апрель 2013 - 13:22) писал:
А вот по поводу жирного шрифта и чисто черного цвета(сейчас серый)
Найдите код:
#nyroModalContent a.messageBoxToCart { background: #27C420 !important; border: none !important; color: #504F4F !important; }и замените на:
#nyroModalContent a.messageBoxToCart { background: #27C420 !important; border: none !important; color: black !important; font-weight: bold; }
#13
Отправлено 10 Апрель 2013 - 14:05
miyako (10 Апрель 2013 - 13:36) писал:
#nyroModalContent a.messageBoxToCart { background: #27C420 !important; border: none !important; color: #504F4F !important; }и замените на:
#nyroModalContent a.messageBoxToCart { background: #27C420 !important; border: none !important; color: black !important; font-weight: bold; }
Большое спасибо, прямо как и хотел.
#14
Отправлено 30 Май 2013 - 19:43
Найдите в вашем шаблоне "Ajax добавление товара в корзину"
<p><a class="messageBoxToCart whtblue" href="{CART_URL}">Перейти в корзину</a> <a class="nyroModalClose whtblue" href="#">Продолжить покупки</a></p>и замените на
<p><a class="nyroModalClose" href="#">Продолжить покупки</a> <a class="messageBoxToCart" href="[url="http://{NET_DOMAIN}/order/stage/contacts%22>Оформить"]http://{NET_DOMAIN}/...tacts">Оформить[/url] заказ</a></p>Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:
a.messageBoxToCart { background: initial; background-color: white; font-size: 20px; height: 30px; } a.nyroModalClose { background: initial; background-color: rgb(39, 196, 32); font-size: 15px; height: 20px; } #nyroModalContent a.messageBoxToCart { background: #27C420 !important; border: none !important; color: black !important; font-weight: bold; } #nyroModalContent a.nyroModalClose { background: none !important; color: #29a6c7 !important;/*цвет кнопки перейти */ text-shadow: none !important; }
#16
Отправлено 05 Июнь 2013 - 02:12
#17
Отправлено 05 Июнь 2013 - 12:59
Vaccina (05 Июнь 2013 - 02:12) писал:
Я фон убрал и надо что бы весь текст читался , в том числе и в разделе доставка, контакты и т.д.
#19
Отправлено 05 Июнь 2013 - 13:27
miniup (05 Июнь 2013 - 12:59) писал:
Я фон убрал и надо что бы весь текст читался , в том числе и в разделе доставка, контакты и т.д.
Удалите из шаблона HTML строку кода -
<link rel="stylesheet" href="http://puers-tea.storeland.net/nyvo.css" type="text/css" media="screen">Это стили для Слайдера. Но самого файла нет.
Найдите код в main.css:
#content .article .text { color: #4e4e4e; /*ваш цвет*/ }
и код:
#content table.tblinput { color: #636464; /*ваш цвет*/ }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных