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


Несколько Вопросов По Оформлению


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

#1 maqusimio

maqusimio

    Пользователь

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

Отправлено 16 Апрель 2015 - 15:22

Здравствуйте! аккаунт sl-333722
Подскажите пожалуйста
1) как сделать чтобы надпись КАТАЛОГ была белого цвета на черном фоне (как в блоке НОВОСТИ)
2) сделать так, чтобы кнопки "быстрый заказ" не "прыгали"?
3) как поменять цвет кнопок "быстрый заказ" на черный?
4) как убрать лишнее расстояние в шапке от логотипа до адресной строки браузера (чтобы компакнее смотрелось) ?

Простите за глупые вопросы, я пока "нуб"

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

  • Снимок экрана 2015-04-16 в 15.10.08.png
  • Снимок экрана 2015-04-16 в 15.12.00.png
  • Снимок экрана 2015-04-16 в 15.14.32.png


#2 Danil

Danil

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

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

Отправлено 16 Апрель 2015 - 15:34

Просмотр сообщенияmaqusimio (16 Апрель 2015 - 15:22) писал:

Здравствуйте! аккаунт sl-333722
Подскажите пожалуйста
1) как сделать чтобы надпись КАТАЛОГ была белого цвета на черном фоне (как в блоке НОВОСТИ)
2) сделать так, чтобы кнопки "быстрый заказ" не "прыгали"?
3) как поменять цвет кнопок "быстрый заказ" на черный?
4) как убрать лишнее расстояние в шапке от логотипа до адресной строки браузера (чтобы компакнее смотрелось) ?

Простите за глупые вопросы, я пока "нуб"
Здравствуйте.
1) В main.css найдите код
.block2 .block-title {
  padding: 6px 18px;
  color: #40383b;
  text-transform: uppercase;
  background: #fff;
  border: 1px solid #c0c0c0;
  position: relative;
  display: block;
}
и замените на
.block2 .block-title {
  padding: 6px 18px;
  color: #FFF;
  text-transform: uppercase;
  background: #383838;;
  border: 1px solid #c0c0c0;
  position: relative;
  display: block;
}
2) В конец main.css добавьте
.product_list_details_left h5 {
  height: 40px;
}


3) В main.css найдите
.add_to_cart_ph {
  display: block;
  background-color: #da3b44;
  background-image: url('{ASSETS_IMAGES_PATH}cart_white.png?design=autumn');
  background-repeat: no-repeat;
  background-position: 13px 50%;
  color: #fafafa!important;
  line-height: 35px;
  height: 35px;
  padding: 9px 16px 9px 46px;
  border: 1px solid #a40f18;
  cursor: pointer;
  font-weight: 700;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
}
и замените на
.add_to_cart_ph {
  display: block;
  background-color: #000;
  background-image: url('{ASSETS_IMAGES_PATH}cart_white.png?design=autumn');
  background-repeat: no-repeat;
  background-position: 13px 50%;
  color: #fafafa!important;
  line-height: 35px;
  height: 35px;
  padding: 9px 16px 9px 46px;
  border: 1px solid #a40f18;
  cursor: pointer;
  font-weight: 700;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
}


#3 maqusimio

maqusimio

    Пользователь

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

Отправлено 16 Апрель 2015 - 15:42

а где находится main.css? у меня есть только style.css и main.js

#4 Danil

Danil

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

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

Отправлено 16 Апрель 2015 - 15:43

Просмотр сообщенияmaqusimio (16 Апрель 2015 - 15:42) писал:

а где находится main.css? у меня есть только style.css и main.js
Извините ошибся, искать нужно в style.css.

#5 maqusimio

maqusimio

    Пользователь

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

Отправлено 16 Апрель 2015 - 16:09

Большое спасибо! Все получилось! Теперь надо также поменять на черный цвет кнопок "быстрый заказ" в каруселях на главной! Подскажите, пожалуйста

#6 Danil

Danil

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

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

Отправлено 16 Апрель 2015 - 16:11

Просмотр сообщенияmaqusimio (16 Апрель 2015 - 16:09) писал:

Большое спасибо! Все получилось! Теперь надо также поменять на черный цвет кнопок "быстрый заказ" в каруселях на главной! Подскажите, пожалуйста
В style.css найдите код
input.exclusive, #paymentForm input, a.exclusive {
  display: inline-block;
  background: #da3b44 !important;
  color: #fafafa!important;
  border: 1px solid #a40f18;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
  padding: 6px 12px;
  font: inherit !important;
  text-decoration: none;
  cursor: pointer;
}
и замените на
input.exclusive, #paymentForm input, a.exclusive {
  display: inline-block;
  background: #000 !important;
  color: #fafafa!important;
  border: 1px solid #a40f18;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
  padding: 6px 12px;
  font: inherit !important;
  text-decoration: none;
  cursor: pointer;
}


#7 maqusimio

maqusimio

    Пользователь

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

Отправлено 16 Апрель 2015 - 16:17

Спасибо получилось! Только теперь кнопки в карусели прыгают

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

  • Снимок экрана 2015-04-16 в 16.11.18.png


#8 Danil

Danil

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

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

Отправлено 16 Апрель 2015 - 16:31

Просмотр сообщенияmaqusimio (16 Апрель 2015 - 16:17) писал:

Спасибо получилось! Только теперь кнопки в карусели прыгают
В конец style.css добавьте
.product_details h5 {
  height: 30px;
}


#9 maqusimio

maqusimio

    Пользователь

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

Отправлено 16 Апрель 2015 - 16:41

Спасибо! Еще пара вопросов)))
1) можно ли сделать так, чтобы кнопка быстрый заказ в карусели выделялась красным цветом при наведении курсора (как в каталоге)
2) как обрезать шапку до логотипа ( уменьшить до линии)

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

  • 22222.gif


#10 Danil

Danil

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

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

Отправлено 16 Апрель 2015 - 16:54

Просмотр сообщенияmaqusimio (16 Апрель 2015 - 16:41) писал:

Спасибо! Еще пара вопросов)))
1) можно ли сделать так, чтобы кнопка быстрый заказ в карусели выделялась красным цветом при наведении курсора (как в каталоге)
2) как обрезать шапку до логотипа ( уменьшить до линии)
Изменения произвели, проверьте.

#11 maqusimio

maqusimio

    Пользователь

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

Отправлено 16 Апрель 2015 - 20:46

Спасибо!!!

#12 maqusimio

maqusimio

    Пользователь

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

Отправлено 19 Апрель 2015 - 12:26

Помогите, пожалуйста, изменить шрифт логотипа на нестандартный! Шрифт закачал через сайт-файлы. Ссылка на шрифт http://st.shakti-sho...zmir-normal.ttf

Номер аккаунта:

SL-333722



#13 Danil

Danil

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

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

Отправлено 19 Апрель 2015 - 12:34

Просмотр сообщенияmaqusimio (19 Апрель 2015 - 12:26) писал:

Помогите, пожалуйста, изменить шрифт логотипа на нестандартный! Шрифт закачал через сайт-файлы. Ссылка на шрифт http://st.shakti-sho...zmir-normal.ttf

Номер аккаунта:

SL-333722


Здравствуйте.
Для подключения нового шрифта воспользуйтесь инструкцией
После в конец main.css добавьте
div#header-logo a {
  font-family: Название шрифта;
}


#14 maqusimio

maqusimio

    Пользователь

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

Отправлено 19 Апрель 2015 - 13:22

Все сделал по инструкции, единственное, у меня нет файла main.css (есть только style css и main js) я вставлял вот этот код в style css/ Шрифт изменился, но не на тот который я хотел/ Подскажите что не так?
@font-face {
        font-family: 'dsizmirnormal’;
        src: url('http://st.shakti-sho...izmirnormal.eot
        src: url('http://st.shakti-sho...rmal.eot?#iefix') format('embedded-opentype'),
                 url('http://st.shakti-sho...zmirnormal.woff') format('woff'),
                 url('http://st.shakti-sho...izmirnormal.ttf') format('truetype'),
                 url('http://st.shakti-sho...g#dsizmirnormal') format('svg');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'Shrift';
        src: url('http://st.shakti-sho...izmirnormal.eot
        src: url('http://st.shakti-sho...rmal.eot?#iefix') format('embedded-opentype'),
                 url('http://st.shakti-sho...zmirnormal.woff') format('woff'),
                 url('http://st.shakti-sho...izmirnormal.ttf') format('truetype'),
                 url('http://st.shakti-sho...g#dsizmirnormal') format('svg');
        font-weight: normal;
        font-style: normal;
}

#15 maqusimio

maqusimio

    Пользователь

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

Отправлено 19 Апрель 2015 - 13:45

Перезалил шрифт, куда вставить код?

Цитата

@font-face {
        font-family: ‘ds-izmir-normal’;
        src: url('http://st.shakti-sho...zmir-normal.eot
        src: url('http://st.shakti-sho...rmal.eot?#iefix') format('embedded-opentype'),
                 url('http://st.shakti-sho...mir-normal.woff') format('woff'),
                 url('http://st.shakti-sho...zmir-normal.ttf') format('truetype'),
                 url('http://st.shakti-sho...ds-izmir-normal') format('svg');
        font-weight: normal;
        font-style: normal;
}
@font-face {
        font-family: 'ds-izmir-normal’;    
  src: url('http://st.shakti-sho...zmir-normal.eot
        src: url('http://st.shakti-sho...rmal.eot?#iefix') format('embedded-opentype'),
                 url('http://st.shakti-sho...mir-normal.woff') format('woff'),
                 url('http://st.shakti-sho...zmir-normal.ttf') format('truetype'),
                 url('http://st.shakti-sho...ds-izmir-normal') format('svg');
        font-weight: normal;
        font-style: normal;
}


#16 Danil

Danil

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

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

Отправлено 19 Апрель 2015 - 16:39

Просмотр сообщенияmaqusimio (19 Апрель 2015 - 13:45) писал:

Перезалил шрифт, куда вставить код?
Изменения вам произвели, проверьте.

#17 maqusimio

maqusimio

    Пользователь

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

Отправлено 19 Апрель 2015 - 18:10

Просмотр сообщенияDanil (19 Апрель 2015 - 16:39) писал:

Изменения вам произвели, проверьте.
Спасибо большое!

#18 maqusimio

maqusimio

    Пользователь

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

Отправлено 19 Апрель 2015 - 18:19

Теперь такие проблемы/ 1) В карусели у товаров, где очень длинное название, последняя строчка названия налезает на цену
2) некоторые картинки в карусели не вытягиваются по размеру

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

  • Снимок экрана 2015-04-19 в 18.11.37.png


#19 maqusimio

maqusimio

    Пользователь

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

Отправлено 19 Апрель 2015 - 21:41

3) при наведении на значок корзины появляется всплывающее меню с кнопкой оформить заказ. Но при попытке навести курсор на эту кнопку - всплывающее меню исчезает. как это исправить, подскажите пожалуйста?

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

  • Снимок экрана 2015-04-19 в 21.33.48.png


#20 Ирина345

Ирина345

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

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

Отправлено 20 Апрель 2015 - 15:02

Просмотр сообщенияmaqusimio (19 Апрель 2015 - 18:19) писал:

Теперь такие проблемы/ 1) В карусели у товаров, где очень длинное название, последняя строчка названия налезает на цену
2) некоторые картинки в карусели не вытягиваются по размеру
Здравствуйте,
1.найдите в style.css
.product_details h5 {
  height: 30px;
}
замените на
.product_details h5 {
  height: 44px;
}

далее найдите

.autumnshowcase_block .autumnshowcase_carousel {
  position: relative;
  overflow-x: hidden;
  height: 450px;
  clear: both;
}
замените на

.autumnshowcase_block .autumnshowcase_carousel {
  position: relative;
  overflow-x: hidden;
  height: 450px;
  clear: both;
  height: 450px !important;
}

2. далее найдите
.autumnshowcase_block .product_image {
  max-width: 192px;
  height: auto;
  z-index: 1;
}

замените на

.autumnshowcase_block .product_image {
  max-width: 192px;
  height: 206px;
  z-index: 1;
}
3. найдите
#header #cart_block {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
  box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
  top: 86px;
  background: #fcfcfc;
  width: auto;
}
замените на

#header #cart_block {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
  box-shadow: 0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);
  top: 69px;
  background: #fcfcfc;
  width: auto;
}





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

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