Ирина345 (25 Апрель 2014 - 17:27) писал:
- Форум владельцев интернет-магазинов
- → Публикации guanaba
Публикации guanaba
26 публикаций создано guanaba (учитываются публикации только с 18-Июнь 23)
#135603 Помощь В Шапке
Отправлено от guanaba в 25 Апрель 2014 - 19:13 в Изменение общей стилистики
#135576 Помощь В Шапке
Отправлено от guanaba в 25 Апрель 2014 - 15:19 в Изменение общей стилистики
#135537 Помогите Установить Меню
Отправлено от guanaba в 25 Апрель 2014 - 12:04 в Изменение общей стилистики
#135533 Помогите Установить Меню
Отправлено от guanaba в 25 Апрель 2014 - 11:45 в Изменение общей стилистики
MikDark (25 Апрель 2014 - 11:25) писал:
/*menu*/ /*main menu*/ #top-menu {height: 40px;overflow: hidden;} #mainmenu li, #langmenu li { display:inline;} #mainmenu li a{ font: bold 12px/40px Helvetica, Tahoma, Arial, sans-serif; color: #FFF; display: block; float: left; padding-right: 15px; padding-left: 15px; text-transform: uppercase; text-decoration: none; background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) no-repeat right top; } #mainmenu li a:hover { background: url({ASSETS_IMAGES_PATH}tm_link_border.gif) repeat-x center bottom; } #mainmenu li a.home {} #langmenu li a { float: right; display: block; height: 40px; width: 40px; }
и замените его на:
/*menu*/ /*main menu*/ #mainmenu li, #langmenu li { float: left; height: 90px; line-height: 90px; background: white; overflow: hidden; -webkit-transition: all.6s ease; -moz-transition: all.6s ease; -o-transition: all.6s ease; -ms-transition: all.6s ease; transition: all.6s ease; } #mainmenu li:hover, #langmenu li:hover { box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) inset; background: teal; } #mainmenu li a{ display: block; text-decoration: none; color: #007e7e; padding: 0 45px; margin-top: 0; -webkit-transition: all.6s ease; -moz-transition: all.6s ease; -o-transition: all.6s ease; -ms-transition: all.6s ease; transition: all.6s ease; } } #mainmenu li:hover a { margin-top: -90px; color: white; text-shadow: 0 1px 2px black; } #mainmenu li a:after { content: attr(data-title); display: block; }
#135527 Помогите Установить Меню
Отправлено от guanaba в 25 Апрель 2014 - 11:19 в Изменение общей стилистики
#135523 Помогите Установить Меню
Отправлено от guanaba в 25 Апрель 2014 - 11:08 в Изменение общей стилистики
MikDark (25 Апрель 2014 - 11:04) писал:
guanaba (25 Апрель 2014 - 11:05) писал:
http://pcvector.net/...ml#.U1oXxIB8ZCg
#135519 Помогите Установить Меню
Отправлено от guanaba в 25 Апрель 2014 - 10:42 в Изменение общей стилистики
Vaccina (25 Апрель 2014 - 03:53) писал:
guanaba (25 Апрель 2014 - 10:41) писал:
номер 27Artine CSS меню
#135460 Помогите Установить Меню
Отправлено от guanaba в 25 Апрель 2014 - 00:18 в Изменение общей стилистики
#135419 Помогите Установить Меню
Отправлено от guanaba в 24 Апрель 2014 - 19:44 в Изменение общей стилистики
MikDark (24 Апрель 2014 - 19:41) писал:
style.css 1,96К 6 Количество загрузок:
style.css 1,96К 6 Количество загрузок:
artine.html 787байт 1 Количество загрузок:
#135414 Помогите Установить Меню
Отправлено от guanaba в 24 Апрель 2014 - 19:40 в Изменение общей стилистики
#135351 Как Изменить Размер Шапки
Отправлено от guanaba в 24 Апрель 2014 - 15:39 в Изменение общей стилистики
MikDark (24 Апрель 2014 - 15:12) писал:
#header_colapse .inner{padding:0 0 10px;z-index:0;position:relative;background:url('{ASSETS_IMAGES_PATH}inner_shadow.png') 50% 0px no-repeat !important;z-index: 1000;}
и заменить его на:
#header_colapse .inner{padding:0 0 10px;z-index:0;position:relative;background:url('{ASSETS_IMAGES_PATH}inner_shadow.png') 50% 0px no-repeat !important;z-index: 1000; height: 190px;}
height: 190px отвечает за высоту шапки, его значение можно менять.
#135333 Как Изменить Размер Шапки
Отправлено от guanaba в 24 Апрель 2014 - 15:08 в Изменение общей стилистики
#131821 Шапка,гор.меню
Отправлено от guanaba в 06 Апрель 2014 - 00:59 в Изменение общей стилистики
support 2.0 (05 Апрель 2014 - 01:02) писал:
Для того, чтобы это реализовать на шаблоне Радость, нужно в шаблоне HTMl найти
<body>заменить на
<body> <div class="header"> </div>далее в файле main.css найти
#header {background: url('/27_bg_fon.png?6721'); -10px 42px no-repeat; height: 200px; width: 100%; margin:0 auto; position:absolute; z-index: 22; }и заменить на
#header {height: 200px; width: 100%; margin:0 auto; position:relative; z-index: 22; }
далее ПЕРЕД
h1, h2, h3, h4, h5 { line-height: normal; }вставить
div.header {background: url('{ASSETS_IMAGES_PATH}header.png') repeat-x top center; height: 265px; width: 100%; margin:0 auto; position:absolute; z-index: 22; }
далее найдите в шаблоне HTML
<!-- Вывод главного меню --> <div id="bar" class="over "> <div class="fleft fleftul fmlptn aunder fnt16 b links menunav"> <a href="#" class="pull">Меню<span></span></a> <ul class="clearfix"> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}#content" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> </div> <!-- Авторизационные данные клиента --> {% IF CLIENT_IS_LOGIN %} <div class="fright txtalgnrgh button"><a class="orangebar" href="{USER_SETTINGS_URL}">Профиль</a><a class="orangebar" href="{USER_LOGOUT_URL}">Выход</a></div> {% ELSE %} <div class="fright txtalgnrgh button over"><a class="orangebar" href="{USER_LOGIN_URL}">Вход</a><a class="orangebar" href="{USER_REGISTER_URL}">Регистрация</a></div> {% ENDIF %} <!-- END Авторизационные данные клиента --> </div> <div id="hrbor"></div> <!-- end Вывод главного меню -->удалите его и поставьте этот блок сразу после
<div class="headright fright txtalgncnt fnt11 fmlptn cartInfo"> <ul> <li class="title fnt16"><a href="{CART_URL}"><span>Ваша </span>Корзина</a></li> <li class="fntarl fnt11 i cartSum">В корзине товаров на сумму: {% IF cart_count_empty %} 0 {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</li> <li class="fntarl fnt11 i opencart"><a href="{CART_URL}">Открыть корзину</a></li> </ul> </div> {% IF SETTINGS_STORE_WORK_TIME %}<div class="headcent over fleft txtalgncnt fnt14 fmlptn"><span>Работает {SETTINGS_STORE_WORK_TIME}</span></div>{% ENDIF %} </div>
Остальные изменения писать в инструкции не стала, т.к. они достаточно индивидуальны.
Осталось только изменить в шапке сайта логотип. Для этого замените изображение header-logo.jpg с прозрачным фоном.
#131048 Помогите
Отправлено от guanaba в 03 Апрель 2014 - 01:36 в Изменение общей стилистики
empty9228 (02 Апрель 2014 - 10:54) писал:
#header_colapse { background-color: #66CD00; color: #FFFFFF; position: relative; z-index: 1000; }в нем есть строка background-color:#66CD00; - она формирует фон, однотонный. Вам нужно поставить своё изображение на фон. Для этого загрузите изображение для шапки в редакторе шаблонов, в разделе Изображения и замените строку background-color:#66CD00
на
background:url('{ASSETS_IMAGES_PATH}название вашего загруженного изображения') no-repeat center center;
#130809 Помогите
Отправлено от guanaba в 02 Апрель 2014 - 10:39 в Изменение общей стилистики
Vaccina (02 Апрель 2014 - 06:06) писал:
#header_colapse { background-color: #66CD00; color: #FFFFFF; position: relative; z-index: 1000; }в данном блоке
background-color: #66CD00;замените на:
background:url('ссылка на картинку') no-repeat center center;
#130749 Помогите
Отправлено от guanaba в 02 Апрель 2014 - 02:37 в Изменение общей стилистики
guanaba (02 Апрель 2014 - 01:10) писал:
daria_dnk (01 Апрель 2014 - 19:52) писал:
Чтобы блок "Новости" отображался в левом меню под каталогом, вставьте код
{% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %} <div class="box"> <div class="box-heading">Новости</div> <div class="box-content"> <div class="box-category"> {% FOR news_list_shop %} <li><a href="{news_list_shop.URL}" title="Перейти к странице «{news_list_shop.TITLE}»" {% IF news_list_shop.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_shop.TITLE}</a></li> {%ENDFOR%} </div> </div> </div> {%ENDIF%}перед строкой
<!-- /Каталог товаров -->
#130746 Помогите
Отправлено от guanaba в 02 Апрель 2014 - 01:10 в Изменение общей стилистики
#130733 Помогите
Отправлено от guanaba в 01 Апрель 2014 - 22:58 в Изменение общей стилистики
злая я))) (01 Апрель 2014 - 13:28) писал:
daria_dnk (01 Апрель 2014 - 19:52) писал:
Чтобы блок "Новости" отображался в левом меню под каталогом, вставьте код
{% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %} <div class="box"> <div class="box-heading">Новости</div> <div class="box-content"> <div class="box-category"> {% FOR news_list_shop %} <li><a href="{news_list_shop.URL}" title="Перейти к странице «{news_list_shop.TITLE}»" {% IF news_list_shop.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_shop.TITLE}</a></li> {%ENDFOR%} </div> </div> </div> {%ENDIF%}перед строкой
<!-- /Каталог товаров -->
#130505 Помогите
Отправлено от guanaba в 31 Март 2014 - 23:01 в Изменение общей стилистики
можете сделать сами?чтобы много вопросов не было
#130502 Помогите
Отправлено от guanaba в 31 Март 2014 - 22:52 в Изменение общей стилистики
daria_dnk (31 Март 2014 - 22:40) писал:
1) В редакторе шаблонов, в шаблоне html найдите и удалите следующий код
<div class="inner"> <a id="toggle_switch" class="toggler" title="Показать/Скрыть" > <span>Показать/Скрыть</span> </a> </div>2) Так же в шаблоне HTML найдите код
<!-- Корзина --> <div id="cart"> <div class="heading"> <h4>Корзина покупок</h4> <a href="{CART_URL}" title="Перейти в корзину"><span class="cart_circle"></span><span id="cart-total">Покупок {% IF cart_count_empty %} <span class="red">0</span> {% ELSE %} {CART_COUNT_TOTAL} {% ENDIF %} - на сумму {% IF cart_count_empty %} <span>0</span> {CURRENCY_NAME} {% ELSE %} {% FOR cart_sum %} {cart_sum.NOW | money_format}<br /> {% ENDFOR %} {% ENDIF %}</span> </a> </div> <div class="content"> <div class="empty">Ваша корзина покупок пуста!</div> </div> <div class="clear"></div> </div> <!-- end Корзина -->вырежьте его и вставьте после строк
<input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = '';" onkeydown="this.style.color = '#000000';"/> </form>3) В шаблоне html найдите строчку
<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}234342.png" title="" alt=""></a></div>вырежьте и вставьте ее после строк
<div id="togglerone" class="inner">
на 4 вопрос можете ответить?
#130476 Помогите
Отправлено от guanaba в 31 Март 2014 - 20:14 в Изменение общей стилистики
#130460 Помогите
Отправлено от guanaba в 31 Март 2014 - 17:06 в Изменение общей стилистики
2: переместить корзину
3:поместить логотип туда
4: сделать там чтобы отображались новости сайта
SL-280301
#129187 Как Сделать Такое Меню
Отправлено от guanaba в 25 Март 2014 - 11:26 в Общие вопросы
support 2.0 (25 Март 2014 - 00:05) писал:
<ul class="clearfix"> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}#content" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul>замените на
<nav> <ul class="top-menu"> <li><a href=#>Главная</a><div class="menu-item" id="home"></div></li> <li><a href=#>Каталог</a><div class="menu-item" id="cataloge"></div></li> <li><a href=#>Цена</a><div class="menu-item" id="price"></div></li> <li><a href=#>О нас</a><div class="menu-item" id="about"></div></li> <li><a href=#>Контакты</a><div class="menu-item" id="contact"></div></li> </ul> </nav>
далее в main.css добавьте
nav { margin-left: 20px; text-align: center; } .top-menu li { display: inline-block; text-align: center; margin: 30px 5px; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .top-menu li:hover { margin: 30px 20px; } .top-menu li:active { margin: 30px 33px; } .top-menu li a { width: 100px; height: 100px; z-index: 9999; position: absolute; top: 35px; font-weight: bold; display: block; text-decoration: none; font-size: 20px; color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.4), 0px 4px 6px rgba(0,0,0,0.1), 0px 9px 11px rgba(0,0,0,0.1); -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; } .top-menu li:active a { font-size: 26px; top: 30px; text-shadow: none; } .top-menu li div.menu-item { width: 100px; height: 100px; display: block; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-border-top-left-radius: 100px; -webkit-border-bottom-right-radius: 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-bottomright: 100px; border-top-left-radius: 100px; border-bottom-right-radius: 100px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } .top-menu li:hover div.menu-item{ -webkit-border-top-left-radius: 80px; -webkit-border-bottom-right-radius: 80px; -moz-border-radius-topleft: 80px; -moz-border-radius-bottomright: 80px; border-top-left-radius: 80px; border-bottom-right-radius: 80px; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -o-transform: rotate(225deg); } .top-menu li:active div.menu-item{ -webkit-border-top-left-radius: 50px; -webkit-border-bottom-right-radius: 50px; -moz-border-radius-topleft: 50px; -moz-border-radius-bottomright: 50px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; } #home { background: #41D05F; } #cataloge { background: #E42B2B; } #price { background: #ff8400; } #about { background: #a800ff; } #contact { background: #49a7f3; }
далее найдите в том файле
#bar .links a { padding: 0.9em 0.7em 0.7em 0.7em; height: auto; display:block; color:#FFF; text-shadow: 1px 1px 1px rgba(204, 143, 0, 1); text-transform:uppercase; }замените на
#bar .links a { padding: 0.4em 0.7em 0em 0.3em; height: auto; display:block; color:#FFF; text-shadow: 1px 1px 1px rgba(204, 143, 0, 1); text-transform:uppercase; }
не могу найти в html файле
<ul class="clearfix"> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.first %}class="main"{% ENDIF %}><a href="{menu.header.links.URL}#content" {% IF menu.header.links.SELECTED %}class="current"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul>
#129093 Как Сделать Такое Меню
Отправлено от guanaba в 24 Март 2014 - 22:04 в Общие вопросы
как сделать такое меню помогите пожалуйста
- Форум владельцев интернет-магазинов
- → Публикации guanaba
- Privacy Policy