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


Изменение Главной И Не Только


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

#21 @lina_va

@lina_va

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

  • Модератоpы
  • 498 сообщений

Отправлено 08 Февраль 2014 - 19:35

Просмотр сообщенияAlex_amazingbags (08 Февраль 2014 - 18:38) писал:

1,2 - помогло, спасибо.
3. у меня есть меню megamenu2, которое ране отображалось в одной линии с меню header, но было под корзиной (в правой части тобишь) оно и сейчас где-то есть, но не отображается вообще где надо. мне бы хотя бы его вернуть на экран, а дальше я сам подставлю по месту, где оно должно быть.
4 - тоже помогло, только надо изменить цвет фона внутри блока с надписью "новости". робовал добавить в style.css background:#E4144F в разделе новостей, но ничего не изменилось.
5. Не помогло.
3) Ответ на Ваш вопрос есть в другой теме форума
4) B html найдите:
		 <div class="block-title">
		 <strong><span>Каталог</span></strong>
		 </div>
замените на:
		 <div class="block-title" style=" background: red;">
		 <strong><span>Каталог</span></strong>
		 </div>
5) B style.css заменяем:
#recently_viewed {
display: block;
float: left;
}
на
#recently_viewed {
float: left;
padding: 14px 18px;
color: #727272;
border-top: 0px;
border-bottom: 1px solid #E9E9E9;
background: #fff;
border: 1px solid #c0c0c0;
position: relative;
display: block;
margin-top:20px;

}


#22 Alex_amazingbags

Alex_amazingbags

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

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

Отправлено 08 Февраль 2014 - 20:27

3. В другой теме это какой ? У всех разные ситуации, возможно что они мне не подойдут.
4. Мне нужно цвет блока с названием Новости, а не Каталог. прописывание того же бэкграунда в новости ничего не дало.
5. Нужно обрамлять не весь блок в "рамку", а только название "Просмотренные товары", что бы оно было в рамочке как у каталога и у новотей, естественно с цветом.

#23 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 09 Февраль 2014 - 09:01

Просмотр сообщенияAlex_amazingbags (08 Февраль 2014 - 20:27) писал:

3. В другой теме это какой ? У всех разные ситуации, возможно что они мне не подойдут.
4. Мне нужно цвет блока с названием Новости, а не Каталог. прописывание того же бэкграунда в новости ничего не дало.
5. Нужно обрамлять не весь блок в "рамку", а только название "Просмотренные товары", что бы оно было в рамочке как у каталога и у новотей, естественно с цветом.
3.Найдите данный блок кода в шаблоне style.css:

#menu2 {
height: 54px;
position: relative;
top: 80px;
right: -300px;
float: right;
}

замените его на:

#menu2 {
height: 54px;
position: relative;
top: 0;
right: 0;
float: right;
}

4.найдите данную строку кода в шаблоне HTML:

                
   <div class="block-title" style=" background: #E4144F;">

измените в ней значение параметра background

5.Добавьте данный код в конец шаблона style.css
#recently_viewed .block-title {padding: 6px 18px;color: #2A2129;text-transform: uppercase;background: #E4144F;border: 1px solid #c0c0c0;*border-top: 2px solid #c0c0c0;*border-left: 1px solid #c0c0c0;*border-right: 1px solid #c0c0c0;*border-bottom: 1px solid #c0c0c0;position: relative;display: block;font-weight: 700;}
далее найдите данный блок кода в шаблоне style.css

#recently_viewed {
float: left;
padding: 14px 18px;
color: #727272;
border-top: 0px;
border-bottom: 1px solid #E9E9E9;
background: #fff;
border: 1px solid #c0c0c0;
position: relative;
display: block;
}
удалите в нем строку

padding: 14px 18px;

далее найдите данный код в шаблоне style.css:

#recently_viewed li{display:inline-block;float:left;padding:10px 0;margin:0 5px;}

замените его на :

#recently_viewed li{display:inline-block;float:left;padding: 5px 0;margin: 5px 40px;}


#24 Alex_amazingbags

Alex_amazingbags

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

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

Отправлено 04 Апрель 2014 - 21:21

Добрый вечер !

Есть пара вопросов, подскажите плиз.
1. после добавления картинки-баннера, у меня съехало меню, поиск и корзина. Как их поднять выше, что бы они располагались как раньше.
2. как сделать кроссплатформенность сайта ? так как например на телефоне он отображается вообще криво, хотя это смартфон с полным браузером (не мобильная версия)

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

  • S40404-210838.jpg
  • Screenshot_5.png


#25 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 05 Апрель 2014 - 07:38

Просмотр сообщенияAlex_amazingbags (04 Апрель 2014 - 21:21) писал:

Добрый вечер !

Есть пара вопросов, подскажите плиз.
1. после добавления картинки-баннера, у меня съехало меню, поиск и корзина. Как их поднять выше, что бы они располагались как раньше.
2. как сделать кроссплатформенность сайта ? так как например на телефоне он отображается вообще криво, хотя это смартфон с полным браузером (не мобильная версия)


Здравствуйте,

В файле "main.css".
Найти:
#header-right{float:right;height: 140px;position: relative; z-index:20;margin-right: 10px;}

Заменить:
#header-right{top: 60px;float:right;height: 140px;position: relative; z-index: 40;margin-right: 10px;}


В файле "main.css".
Найти:
#search_block_top #search_query_top{width:350px;*height: 26px !important; *padding-top: 10px !important; *padding-bottom: 0 !important; vertical-align: middle !important; border:1px solid #cecece!important;padding-right:30px}

Заменить:
#search_block_top #search_query_top{width: 175px;*height: 26px !important; *padding-top: 10px !important; *padding-bottom: 0 !important; vertical-align: middle !important; border:1px solid #cecece!important;padding-right:30px}


Вероятнее всего, ваш слайдер и баннеры влияют на адаптивную версию сайта. Решением для вас будет либо дописать адаптивность для каждого разрешения для вашего слайдера или отключение слайдера на разных разрешениях.


В файле "style.css".
Найти:
@media only screen and (max-width:479px)

В этом блоке добавить:
  .flexslider {display:none;}
  .banner {display:none;}
  .banner1 {display:none;}

Так же находим остальные разрешения экрана и добавляем данный блок к ним

#26 Alex_amazingbags

Alex_amazingbags

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

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

Отправлено 05 Апрель 2014 - 14:35

Спасибо)
Только у меня раньше строка поиска и корзина были повыше. Поиск был сверху на черной полосе и был чуть по длиннее чем сейчас.Корзина была там, где сейчас располагается поиск. Надо это вернуть)
На скрине указал.

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

  • Screenshot_6.png


#27 MikDark

MikDark

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

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

Отправлено 05 Апрель 2014 - 15:39

Просмотр сообщенияAlex_amazingbags (05 Апрель 2014 - 14:35) писал:

Спасибо)
Только у меня раньше строка поиска и корзина были повыше. Поиск был сверху на черной полосе и был чуть по длиннее чем сейчас.Корзина была там, где сейчас располагается поиск. Надо это вернуть)
На скрине указал.

В шаблоне style.css найдите код:
#search_block_top {
float: right;
margin: -30px -175px 0 0;
position: static;
}

и замените на:
#search_block_top {
float: right;
margin: -81px -175px 0 0;
position: static;
}

Код:
#search_block_top #search_query_top {
width: 175px;
vertical-align: middle !important;
border: 1px solid #cecece!important;
padding-right: 30px;
}

замените на:

#search_block_top #search_query_top {
width: 220px;
vertical-align: middle !important;
border: 1px solid #cecece!important;
padding-right: 30px;
}

и найдите код:

#header_shopping_cart {
position: static;
width: 170px;
float: right;
clear: both;
margin-top: 26px;
...
}

там замените margin-top: 26px; на margin-top: -30px;

#28 Alex_amazingbags

Alex_amazingbags

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

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

Отправлено 05 Апрель 2014 - 20:41

Спасибо.
Но при наведении мышкой на корзину - окошко с кнопкой "оформить заказ" отображается ниже чем надо , а должно быть прямо под корзиной и по ширине как блок корзины.

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

  • Screenshot_8.png


#29 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 06 Апрель 2014 - 10:59

Просмотр сообщенияAlex_amazingbags (05 Апрель 2014 - 20:41) писал:

Спасибо.
Но при наведении мышкой на корзину - окошко с кнопкой "оформить заказ" отображается ниже чем надо , а должно быть прямо под корзиной и по ширине как блок корзины.
Здравствуйте, произвели необходимые изменения , проверьте пожалуйста.

#30 Alex_amazingbags

Alex_amazingbags

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

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

Отправлено 06 Апрель 2014 - 12:30

Спасибо большое :)

#31 Alex_amazingbags

Alex_amazingbags

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

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

Отправлено 27 Апрель 2014 - 13:49

Привет, подскажите пожалуйста :
1. Как верхнее меню сдвинуть налево как и было ранее. Видимо от какого-то действия оно уползло вправо )
2. Можно ли на всех страницах сразу поменять фон цвет у кнопок и у текста, например цены в каталоге товаров. ТОесть что бы на любой страницы где показан каталог товаров изменить цвет фона кнопки и текста цены.

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

  • Screenshot_11.png
  • Screenshot_9.jpg


#32 Ирина345

Ирина345

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

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

Отправлено 27 Апрель 2014 - 14:05

Просмотр сообщенияAlex_amazingbags (27 Апрель 2014 - 13:49) писал:

Привет, подскажите пожалуйста :
1. Как верхнее меню сдвинуть налево как и было ранее. Видимо от какого-то действия оно уползло вправо )
2. Можно ли на всех страницах сразу поменять фон цвет у кнопок и у текста, например цены в каталоге товаров. ТОесть что бы на любой страницы где показан каталог товаров изменить цвет фона кнопки и текста цены.
Здравствуйте,
1. что бы сдвинуть меню влево Вам нужно найтив style.css код
#megamenu {height: 54px;position: relative;top: 10px;float: left;}
заменить на
#megamenu {height: 54px;position: relative;top: 10px;float: left;right:357px;}
2. для того чтобы, поменять цвет фона у цены найдите строчку
.price_container{margin-top:10px;display: block;position: relative;text-align: center;}
замените на
.price_container{margin-top:10px;display: block;position: relative;text-align: center;background:[b]#65D3AB[/b];}
меняя значение свойства backgroud установите необходимый цвет
Тоже самое на счет и кнопки найдите строку
.add_to_cart_ph{display:block;background-color:[b]#da3b44[/b];background-image:url('{ASSETS_IMAGES_PATH}cart_white.png');background-repeat:no-repeat;background-position:13px 50%;
и сделайте необходимые Вам изменения

#33 Alex_amazingbags

Alex_amazingbags

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

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

Отправлено 27 Апрель 2014 - 18:08

Спасибо.
По второму пункту - не помогло. Мне нужно изменить цвет внутри кнопки "Быстрый заказ" и цвет цифр обоначающих цену товара

#34 daria_dnk

daria_dnk

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

  • Модератоpы
  • 482 сообщений

Отправлено 27 Апрель 2014 - 18:50

Просмотр сообщенияAlex_amazingbags (27 Апрель 2014 - 18:08) писал:

Спасибо.
По второму пункту - не помогло. Мне нужно изменить цвет внутри кнопки "Быстрый заказ" и цвет цифр обоначающих цену товара


Добрый день!


1) В шаблоне main.css айдите код
.add_to_cart_ph{display:block;background-color:[b]#D02A2A[/b];background-image:url('http://design.lovelybikini.ru/cart_white.png');background-repeat:no-repeat;background-position:13px 50%;
color:#fafafa!important;line-height:35px;height:35px;padding:9px 16px 9px 46px;*padding:0px 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)}

В нем изменяйте значение параметра
а) background-color: чтобы изменить фон кнопки быстрого заказа
б) color:#fafafa!important - здесь замените значение #fafafa на тот цвет, который вам нужен для изменения цвета текста кнопки.

2) В шаблоне main.css найдите код
#category_view_type.grid_view #product_list .product_list_details_left .price {display:inline-block;margin:0;color:#da3b44;font-weight:700;font-size:14px;cursor:default}
изменяя значение параметра color, измените цвет цифр и валюты товара.




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

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