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


Изменение Шапки


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

#1 Анастасия Jogol

Анастасия Jogol

    Новичок

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

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

Можно ли сделать шапку как на картинке Первая картинка, это сейчас. вторая, как бы хотелось? Ну или похоже т.е логотип переместить на "шапку"

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

  • Было.png
  • стало.jpg


#2 Danil

Danil

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

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

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

Просмотр сообщенияАнастасия Jogol (15 Ноябрь 2014 - 13:15) писал:

Можно ли сделать шапку как на картинке Первая картинка, это сейчас. вторая, как бы хотелось? Ну или похоже т.е логотип переместить на "шапку"
Здравствуйте.
Изменения произвели, проверьте пожалуйста.

#3 Анастасия Jogol

Анастасия Jogol

    Новичок

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

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

Просмотр сообщенияDanil (15 Ноябрь 2014 - 14:34) писал:

Здравствуйте.
Изменения произвели, проверьте пожалуйста.
Спасибо-спасибо))))) А шрифт теперь как заменить, например, Georgia?

#4 RayLi

RayLi

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

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

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

Просмотр сообщенияАнастасия Jogol (17 Ноябрь 2014 - 02:16) писал:

Спасибо-спасибо))))) А шрифт теперь как заменить, например, Georgia?
Здравствуйте.
Да, можно. Где бы вы хотели изменить шрифт на Georgia?

#5 Анастасия Jogol

Анастасия Jogol

    Новичок

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

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

Просмотр сообщенияRayLi (17 Ноябрь 2014 - 07:45) писал:

Здравствуйте.
Да, можно. Где бы вы хотели изменить шрифт на Georgia?
В самой шапке. В верху рядом с логотипом

#6 RayLi

RayLi

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

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

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

Просмотр сообщенияАнастасия Jogol (17 Ноябрь 2014 - 14:21) писал:

В самой шапке. В верху рядом с логотипом
Если я вас правильно понял, то сделайте следующее:
Найдите в шаблоне main.css следующий код:
#header #welcome a {
text-decoration: none;
color: #ffffff;
}
И замените его этим кодом:
#header #welcome a {
text-decoration: none;
color: #ffffff;
font-family: Georgia;
}


#7 Анастасия Jogol

Анастасия Jogol

    Новичок

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

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

Просмотр сообщенияRayLi (17 Ноябрь 2014 - 14:30) писал:

Если я вас правильно понял, то сделайте следующее:
Найдите в шаблоне main.css следующий код:
#header #welcome a {
text-decoration: none;
color: #ffffff;
}
И замените его этим кодом:
#header #welcome a {
text-decoration: none;
color: #ffffff;
font-family: Georgia;
}
Ой, какая красота спасибо :wub:

#8 Juliannika

Juliannika

    Новичок

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

Отправлено 18 Ноябрь 2014 - 15:46

Подскажите пожалуйста как внести следующие изменения :
1. убрать белый фон между лого и корзиной
2. убрать наименование товара как на картинке
3. уменьшить ширину полосы
4. заменить фиолетовую шапку рисунком  Заранее Спасибо!Изображение

#9 AnnaM

AnnaM

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

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

Отправлено 18 Ноябрь 2014 - 15:50

Просмотр сообщенияJuliannika (18 Ноябрь 2014 - 15:46) писал:

Подскажите пожалуйста как внести следующие изменения :
1. убрать белый фон между лого и корзиной
2. убрать наименование товара как на картинке
3. уменьшить ширину полосы
4. заменить фиолетовую шапку рисунком  Заранее Спасибо!
1. в конец main.css добавьте
.borderless .inner {
background-color: #68388d;
}
2.в main.css замените
.title-holder h1.heading_title {
margin-bottom: 0;
border: none;
padding: 0;
}
на
.title-holder h1.heading_title {
margin-bottom: 0;
border: none;
padding: 0;
display: none;
}
3. уменьшится,когда выполните пункт 2 автоматически.
4.В main.css замените
#header {
position: relative;
z-index: 99;
background-color: #68388d;
border-top: 3px solid #fff;
}
на
#header {
position: relative;
z-index: 99;
background: url("ссылка");
border-top: 3px solid #fff;
}


#10 Juliannika

Juliannika

    Новичок

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

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

Спасибо!!!
по 1 пункту не совсем получилось -  белый фон действительно пропал, но когда я поставила картинку, появилась фиолетовая область, как можно ее убрать.. и еще Изображениепарочка вопросиков :rolleyes:
5. как сделать чтобы фон со снежинками продолжался до разделов каталога, а страница на него накладывалась
6. на странице товара чтобы отображалось его название над артикулом

#11 AnnaM

AnnaM

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

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

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

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

Спасибо!!!
по 1 пункту не совсем получилось -  белый фон действительно пропал, но когда я поставила картинку, появилась фиолетовая область, как можно ее убрать.. и еще Изображениепарочка вопросиков :rolleyes:
5. как сделать чтобы фон со снежинками продолжался до разделов каталога, а страница на него накладывалась
6. на странице товара чтобы отображалось его название над артикулом
в main.css замените
.borderless .inner {
background-color: #68388d;
}
на
.borderless .inner {
background: transparent;
}
Продлить шапку до каталога невозможно.

#12 Juliannika

Juliannika

    Новичок

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

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

Спасибо!

#13 МашаЯ

МашаЯ

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

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

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

Здравствуйте! SL-314495 Помогите пожалуйста:
По шапке:
1. Контакты в шапке хотелось бы перенести в одну линию с поиском и корзиной (нужно, чтобы все влезло на белую часть в шапке)
2. Сравнение хотелось бы поближе сделать к корзине
3. При меньшей ширине экрана фон дублируется, можно, чтобы не дублировался (+выскакивает ошибка: GET http://design.deva-n...header_page.png 404 (Not Found) forall.js?design=spring:2(anonymous function) forall.js?design=spring:2o forall.js?design=spring:2p.fireWith forall.js?design=spring:2e.extend.ready forall.js?design=spring:2c.addEventListener.B forall.js?design=spring:2 )
4. Также при меньшей ширине экрана расстояние между поиском, корзиной большое, как можно уменьшить

По карточке товара:
5. Значок "Добавить в избранное" изменился, "окрасился" в фон шапки, нужно вернуть как было

По каталогу:
6. Можно ли сделать дубль каталога невыпадающего под шапкой, просто в линию на черном фоне белыми буквами написать разделы? Но, чтобы в мобильной версии его не было

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

  • Безымянный.jpg
  • 14141.jpg


#14 МашаЯ

МашаЯ

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

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

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

дублирую
Здравствуйте! SL-314495 Помогите пожалуйста:
По шапке:
1. Контакты-телефон в шапке перенести в одну линию с поиском и корзиной (нужно, чтобы все влезло на белую часть в шапке)
2. Сравнение хотелось бы поближе сделать к корзине
3. При меньшей ширине экрана фон дублируется, можно, чтобы не дублировался (+выскакивает ошибка: GET http://design.deva-n...header_page.png 404 (Not Found) forall.js?design=spring:2(anonymous function) forall.js?design=spring:2o forall.js?design=spring:2p.fireWith forall.js?design=spring:2e.extend.ready forall.js?design=spring:2c.addEventListener.B forall.js?design=spring:2 )
4. Также при меньшей ширине экрана расстояние между поиском, корзиной большое, как можно уменьшить

По карточке товара:
5. Значок "Добавить в избранное" изменился, "окрасился" в фон шапки, нужно вернуть как было

По каталогу:
6. Можно ли сделать дубль каталога невыпадающего под шапкой, просто в линию на черном фоне белыми буквами написать разделы? Но, чтобы в мобильной версии его не было

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

  • 14141.jpg
  • Безымянный.jpg


#15 shmaxim

shmaxim

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

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

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

Помогите пожалуйста настроить отображение в IE виджета. На 1 и 2 картинке как должно быть, а на 3 отображение в IE.

Просмотр сообщенияshmaxim (21 Ноябрь 2014 - 10:42) писал:

Помогите пожалуйста настроить отображение в IE виджета. На 1 и 2 картинке как должно быть, а на 3 отображение в IE.

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

  • 1.png
  • 2.png
  • 3.png


#16 Ирина345

Ирина345

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

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

Отправлено 21 Ноябрь 2014 - 11:44

Просмотр сообщенияshmaxim (21 Ноябрь 2014 - 10:44) писал:

Помогите пожалуйста настроить отображение в IE виджета. На 1 и 2 картинке как должно быть, а на 3 отображение в IE.
Здравствуйте, не дублируйте пожалуйста сообщения Вам ответили в данной теме
http://forum.storela...ображение-в-ie/

#17 МашаЯ

МашаЯ

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

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

Отправлено 21 Ноябрь 2014 - 11:45

Просмотр сообщенияИрина345 (21 Ноябрь 2014 - 11:44) писал:

Здравствуйте, не дублируйте пожалуйста сообщения Вам ответили в данной теме
http://forum.storela...ображение-в-ie/
а мне уделите внимания пжлста...)

#18 Ирина345

Ирина345

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

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

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

Просмотр сообщенияДева Мария (21 Ноябрь 2014 - 10:34) писал:

дублирую
Здравствуйте! SL-314495 Помогите пожалуйста:
По шапке:
1. Контакты-телефон в шапке перенести в одну линию с поиском и корзиной (нужно, чтобы все влезло на белую часть в шапке)
2. Сравнение хотелось бы поближе сделать к корзине
3. При меньшей ширине экрана фон дублируется, можно, чтобы не дублировался (+выскакивает ошибка: GET http://design.deva-n...header_page.png 404 (Not Found) forall.js?design=spring:2(anonymous function) forall.js?design=spring:2o forall.js?design=spring:2p.fireWith forall.js?design=spring:2e.extend.ready forall.js?design=spring:2c.addEventListener.B forall.js?design=spring:2 )
4. Также при меньшей ширине экрана расстояние между поиском, корзиной большое, как можно уменьшить

По карточке товара:
5. Значок "Добавить в избранное" изменился, "окрасился" в фон шапки, нужно вернуть как было

По каталогу:
6. Можно ли сделать дубль каталога невыпадающего под шапкой, просто в линию на черном фоне белыми буквами написать разделы? Но, чтобы в мобильной версии его не было
Здравствуйте,
1.
найдите в файле main.css
#header #support {

position: relative;
float: right;
top: 9px;
margin-right: 11px;
z-index: 30;
width: 200px;
}

замените на

#header #support {
position: relative;
float: right;
top: 70px;
margin-right: 564px;
z-index: 30;
width: 200px;
}
2.далее найдите
#compareInfo {
color: #999;
float: right;
margin: 10px 0 0 15px;
font-size: 11px;
display: block;
height: 30px;
position: relative;
clear: both;
}
замените на

#compareInfo {
color: #999;
float: right;
margin: -33px 0 0 15px;
font-size: 11px;
display: block;
height: 30px;
position: relative;
clear: both;
}

3 найдите


.bsk {
background:url('[url="http://design.deva-nsk.ru/header_page1.png"]http://design.deva-n...eader_page1.png[/url]');
}
замените на


.bsk {
background:url('http://design.deva-nsk.ru/header_page1.png')no-repeat;
background-size: 1920px;
}


4 найдите
  #header #search {position:relative;clear:both;width:100%;margin-bottom:10px;}
замените на
 #header #search {position:relative;clear:both;width:100%;margin-bottom:10px;margin-top:-17}
5 найдите
 a.add_to_wishlist_small {background:url('{ASSETS_IMAGES_PATH}wish_circle.png?design=spring') 50% 50% no-repeat;background-color:#333333;}
замените на
 a.add_to_wishlist_small {/*background:url('{ASSETS_IMAGES_PATH}wish_circle.png?design=spring') 50% 50% no-repeat;*/background-color:#333333;}


#19 shmaxim

shmaxim

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

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

Отправлено 21 Ноябрь 2014 - 12:56

Просмотр сообщенияИрина345 (21 Ноябрь 2014 - 11:44) писал:

Здравствуйте, не дублируйте пожалуйста сообщения Вам ответили в данной теме
http://forum.storela...ображение-в-ie/
В данной теме мне помочь не смогли.

#20 МашаЯ

МашаЯ

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

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

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

Просмотр сообщенияИрина345 (21 Ноябрь 2014 - 12:03) писал:

Здравствуйте,
1.
найдите в файле main.css
#header #support {

position: relative;
float: right;
top: 9px;
margin-right: 11px;
z-index: 30;
width: 200px;
}

замените на

#header #support {
position: relative;
float: right;
top: 70px;
margin-right: 564px;
z-index: 30;
width: 200px;
}
2.далее найдите
#compareInfo {
color: #999;
float: right;
margin: 10px 0 0 15px;
font-size: 11px;
display: block;
height: 30px;
position: relative;
clear: both;
}
замените на

#compareInfo {
color: #999;
float: right;
margin: -33px 0 0 15px;
font-size: 11px;
display: block;
height: 30px;
position: relative;
clear: both;
}

3 найдите


.bsk {
background:url('[url="http://design.deva-nsk.ru/header_page1.png"]http://design.deva-n...eader_page1.png[/url]');
}
замените на


.bsk {
background:url('http://design.deva-nsk.ru/header_page1.png')no-repeat;
background-size: 1920px;
}


4 найдите
 #header #search {position:relative;clear:both;width:100%;margin-bottom:10px;}
замените на
 #header #search {position:relative;clear:both;width:100%;margin-bottom:10px;margin-top:-17}
5 найдите
 a.add_to_wishlist_small {background:url('{ASSETS_IMAGES_PATH}wish_circle.png?design=spring') 50% 50% no-repeat;background-color:#333333;}
замените на
 a.add_to_wishlist_small {/*background:url('{ASSETS_IMAGES_PATH}wish_circle.png?design=spring') 50% 50% no-repeat;*/background-color:#333333;}
Спасибо, Ирина!)
"По карточке товара: 5. Значок "Добавить в избранное" изменился, "окрасился" в фон шапки, нужно вернуть как было" - не помогло, также и остался фон
+ как поднять логотип, поиск и корзину до уровня контактов? и пододвинуть иконку поиска влево, к окну?




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

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