Помогите С Расстановкой На Главной!
#1
Отправлено 10 Октябрь 2013 - 18:38
Помогите сделать следующее:
1. Как менять шрифт и цвет "телефона"
2. Меню поместить под слайдер перед товарами на главной и сделать кнопки под стилистику - черные и белые и назавния меню таких цветов безо всяких границ.
3. как редактировать варианты оплаты? Необходимо убрать: оплату через смс, рбк мани, вебмани,
4. И как поместить текст Главной страницы под кнопками меню и перед "товарами на главной"
заранее благодарен!
#2
Отправлено 10 Октябрь 2013 - 22:45
skipperok13 (10 Октябрь 2013 - 18:38) писал:
Помогите сделать следующее:
1. Как менять шрифт и цвет "телефона"
2. Меню поместить под слайдер перед товарами на главной и сделать кнопки под стилистику - черные и белые и назавния меню таких цветов безо всяких границ.
3. как редактировать варианты оплаты? Необходимо убрать: оплату через смс, рбк мани, вебмани,
4. И как поместить текст Главной страницы под кнопками меню и перед "товарами на главной"
заранее благодарен!
1. в main.css найдите
.phone {font-size:2.35em;vertical-align:middle;float:left;margin-top: 5px;}замените на
.phone {font-size:2.35em; /* размер шрифта телефона */ vertical-align:middle;float:left;margin-top: 5px; color: #000; /* цвет телефона */ }
вместо 2.35 укажите другой размер шрифта
вместо #000 укажите другой цвет, который подобрать сможете здесь
2. в шаблоне HTML после
<div class="row-fluid">вставьте
<div id="top-menu"> {% IFNOT menu_empty %} <ul id="mainmenu"> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {%IF menu.header.links.NAME=ГЛАВНАЯ %}style="color:#FFF;background:#000;" {%ELSEIF menu.header.links.NAME=КАТАЛОГ %}style="color:#000;background:#fff;" {%ELSEIF menu.header.links.NAME=ДОСТАВКА %}style="color:#FFF;background:#000;" {%ELSEIF menu.header.links.NAME=ОПТ %}style="color:#000;background:#fff;" {%ELSEIF menu.header.links.NAME=КОНТАКТЫ %}style="color:#FFF;background:#000;" {%ENDIF%}>{menu.header.links.NAME}</a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %} </div>
в main.css вставьте
#top-menu {height: 40px;overflow: hidden;} #mainmenu li, #langmenu li { display:inline;} #mainmenu li a{ font: bold 16px/33px Arial, Helvetica, sans-serif;; display: block; float: left; padding-right: 15px; padding-left: 15px; text-transform: uppercase; text-decoration: none; border: 2px solid #000; margin: 0 10px; width: 94px;} #mainmenu li a:hover, #mainmenu li a.hover { box-shadow: 0 0 10px rgba(0,0,0,0.5); }
#3
Отправлено 11 Октябрь 2013 - 12:24
support 2.0 (10 Октябрь 2013 - 22:45) писал:
.phone {font-size:2.35em;vertical-align:middle;float:left;margin-top: 5px;}замените на
.phone {font-size:2.35em; /* размер шрифта телефона */ vertical-align:middle;float:left;margin-top: 5px; color: #000; /* цвет телефона */ }
вместо 2.35 укажите другой размер шрифта
вместо #000 укажите другой цвет, который подобрать сможете здесь
2. в шаблоне HTML после
<div class="row-fluid">вставьте
<div id="top-menu"> {% IFNOT menu_empty %} <ul id="mainmenu"> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {%IF menu.header.links.NAME=ГЛАВНАЯ %}style="color:#FFF;background:#000;" {%ELSEIF menu.header.links.NAME=КАТАЛОГ %}style="color:#000;background:#fff;" {%ELSEIF menu.header.links.NAME=ДОСТАВКА %}style="color:#FFF;background:#000;" {%ELSEIF menu.header.links.NAME=ОПТ %}style="color:#000;background:#fff;" {%ELSEIF menu.header.links.NAME=КОНТАКТЫ %}style="color:#FFF;background:#000;" {%ENDIF%}>{menu.header.links.NAME}</a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %} </div>
в main.css вставьте
#top-menu {height: 40px;overflow: hidden;} #mainmenu li, #langmenu li { display:inline;} #mainmenu li a{ font: bold 16px/33px Arial, Helvetica, sans-serif;; display: block; float: left; padding-right: 15px; padding-left: 15px; text-transform: uppercase; text-decoration: none; border: 2px solid #000; margin: 0 10px; width: 94px;} #mainmenu li a:hover, #mainmenu li a.hover { box-shadow: 0 0 10px rgba(0,0,0,0.5); }
Получилось! САЙТ Но меню надо расположить под слайдером и всетаки сделать все кнопки черные и немного округлые Также первая кнопка "главная" не совсем корректна - боковые лини вылезают вниз
Так же хотелось бы убрать меню слева
А так же пункты:
3. как редактировать варианты оплаты? Необходимо убрать: оплату через смс, рбк мани, вебмани,
4. И как поместить текст Главной страницы под кнопками меню и перед "товарами на главной"
заранее благодарен!
#4
Отправлено 11 Октябрь 2013 - 12:37
<div id="top-menu"> {% IFNOT menu_empty %} <ul id="mainmenu"> {% FOR menu %} {% FOR header %} {% FOR links %} <li {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {%IF menu.header.links.NAME=ГЛАВНАЯ %}style="color:#FFF;background:#000;" {%ELSEIF menu.header.links.NAME=КАТАЛОГ %}style="color:#000;background:#fff;" {%ELSEIF menu.header.links.NAME=ДОСТАВКА %}style="color:#FFF;background:#000;" {%ELSEIF menu.header.links.NAME=ОПТ %}style="color:#000;background:#fff;" {%ELSEIF menu.header.links.NAME=КОНТАКТЫ %}style="color:#FFF;background:#000;" {%ENDIF%}>{menu.header.links.NAME}</a> </li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul> {% ENDIF %} </div>Под код:
<!-- Nyvo слайдер который отображается на главной --> {% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding: 1em; display: none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" /> <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a> <img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" /> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script> {% ENDIF %}т.е под код слайдера.
теперь как можно поменять цвета кнопок.
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Найти код:
#mainmenu li a{ font: bold 16px/33px Arial, Helvetica, sans-serif;; display: block; float: left; padding-right: 15px; padding-left: 15px; text-transform: uppercase; text-decoration: none; border: 2px solid #000; margin: 0 10px; width: 94px;}Заменить:
#mainmenu li a{ font: bold 16px/33px Arial, Helvetica, sans-serif;; display: block; float: left; padding-right: 15px; padding-left: 15px; text-transform: uppercase; text-decoration: none; margin: 0 10px; width: 94px; background: white; /* цвет фона*/ color: black;/* цвет текста */ }Редактировать способы оплаты можно в файле "HTML".
А именно код:
<div class="span44 payment-sistems hidden-phone"> <table width="228"> <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="Мы принимаем к оплате Яндекс.Деньги" style="padding-bottom:5px;"/></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 class="last"><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" style="padding-top:3px;" /></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 class="last"><a href="#"><img src="{ASSETS_IMAGES_PATH}payment_sistem_robo.png" alt="RBC" title="Мы принимаем оплату через Робокассу" /></a></td> </tr> </table> </div>
Для перемещения текста станицы.
В файле "HTML".
Код:
{BODY}Переместить над кодом:
<!-- Главная страница --> {% IF index_page %}
#5
Отправлено 11 Октябрь 2013 - 13:33
2 ."""Для перемещения текста станицы.
В файле "HTML".
Код:
{BODY}
Переместить над кодом:
<!-- Главная страница -->
{% IF index_page %}
Текст главной в таком случае переносится над слайдером. Нужно под слайдером после кнопок меню.
3. Как зафиксировать кнопки меню на всех страницах сайта а то они только на главной
Заранее спасибо!!
#6
Отправлено 11 Октябрь 2013 - 19:50
skipperok13 (11 Октябрь 2013 - 13:33) писал:
2 ."""Для перемещения текста станицы.
В файле "HTML".
Код:
{BODY}
Переместить над кодом:
<!-- Главная страница -->
{% IF index_page %}
Текст главной в таком случае переносится над слайдером. Нужно под слайдером после кнопок меню.
3. Как зафиксировать кнопки меню на всех страницах сайта а то они только на главной
Заранее спасибо!!
Добрый вечер, вставьте в раздел Сайт - Редактор шаблонов - HTML код из прикрепленного файла
Прикрепленные файлы
#8
Отправлено 05 Ноябрь 2013 - 13:49
skipperok13 (12 Октябрь 2013 - 18:03) писал:
По прошествии времени я понял что необходимо текст главной страницы вернуть вниз под товары. ТК он не кликабелен. Подскажите как это сделать! Заранее спасибо!
#11
Отправлено 06 Ноябрь 2013 - 13:10
Меню будет называться "Наши магазины", как это сделать?
Заранее благодарен
#12
Отправлено 06 Ноябрь 2013 - 13:29
skipperok13 (06 Ноябрь 2013 - 13:10) писал:
Меню будет называться "Наши магазины", как это сделать?
Заранее благодарен
<!-- Каталог товаров --> <div class="menu_main" style="margin-top: -50px;"> <span class="link_nav"></span><a href="#" class="link_nav">Каталог</a> <a href="{CATALOG_URL}" title="Каталог" style="text-decoration: none"><h4 class="hidden-phone">Каталог</h4></a> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul>{% ENDIF %} <li {% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %}{% IF catalog_full.HIDE %} style="display:none;"{% 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 class="menu_main"> <a href="ссылка" title="Наши магазина" style="text-decoration: none"><h4 class="hidden-phone">Наши магазины</h4></a> <ul> <li> <a href="ссылка">Название магазина</a> </li> </ul> </div>
Количество
<li> <a href="ссылка">Название магазина</a> </li>зависит от того, сколько магазинов в списке Вы хотите видеть.
#13
Отправлено 06 Ноябрь 2013 - 14:00
ne_yana (06 Ноябрь 2013 - 13:29) писал:
<!-- Каталог товаров --> <div class="menu_main" style="margin-top: -50px;"> <span class="link_nav"></span><a href="#" class="link_nav">Каталог</a> <a href="{CATALOG_URL}" title="Каталог" style="text-decoration: none"><h4 class="hidden-phone">Каталог</h4></a> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul>{% ENDIF %} <li {% IF catalog_full.CURRENT %}class="open"{% ELSEIF catalog_full.CURRENT_PARENT %}class="open"{% ENDIF %}{% IF catalog_full.HIDE %} style="display:none;"{% 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 class="menu_main"> <a href="ссылка" title="Наши магазина" style="text-decoration: none"><h4 class="hidden-phone">Наши магазины</h4></a> <ul> <li> <a href="ссылка">Название магазина</a> </li> </ul> </div>
Количество
<li> <a href="ссылка">Название магазина</a> </li>зависит от того, сколько магазинов в списке Вы хотите видеть.
Получилось! ОГРОМНОЕ спасибо!!!! =))) Вашей помощью и моими идеями получается весьма неплохой интернет магаз! =)
#14
Отправлено 15 Ноябрь 2013 - 16:26
#16
Отправлено 15 Ноябрь 2013 - 17:23
ne_yana (15 Ноябрь 2013 - 16:40) писал:
Я удалил одну кнопку и добавил другую ссылающуюся на другую страницу. Пробовал поменть цвета в коде но ничего не вышло)
#17
Отправлено 15 Ноябрь 2013 - 18:57
skipperok13 (15 Ноябрь 2013 - 17:23) писал:
#18
Отправлено 15 Ноябрь 2013 - 20:21
ne_yana (15 Ноябрь 2013 - 18:57) писал:
Уже так сложно вспомнить) Сегодня к тому же у вас были проблемы с сервером, у меня удалялся шаблон ХТМЛ пришлось делать бек ап со вчера и после я поменял много чего....
Вобщем как сделать так, чтобы фон кнопок закрепился в том порядке в котором он сейчас - ч-б-ч-б-ч, чтобы когда я менял пункты меню местами например, фон оставался на месте...
#19
Отправлено 16 Ноябрь 2013 - 02:33
<a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {%IF menu.header.links.NAME=ГЛАВНАЯ %}style="color:#FFF;background:#000;" {%ELSEIF menu.header.links.NAME=КАывЛОГ %}style="color:#000;background:#fff;" {%ELSEIF menu.header.links.NAME=ДОСТАВКА %}style="color:#FFF;background:#000;" {%ELSEIF menu.header.links.NAME=ОПТ %}style="color:#000;background:#fff;" {%ELSEIF menu.header.links.NAME=КОНТАКТЫ %}style="color:#FFF;background:#000;" {%ENDIF%}>{menu.header.links.NAME}</a>
Вероятно у вас изменились пункты меню (названия) и в результате привязка цвета потерялась. Замените данный код на следующий
<a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {%IF menu.header.links.NAME=ГЛАВНАЯ %}style="color:#FFF;background:#000;" {%ELSEIF menu.header.links.NAME=КАТАЛОГ %}style="color:#000;background:#fff;" {%ELSEIF menu.header.links.NAME=ДОСТАВКА %}style="color:#FFF;background:#000;" {%ELSEIF menu.header.links.NAME=Услуги %}style="color:#000;background:#fff;" {%ELSEIF menu.header.links.NAME=КОНТАКТЫ %}style="color:#FFF;background:#000;" {%ENDIF%}>{menu.header.links.NAME}</a>
#20
Отправлено 16 Ноябрь 2013 - 11:00
Vaccina (16 Ноябрь 2013 - 02:33) писал:
<a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {%IF menu.header.links.NAME=ГЛАВНАЯ %}style="color:#FFF;background:#000;" {%ELSEIF menu.header.links.NAME=КАывЛОГ %}style="color:#000;background:#fff;" {%ELSEIF menu.header.links.NAME=ДОСТАВКА %}style="color:#FFF;background:#000;" {%ELSEIF menu.header.links.NAME=ОПТ %}style="color:#000;background:#fff;" {%ELSEIF menu.header.links.NAME=КОНТАКТЫ %}style="color:#FFF;background:#000;" {%ENDIF%}>{menu.header.links.NAME}</a>
Вероятно у вас изменились пункты меню (названия) и в результате привязка цвета потерялась. Замените данный код на следующий
<a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} {%IF menu.header.links.NAME=ГЛАВНАЯ %}style="color:#FFF;background:#000;" {%ELSEIF menu.header.links.NAME=КАТАЛОГ %}style="color:#000;background:#fff;" {%ELSEIF menu.header.links.NAME=ДОСТАВКА %}style="color:#FFF;background:#000;" {%ELSEIF menu.header.links.NAME=Услуги %}style="color:#000;background:#fff;" {%ELSEIF menu.header.links.NAME=КОНТАКТЫ %}style="color:#FFF;background:#000;" {%ENDIF%}>{menu.header.links.NAME}</a>
спасибо!))
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных