Дизайн
#41
Отправлено 21 Сентябрь 2014 - 09:09
#42
Отправлено 21 Сентябрь 2014 - 09:11
Дмитрич (21 Сентябрь 2014 - 09:09) писал:
Добавленный в style.css код:
button#quickform-close, button#quickform-order { float: none; }
замените на:
button#quickform-close, button#quickform-order { float: none; margin: 5px auto; }
#45
Отправлено 11 Октябрь 2014 - 12:03
Дмитрич (11 Октябрь 2014 - 11:56) писал:
подскажите пожалуйста что ограничивает размеры картинки в этой области ?
header[role="banner"] h1 a {height: 200px;width: 200px;display: block;font: normal 26px '';line-height: 20px;color: #000;font-weight: bold;text-align: center;}
и замените её на:
header[role="banner"] h1 a {height: 500px;width: 2000px;display: block;font: normal 26px '';line-height: 20px;color: #000;font-weight: bold;text-align: center;}
#46
Отправлено 11 Октябрь 2014 - 12:05
#47
Отправлено 11 Октябрь 2014 - 12:39
это возможно?
#49
Отправлено 11 Октябрь 2014 - 14:20
Дмитрич (11 Октябрь 2014 - 12:39) писал:
это возможно?
form[role="search"] { position: absolute; right: 38em; top: 4.5em; }на
form[role="search"] { position: absolute; right: 38em; top: 4.5em; border: 1px solid black; }и
form[role="search"] input[type="submit"], input#search-submit { position: absolute; right: -20px; z-index: 2; height: 2.833em; background: #e13b2d; padding: 0 0.833em; margin: 0; line-height: 1; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17); -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17); -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; }замените на
form[role="search"] input[type="submit"], input#search-submit { position: absolute; right: 0; z-index: 2; height: 2.833em; background: #e13b2d; padding: 0 0.833em; margin: 0; line-height: 1; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17); -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17); -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; }
#50
Отправлено 11 Октябрь 2014 - 14:56
#52
Отправлено 11 Октябрь 2014 - 20:08
Дмитрич (11 Октябрь 2014 - 20:03) писал:
.buttons-set button.submit { background-color: red; }и
.buttons-set button.submit:hover { background-color: gray; }и отредактируйте цвет для обычного состояния кнопки (background-color: red;), и для состояния при наведении (background-color: gray;) по Вашему усмотрению.
#53
Отправлено 11 Октябрь 2014 - 20:19
Alekseys (11 Октябрь 2014 - 20:08) писал:
.buttons-set button.submit { background-color: red; }и
.buttons-set button.submit:hover { background-color: gray; }и отредактируйте цвет для обычного состояния кнопки (background-color: red;), и для состояния при наведении (background-color: gray;) по Вашему усмотрению.
Еще пожалуйста тоже самое для 2 кнопочек на скрине
#55
Отправлено 11 Октябрь 2014 - 20:53
{% IF cart_count_empty %}
<p>         Ваша корзина пуста</p>
совсем ужасно?
#56
Отправлено 11 Октябрь 2014 - 22:53
Дмитрич (11 Октябрь 2014 - 20:53) писал:
{% IF cart_count_empty %}
<p>         Ваша корзина пуста</p>
совсем ужасно?
<p>        Ваша корзина пуста</p>на
<p style="padding-left:25px;">Ваша корзина пуста</p>
#58
Отправлено 12 Октябрь 2014 - 08:04
Дмитрич (12 Октябрь 2014 - 07:42) писал:
Для начал найдите в шаблоне style.css следующий код:
.message, .errorExplanation, .share-prompt { position: relative; padding: 1em 1em 1em 3em; background: #fcf8e3 url("http://posyda-ekb.storeland.net/icons.png") no-repeat 1em -820px; border: 1px solid #fbeed5; margin: 1em auto 1em auto; clear: both; color: #a07936; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }После строки:
color: #a07936добавьте следующий код:
font-size:14px; font-weight:boldС помощью кода color вы можете изменить цвет, заменив стандартное значение (#a07936) любым другим (например #000000 и цвет текста станет чёрным)
С помощью кода font-size вы можете изменить размер шрифта, заменив значение 14 на любое другое.
Код font-weight:bold вы добавляете по желанию, так как он делает текст полужирным.
#60
Отправлено 12 Октябрь 2014 - 10:35
Дмитрич (12 Октябрь 2014 - 09:52) писал:
1) "Описание"
2)"Доставка"
3)"Отзывы"
Благодарю за помощь!
ul.tabs li a:hover { background-color: #2f343a; border-color: #2f343a; color: #fff; }
И после кода background-color: изменяйте значение (#2f343a) для изменений цвета кнопки при наведение.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных