#1
Отправлено 22 Февраль 2014 - 09:12
#2
Отправлено 22 Февраль 2014 - 09:14
#3
Отправлено 22 Февраль 2014 - 09:17
#5
Отправлено 22 Февраль 2014 - 09:18
1) хотел бы убрать "каталог" с главной страницы и добавить туда еще один слайдер.
убрать у этого "2-ого" слайдера кружочки под ним если возможно.
2) как увеличить шапку на "всю длинну" как узнать длинну ? примерно как указал..
3) я так понимаю что, чтобы уменьшить слайдер надо меньше длинной картинки?
4) как изменить фон на картинку ?( лого сайта) к примеру.
5) как изменить цвет
6) тоже как ихменить цвет и убрать платежные системы лого
7) как под будующий слайдер ниже впихать "Вконтакте"
8) П.С. Шапку для подробности хотел сделать примерно как в соседней теме ... вдохновился чужой идеей.. ] ( меню внизу, шапка во всю длинну токо и как убрать "поиск" совсем... просто будет около 20 товаров и это не к чему думаю будет.
#6
Отправлено 22 Февраль 2014 - 09:19
#9
Отправлено 22 Февраль 2014 - 09:32
Castiel (22 Февраль 2014 - 09:27) писал:
http://n16761.storeland.ru/ пока что тут все стандартно сижу рисую )
#10
Отправлено 22 Февраль 2014 - 10:00
rylezzzz (22 Февраль 2014 - 09:18) писал:
snimok.PNG
1) хотел бы убрать "каталог" с главной страницы и добавить туда еще один слайдер.
убрать у этого "2-ого" слайдера кружочки под ним если возможно.
2) как увеличить шапку на "всю длинну" как узнать длинну ? примерно как указал..
3) я так понимаю что, чтобы уменьшить слайдер надо меньше длинной картинки?
4) как изменить фон на картинку ?( лого сайта) к примеру.
5) как изменить цвет
6) тоже как ихменить цвет и убрать платежные системы лого
7) как под будующий слайдер ниже впихать "Вконтакте"
8) П.С. Шапку для подробности хотел сделать примерно как в соседней теме ... вдохновился чужой идеей.. 3122.jpg] ( меню внизу, шапка во всю длинну токо и как убрать "поиск" совсем... просто будет около 20 товаров и это не к чему думаю будет.
1. Удаляем блок Каталог
Редактируем шаблон HTML
Находим и удаляем
<div class="block-title"> <strong><span>Каталог</span></strong> </div> <div class="block-content"> <!-- Каталог товаров --> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <!-- /Каталог товаров --> <!-- Каталог товаров -- > <div class="conta"> <a class="toggleMenu" href="#">Каталог</a> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% ENDIF %}>{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} > <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} </div> <!-- /Каталог товаров --> </div>
2. Увеличиваем шапку на всю ширину
Редактируем шаблон HTML
Находим
<div class="container"> <div class="column full" id="header"> <div id="header-logo">
Заменяем на
<div class="container_top"> <div class="column full" id="header"> <div id="header-logo">
Далее добавляем стили в style.css
.container_top{height:150px;margin:0 auto}
3. Не совсем так, данный слайдер растянут на весь экран, мы можем его ограничить в блоке как захотим, уточните как именно вы хотите это сделать, на сколько его уменьшить?
4. Чтобы изменить логотип, необходимо загрузить на сайт файл логотипа с названием logo.png
4. Чтобы изменить основную часть фона, редактируем style.css
Находим
#wrapper { background-color: #f2f2f2; }
#f2f2f2 цвет фона
5. Цвета подвала
Редактируем style.css
Находим
#footer-top { clear: both; background: #2a2a2a; border-bottom: 1px solid #171717; }
#footer-center { border-top: 1px solid #464646; border-bottom: 1px solid #171717; padding-bottom: 30px; }
#footer-bottom { background: #2a2a2a; border-top: 1px solid #363636; padding: 15px 0; color: #a0a0a0; font-size: 11px; }
background: #******; цвет фона
border-bottom: 1px solid #******; цвет нижней границы и ее толщина
border-top: 1px solid #******; цвет верхней границы и ее толщина
6. Убираем платежные системы
Редактируем шаблон HTML
Находим и удаляем
<table width="100%" class="payment_sistem"> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_wm.png" alt="Webmoney" title="Мы принимаем к оплате Webmoney" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_yd.png" alt="Яндекс.Деньги" title="Мы принимаем к оплате Яндекс.Деньги" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_visa.png" alt="VISA" title="Мы принимаем к оплате кредитные карты VISA" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sber.png" alt="Сбербанк" title="Мы принимаем к оплате квитанции сбербанка" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_mastercard.png" alt="MasterCard" title="Мы принимаем к оплате кредитные карты MasterCard" /></a></td> </tr> <tr> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_qiwi.png" alt="MasterCard" title="Мы принимаем оплату через терминалы оплаты Qiwi" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_sms.png" alt="SMS" title="Мы принимаем оплату через SMS" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_maestro.png" alt="SMS" title="Мы принимаем оплату через кредитные карты Maestro" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_rbc.png" alt="RBC" title="Мы принимаем оплату через систему РБК money" /></a></td> <td><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_robo.png" alt="RBC" title="Мы принимаем оплату через Робокассу" /></a></td> </tr> </table>
#11
Отправлено 22 Февраль 2014 - 10:08
Находим
<div class="column one-third"> <div class="block2"> </div>
Заменяем на
<div class="column one-third"> <div class="block2"> <div class="flexslider" id="autumn-slider" style="height:280px;"> <ul class="slides"> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}1.jpg"></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li> </ul> </div> </div>
Изображения для слайдера должны быть размером 200х280 ширина и высота
Определитесь какое именно меню вы хотите себе на сайт (желательно ссылку на пример)
#12
Отправлено 22 Февраль 2014 - 11:13
#13
Отправлено 22 Февраль 2014 - 11:21
rylezzzz (22 Февраль 2014 - 11:13) писал:
Здравствуйте, к сожалению не могу вам помочь пока вы точно не определитесь что именно хотите.
Предоставьте точный пример меню (Хочу такое меню - ссылка на него)
#15
Отправлено 22 Февраль 2014 - 11:46
Castiel (22 Февраль 2014 - 11:21) писал:
Предоставьте точный пример меню (Хочу такое меню - ссылка на него)
http://mishka2u.ru/ - хочу такое меню!) токо не на всю длинну выше нарисовал )
#16
Отправлено 22 Февраль 2014 - 12:00
rylezzzz (22 Февраль 2014 - 11:41) писал:
Редактируем шаблон HTML
Находим
<div class="container_top">
Заменяем на
<div class="container">
Добавляем слайдер
Редактируем шаблон HTML
Находим
<div class="block-title"> <strong><span>Каталог</span></strong> </div> <div class="block-content"> <!-- Каталог товаров --> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ELSEIF catalog_full.CURRENT_PARENT %}active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <!-- /Каталог товаров --> <!-- Каталог товаров -- > <div class="conta"> <a class="toggleMenu" href="#">Каталог</a> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul {% IF catalog_full.LEVEL = 0 %}class="nav"{% ENDIF %}>{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %}{% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %} > <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a><span class="icons" {% IFNOT catalog_full.ISSET_SUB %}style="display: none;"{% ENDIF %}></span> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} </div> <!-- /Каталог товаров --> </div>
Заменяем на
{% IF index_page %} <div class="flexslider" id="autumn-slider"> <ul class="slides"> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li> <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li> </ul> </div> {% ENDIF %}
#17
Отправлено 22 Февраль 2014 - 12:26
rylezzzz (22 Февраль 2014 - 11:46) писал:
Меню
Редактируем шаблон HTML
Находим
<!-- Блок навигации --> {% IFNOT menu_empty %} <ul id="megamenu"> {% FOR menu %} {% FOR header %} {% FOR links %} <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" > <a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} >{menu.header.links.NAME}</a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %}
Заменяем на
<div class="main-menu"> <nav> <!-- Блок навигации --> {% IFNOT menu_empty %} <ul> {% FOR menu %} {% FOR header %} {% FOR links %} <li class="{% IF menu.header.links.SELECTED %}active{% ENDIF %}" > <a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} ><span>{menu.header.links.NAME}</span></a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %}</nav></div>
Редактируем style.css
Добавляем в конце файла
.main-menu { position:absolute;height:60px;top:140px;background: #e0aa6f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwYWE2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjODgxM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e0aa6f 0%, #c8813f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0aa6f), color-stop(100%, #c8813f)); background: -webkit-linear-gradient(top, #e0aa6f 0%, #c8813f 100%); background: -o-linear-gradient(top, #e0aa6f 0%, #c8813f 100%); background: -ms-linear-gradient(top, #e0aa6f 0%, #c8813f 100%); background: linear-gradient(to bottom, #e0aa6f 0%, #c8813f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0aa6f', endColorstr='#c8813f', GradientType=0 ); box-shadow: 0 3px 3px rgba(0,0,0,0.2) } .main-menu nav { height: 60px; } .main-menu ul {padding-top: 15px; } .main-menu ul > li { position: relative; margin-left: 9px; float: left; } .main-menu ul > li:first-child { margin-left: 0px; } .main-menu ul > li > a { display: block; height: 31px; text-transform: uppercase; text-decoration: none; font-size: 18px; } .main-menu ul > li > a > span { transition: all 0.2s; color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; padding: 0 9px; height: 31px; line-height: 33px; text-shadow: 0 1px 0 #A7723F; text-decoration: none; } .main-menu ul > li > a:hover, .main-menu ul > li.active > a { box-shadow: 0 1px 2px #D49A62; } .main-menu ul > li > a:hover > span, .main-menu ul > li.active > a > span { background: #ae8554; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlODU1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYjhlNWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ae8554 0%, #bb8e5c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ae8554), color-stop(100%, #bb8e5c)); background: -webkit-linear-gradient(top, #ae8554 0%, #bb8e5c 100%); background: -o-linear-gradient(top, #ae8554 0%, #bb8e5c 100%); background: -ms-linear-gradient(top, #ae8554 0%, #bb8e5c 100%); background: linear-gradient(to bottom, #ae8554 0%, #bb8e5c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae8554', endColorstr='#bb8e5c', GradientType=0 ); box-shadow: inset 0 2px 2px rgba(0,0,0,0.2) } .main-menu ul > li.hs > a > span i { font-style: normal; display: block; height: 31px; background: url(hsub.png) no-repeat right 6px; padding-right: 24px; } .main-menu ul > li.hs > a:hover > span, .main-menu ul > li.hs:hover > a > span { background: #8B693F; box-shadow: none; height: 34px; } .main-menu ul > li.hs:hover > a > span i { background-position: right -56px; } .main-menu ul > li.hs ul { -webkit-animation: fadeIn 0.2s; animation: fadeIn 0.2s; display: none; padding: 0px; width: 194px; position: absolute; left: 0px; top: 31px; z-index: 9; background: #8B693F; -webkit-border-radius: 5px; -webkit-border-top-left-radius: 0; -moz-border-radius: 5px; -moz-border-radius-topleft: 0; border-radius: 5px; border-top-left-radius: 0; } .main-menu ul > li.hs:hover ul { display: block; } .main-menu ul > li > ul > li { float: none; margin: 0px; padding: 5px 10px; border-top: 1px solid #AE9679; } .main-menu ul > li > ul > li:first-child { border: 0px; } .main-menu ul > li > ul > li a { padding: 0px; height: auto; text-transform: none; line-height: normal; font-size: 16px; color: #FFF; } .main-menu ul > li > ul > li a:hover { border: 0px; text-shadow: 0 1px 0 #333; text-decoration: underline; border-radius: 0px; box-shadow: none; }
Находим
.container { width: 1200px; margin: 0 auto; }
Заменяем на
.container { width: 1200px; margin: 0 auto; height: 200px; }
#18
Отправлено 22 Февраль 2014 - 16:36
как снизу так же все ограничить? и поуже столбики серые эти сделать
и еще проблема после шапки между меню "название магазина" как это убрать вообще?
#19
Отправлено 22 Февраль 2014 - 17:13
rylezzzz (22 Февраль 2014 - 16:36) писал:
как снизу так же все ограничить? и поуже столбики серые эти сделать
и еще проблема после шапки между меню "название магазина" как это убрать вообще?
Пожалуйста, прикрепите скрин и укажите все вышеописанное на нем
Темы с аналогичным тегами главная каталог, шапка
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных