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


Дизайн


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

#41 Дмитрич

Дмитрич

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

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

Отправлено 21 Сентябрь 2014 - 09:09

Спасибо, а можно ли их разместить ровнее ?

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

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


#42 MikDark

MikDark

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

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

Отправлено 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;
}


#43 Дмитрич

Дмитрич

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

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

Отправлено 21 Сентябрь 2014 - 09:14

Спасибо

Просмотр сообщенияMikDark (21 Сентябрь 2014 - 09:11) писал:

Добавленный в style.css код:
button#quickform-close, button#quickform-order {
float: none;
}

замените на:
button#quickform-close, button#quickform-order {
float: none;
margin: 5px auto;
}

Спасибо то что нужно

#44 Дмитрич

Дмитрич

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

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

Отправлено 11 Октябрь 2014 - 11:56

Здравствуйте, на скрине красный прямоугольник имеет разрешение 2000х500
подскажите пожалуйста что ограничивает размеры картинки в этой области ?

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

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


#45 Dars

Dars

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

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

Отправлено 11 Октябрь 2014 - 12:03

Просмотр сообщенияДмитрич (11 Октябрь 2014 - 11:56) писал:

Здравствуйте, на скрине красный прямоугольник имеет разрешение 2000х500
подскажите пожалуйста что ограничивает размеры картинки в этой области ?
В style.css найдите строку:

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 Дмитрич

Дмитрич

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

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

Отправлено 11 Октябрь 2014 - 12:05

Спасибо то что нужно!

#47 Дмитрич

Дмитрич

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

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

Отправлено 11 Октябрь 2014 - 12:39

Хотелось бы сделать рамочку вокруг поиска как на скрине
это возможно?

#48 Дмитрич

Дмитрич

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

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

Отправлено 11 Октябрь 2014 - 12:39

Хотелось бы сделать рамочку вокруг поиска как на скрине
это возможно?

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

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


#49 Alekseys

Alekseys

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

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

Отправлено 11 Октябрь 2014 - 14:20

Просмотр сообщенияДмитрич (11 Октябрь 2014 - 12:39) писал:

Хотелось бы сделать рамочку вокруг поиска как на скрине
это возможно?
Здравствуйте. Для этого в style.css замените
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 Дмитрич

Дмитрич

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

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

Отправлено 11 Октябрь 2014 - 14:56

Благодарю!

#51 Дмитрич

Дмитрич

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

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

Отправлено 11 Октябрь 2014 - 20:03

Подскажите пожалуйста блок кода, в котором меняется цвет при наведении курсора на кнопку выделенную на скрине

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

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


#52 Alekseys

Alekseys

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

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

Отправлено 11 Октябрь 2014 - 20:08

Просмотр сообщенияДмитрич (11 Октябрь 2014 - 20:03) писал:

Подскажите пожалуйста блок кода, в котором меняется цвет при наведении курсора на кнопку выделенную на скрине
В style.css добавьте
.buttons-set button.submit {
background-color: red;
}
и
.buttons-set button.submit:hover {
background-color: gray;
}
и отредактируйте цвет для обычного состояния кнопки (background-color: red;), и для состояния при наведении (background-color: gray;) по Вашему усмотрению.

#53 Дмитрич

Дмитрич

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

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

Отправлено 11 Октябрь 2014 - 20:19

Просмотр сообщенияAlekseys (11 Октябрь 2014 - 20:08) писал:

В style.css добавьте
.buttons-set button.submit {
background-color: red;
}
и
.buttons-set button.submit:hover {
background-color: gray;
}
и отредактируйте цвет для обычного состояния кнопки (background-color: red;), и для состояния при наведении (background-color: gray;) по Вашему усмотрению.

Еще пожалуйста тоже самое для 2 кнопочек на скрине

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

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


#54 Alekseys

Alekseys

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

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

Отправлено 11 Октябрь 2014 - 20:25

Просмотр сообщенияДмитрич (11 Октябрь 2014 - 20:19) писал:

Еще пожалуйста тоже самое для 2 кнопочек на скрине
В main.css отредактируйте цвет в
button.submit {
background-color: #353535;
}
и в
button.submit:hover {
background-color: #e33c2c;
}


#55 Дмитрич

Дмитрич

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

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

Отправлено 11 Октябрь 2014 - 20:53

Есть потребность выровнить текст сделал таким образом

{% IF cart_count_empty %}
            <p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Ваша корзина пуста</p>


совсем ужасно?

#56 Alekseys

Alekseys

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

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

Отправлено 11 Октябрь 2014 - 22:53

Просмотр сообщенияДмитрич (11 Октябрь 2014 - 20:53) писал:

Есть потребность выровнить текст сделал таким образом

{% IF cart_count_empty %}
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Ваша корзина пуста</p>


совсем ужасно?
Замените
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Ваша корзина пуста</p>
на
<p style="padding-left:25px;">Ваша корзина пуста</p>


#57 Дмитрич

Дмитрич

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

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

Отправлено 12 Октябрь 2014 - 07:42

Подскажите пожалуйста как изменить шрифт и цвет текста в выделенной области?

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

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


#58 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 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 вы добавляете по желанию, так как он делает текст полужирным.

#59 Дмитрич

Дмитрич

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

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

Отправлено 12 Октябрь 2014 - 09:52

Необходимо изменить цвет кнопки при наведении курсора
1) "Описание"
2)"Доставка"
3)"Отзывы"

Благодарю за помощь!

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

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


#60 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 12 Октябрь 2014 - 10:35

Просмотр сообщенияДмитрич (12 Октябрь 2014 - 09:52) писал:

Необходимо изменить цвет кнопки при наведении курсора
1) "Описание"
2)"Доставка"
3)"Отзывы"

Благодарю за помощь!
Найдите в шаблоне style.css следующий код:
ul.tabs li a:hover {
background-color: #2f343a;
border-color: #2f343a;
color: #fff;
}

И после кода background-color: изменяйте значение (#2f343a) для изменений цвета кнопки при наведение.




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

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