Сообщений в теме: 241

[punkkez]

нарисовал ленту на блоки меню, попробовал поставить по этой теме http://forum.storela...opic/7963-меню/ но не получилось почему то
что там не так сделано?
размер картинки 60*250

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

• 

[miyako]

punkkez (23 Июнь 2013 - 19:42) писал:

нарисовал ленту на блоки меню, попробовал поставить по этой теме http://forum.storela...opic/7963-меню/ но не получилось почему то
что там не так сделано?
размер картинки 60*250

Скажите пожалуйста номер аккаунта или адрес вашего сайта.

[punkkez]

теперь еще почему то контент прилипает к горизонтальному меню

[Stasya]

punkkez (24 Июнь 2013 - 11:01) писал:

http://izh-futbolka.storeland.ru/
теперь еще почему то контент прилипает к горизонтальному меню

В файле main.css найдите блок

.container {
position: relative;
width: 960px;
margin: 0px auto;
}

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

.container {
position: relative;
width: 960px;
margin: 0px auto;
margin-bottom: 7px;
}

Затем найдите блок

#cpages {
background: url(http://izh-futbolka.storeland.net/cpage-top-bg.jpg) repeat-y 0px 80px;
padding-top: 10px;
}

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

#cpages {
background: url(http://izh-futbolka.storeland.net/cpage-top-bg.jpg) repeat-y 0px 80px;
padding-top: 25px;
}

[punkkez]

спасибо, немного изменил и думаю что так интересней смотрится)))
кстати прошу оценить новый дизайн (переделал только фон, шапку, подвал)

[support 2.0]

punkkez (23 Июнь 2013 - 19:42) писал:

нарисовал ленту на блоки меню, попробовал поставить по этой теме http://forum.storela...opic/7963-меню/ но не получилось почему то
что там не так сделано?
размер картинки 60*250

найдите в шаблон HTML блок

<li class="categories"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2>

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

<li class="categories"><div class="lenta"><h2><a href="{CATALOG_URL}" class="indexPage">Каталог товаров</a></h2></div>

также найдите строчку

<td class="content_body cont260">

замените ее на

<td class="content_body cont250">

теперь в файл main.css после строчки

.leftmenu li li a:hover {
background-color: #da70d6 ;
}

добавьте блок

.lenta {
position: absolute;
background: no-repeat url({ASSETS_IMAGES_PATH}verh_catalog.png);
width: 245px;
height: 58px;
z-index: 1;
margin-left: -50px;
}

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

.leftmenu li h2 {
font: bold 17px/60px Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #069;
text-transform: uppercase;
background: url({ASSETS_IMAGES_PATH}/verh_catalog.png);
}

замените на

.leftmenu li h2 {
font: bold 17px/60px Helvetica, "Trebuchet MS", Arial, sans-serif;
color: #069;
text-transform: uppercase;
margin-left: 40px;
margin-top: -5px;
}

теперь осталось найти блок

.leftmenu ul {padding:5px}

и заменить на

.leftmenu ul {padding:0.7em}

тоже самое касается и блока статье. Для того, чтобы добавить для заголовка там ленточку, найдите в HTML код

<li class="news_articles"><br /><h2><a href="{NEWS_ARTICLES_URL}">СТАТЬИ</a></h2>

и замените на

<li class="news_articles"><br /><div class="lenta"><h2><a href="{NEWS_ARTICLES_URL}">Статьи</a></h2> </div>

и в файле main.css найдите

.contentTbodyNews {padding-left:0.7em;}

замените на

.contentTbodyNews {padding:0.7em;
margin-top: 3em;
}

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

• 

Сообщение отредактировал support 2.0: 24 Июнь 2013 - 11:50
дописано сообщение

[punkkez]

ваще супер, спасибо большое
аналогично можно и для других блоков так же сделать?

[support 2.0]

punkkez (24 Июнь 2013 - 11:45) писал:

ваще супер, спасибо большое
аналогично можно и для других блоков так же сделать?

Сверьтесь, пожалуйста, сейчас с моим сообщением. Я его немного дописала и кое-где в стилях немного подредактировала. Например, не сразу увидела, что лента не вся по высоте вместилась (изменила 55px на 58px)

[punkkez]

исправил=)

[punkkez]

ну-с ждем комментариев по поводу дизайна)

[punkkez]

лазил по разным сайтам и наткнулся на такую форму, можно ли у нас ее реализовать? например через модификации

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

• 

[punkkez]

и еще можно ли сделать на странице товаров чтобы кнопка купить была другого цвета в отличии от кнопки подробнее как в обычном состоянии так и при наведении? я понимаю что это картинка, можно сделать 2 картинки но каждая на свою кнопку будет, какой код в css нужно добавить?
все, разобрался)

Сообщение отредактировал punkkez: 24 Июнь 2013 - 18:40

[punkkez]

после установки карусели шапка стала отбражатся не полностью, помогите решить проблему

[support 2.0]

punkkez (24 Июнь 2013 - 20:58) писал:

после установки карусели шапка стала отбражатся не полностью, помогите решить проблему

в файле carousel.css найдите блок

#wrapper {
width: 960px;
margin: 10px auto 0;
}

замените на

#wrapper {margin: 10px auto 0;}

punkkez (24 Июнь 2013 - 17:47) писал:

лазил по разным сайтам и наткнулся на такую форму, можно ли у нас ее реализовать? например через модификации

сделать отображение именно таким не получится. У нас есть инструкция где немного меняется вид модификаций, но выбрать в корзину можно будет все равно только одну из них.

[punkkez]

спасибо

[punkkez]

скопирую сообщение из другой темы http://forum.storela...5480#entry75480
а как можно сделать такие же цифры для прокрутки внизу? и чтобы карусель крутилась не по кругу, а проматывалась сначала в одну сторону до конца а потом в другую так же до конца, и еще можно сделать так чтобы при наведении на карусель мышкой или нажатием на прокручивании автоматический режим прокрутки отключался?

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

• 

[punkkez]

и еще заметил такие ошибки в хроме и ИЕ
все отметил и еще черная полоса над шапкой (на скринах ее нет)

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

• 
• 

[miyako]

punkkez (25 Июнь 2013 - 11:57) писал:

и еще заметил такие ошибки в хроме и ИЕ
все отметил и еще черная полоса над шапкой (на скринах ее нет)

Найдите код в mai.css:

#wrapper {
padding-bottom: 10px;
}

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

#wrapper {
padding-bottom: 10px;
margin-top: 0px !important;
}

[punkkez]

спасибо, осталось решить вопрос с каруселью

[punkkez]

почему при выборе модификации у меня не происходит смены цены?
так ни в одном товаре