Как Поменять Шрифт И Изменить Строку Поиска
#1
Отправлено 28 Октябрь 2013 - 16:45
Помогите пожалуйста разобраться с кодом:
1)Изменить размер и цвет категорий в каталоге
2)Увеличить шрифт и цвет номеров телефонов
3)Выделить строку поиска
Заранее спасибо
#2
Отправлено 28 Октябрь 2013 - 16:57
Znoy 09 (28 Октябрь 2013 - 16:45) писал:
Помогите пожалуйста разобраться с кодом:
1)Изменить размер и цвет категорий в каталоге
2)Увеличить шрифт и цвет номеров телефонов
3)Выделить строку поиска
Заранее спасибо
1.
.block .main.ullinks li a { background: url(http://neyana.storeland.net/range-black.png) #f6f4eb center right no-repeat; padding: 0.4em 1.4em 0.4em 0.8em; color: #707070; display: block; text-decoration: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }на
.block .main.ullinks li a { background: url(http://neyana.storeland.net/range-black.png) #f6f4eb center right no-repeat; padding: 0.4em 1.4em 0.4em 0.8em; color: #FF0B0B; font-size: 15px; display: block; text-decoration: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }В параметре color пропишите желаемый цвет.
2. Добавьте
.phoneNum a { color: red!important; font-family: Arial; }прописав желаемый цвет и шрифт.
3. Уточните, пожалуйста, каким образом Вы хотите выделить строку?
#3
Отправлено 28 Октябрь 2013 - 18:51
А подскажите еще пожалуйста как поменять полностью фон на свой в данном шаблоне?
Заранее благодарю Вас за помощь
#4
Отправлено 28 Октябрь 2013 - 19:46
Znoy 09 (28 Октябрь 2013 - 18:51) писал:
А подскажите еще пожалуйста как поменять полностью фон на свой в данном шаблоне?
Заранее благодарю Вас за помощь
<div id="header" class="clr"> <div class="topmain over"> <div class="logotype fleft txtalgnlft over"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}header-logo.jpg" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div> <div class="barright fright txtalgnrgh"> <div class="search fright over clr"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div class="block-shadow"> <input type="text" id="s" class="fnt11i" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" /> <div id="delete"><span id="x" >x</span></div> </div> <input type="submit" class="button toSearch" src="{ASSETS_IMAGES_PATH}spacer.gif" value="" /> </form> </div> </div> </div> <div class="bottommain over clr"> <div class="headleft fleft txtalgncnt fmlptn fnt16 "> <ul> <li class="title"><a href="http://{NET_DOMAIN}/feedback"><span>Связаться</span> с Нами</a></li> {% IF SETTINGS_STORE_ICQ %}<li class="headerIcq"><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %} <li class="skype">{% IF SETTINGS_STORE_SKYPE %}<span>Skype: </span><a href="skype:{SETTINGS_STORE_SKYPE}">{SETTINGS_STORE_SKYPE}</a>{% ENDIF %}</li> <li class="phone"> <span class="phoneNum"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<a class="tel1" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>{%ENDIF%} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<a class="tel2" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}"><span class="telColor"> | </span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a>{%ENDIF%} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<a class="tel3" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}"><span class="telColor"> | </span>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a>{%ENDIF%} </span> </li> </ul> </div> <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 | 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> </div>на
<div id="upHeader"> <div id="header" class="clr"> <div class="topmain over"> <div class="logotype fleft txtalgnlft over"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}header-logo.jpg" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div> <div class="barright fright txtalgnrgh"> <div class="search fright over clr"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get"> <div class="block-shadow"> <input type="text" id="s" class="fnt11i" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" /> <div id="delete"><span id="x" >x</span></div> </div> <input type="submit" class="button toSearch" src="{ASSETS_IMAGES_PATH}spacer.gif" value="" /> </form> </div> </div> </div> <div class="bottommain over clr"> <div class="headleft fleft txtalgncnt fmlptn fnt16 "> <ul> <li class="title"><a href="http://{NET_DOMAIN}/feedback"><span>Связаться</span> с Нами</a></li> {% IF SETTINGS_STORE_ICQ %}<li class="headerIcq"><img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />{SETTINGS_STORE_ICQ}</li>{% ENDIF %} <li class="skype">{% IF SETTINGS_STORE_SKYPE %}<span>Skype: </span><a href="skype:{SETTINGS_STORE_SKYPE}">{SETTINGS_STORE_SKYPE}</a>{% ENDIF %}</li> <li class="phone"> <span class="phoneNum"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<a class="tel1" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>{%ENDIF%} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<a class="tel2" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}"><span class="telColor"> | </span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a>{%ENDIF%} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<a class="tel3" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}"><span class="telColor"> | </span>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a>{%ENDIF%} </span> </li> </ul> </div> <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 | 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> </div> </div>
В файл main.css добавьте
#upHeader { background:url('{ASSETS_IMAGES_PATH}bg-repeat-x.jpg');}
Замените
body { background: url('{ASSETS_IMAGES_PATH}bg-repeat-x.jpg') #e6e4db center top repeat-x; font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; margin: 0; padding: 0; color: #000; }на
body { background: url('{ASSETS_IMAGES_PATH}название фона.jpg'); font-family: Georgia, "Times New Roman", Times, serif; font-style: normal; margin: 0; padding: 0; color: #000; },
предварительно закачав фон на сайт.
#5
Отправлено 01 Ноябрь 2013 - 14:29
Очень помогли Ваши ответы, спасибо Вам огромное за это.
Подскажите еще пожалуйста по вопросу:
Поменял полностью фон, но вот после этого возникли следующие проблемы
1)Возможно ли убрать белые полосы по краям шапки и как это сделать?
2)Выровнить строку поиска и кнопку
3)Увеличить размер и шрифт графика работы.
Заранее глубоко Вам признателен.
#6
Отправлено 01 Ноябрь 2013 - 14:32
Znoy 09 (01 Ноябрь 2013 - 14:29) писал:
Очень помогли Ваши ответы, спасибо Вам огромное за это.
Подскажите еще пожалуйста по вопросу:
Поменял полностью фон, но вот после этого возникли следующие проблемы
1)Возможно ли убрать белые полосы по краям шапки и как это сделать?
2)Выровнить строку поиска и кнопку
3)Увеличить размер и шрифт графика работы.
Заранее глубоко Вам признателен.
#header .bottommain .headcent { width: 25%; height: 20px; margin-top: 6.5%; padding: 0 1.5%; color: #767676; }на
#header .bottommain .headcent { width: 25%; height: 20px; margin-top: 6.5%; padding: 0 1.5%; color: #767676; font-size: 16px; }
Укажите, пожалуйста, номер Вашего аккаунта, чтобы мы смогли Вам помочь с остальными вопросами.
#7
Отправлено 01 Ноябрь 2013 - 14:34
Аккаунт SL-239637
#8
Отправлено 01 Ноябрь 2013 - 14:57
Znoy 09 (01 Ноябрь 2013 - 14:34) писал:
Аккаунт SL-239637
#header .bottommain .headleft ul li.title, #header .bottommain .headright ul li.title { display: block; background: url(http://design.sea-gifts.ru/header-shadow.jpg) bottom center no-repeat; padding-bottom: 1%; margin-bottom: 0.2%; }на
#header .bottommain .headleft ul li.title, #header .bottommain .headright ul li.title { display: block; padding-bottom: 1%; margin-bottom: 0.2%; }
Замените в разделе Сайт - Редактор шаблонов - HTML замените
<input type="submit" class="button toSearch" src="http://design.sea-gifts.ru/spacer.gif" value="">на
<input type="submit" value="" class="button toSearch ui-button ui-widget ui-state-default ui-corner-all ui-state-hover" src="http://design.sea-gifts.ru/spacer.gif" role="button" aria-disabled="false">
В файл main.css добавьте
#delete { display: none; }
#9
Отправлено 26 Ноябрь 2013 - 12:38
Аккаунт SL-239637
Подскажите пожалуйста:
1)как сделать надписи одного цвета и размера (шрифт отличается)
2)Убрать кнопку поделиться с сайта
3)Выделить слово Акция красным цветом и увеличить размер и шрифт
4)Возможно ли как то выделить строку поиска или изменить ее так, чтоб были видны границы
5)Как выровнять товары как на главной странице так и в категориях, а то все пляшет.
6)Перенести текст описания категорий наверх страницы, чтоб после текста описания шли товарные позиции.
Возможно где то уже эти вопросы затрагивали, заранее прошу прощения!
Признателен Вам за Вашу помощь и дружелюбность.
Спасибо!!
#10
Отправлено 27 Ноябрь 2013 - 05:25
#header .bottommain .headleft ul li.title a { color: #767676; } #header .bottommain .headleft ul li.title span, #header .bottommain .headright ul li.title span { color: #767676; font-weight: bold; padding-left: 10px; }
измените цветовое значение, данный блок кода отвечает за заголовок в контактами.
#header .bottommain .headright a, #header .bottommain .headleft a, #header .bottommain .headright ul li.title a span { color: #B480C8; text-decoration: none; } #header .bottommain .headright a, #header .bottommain .headleft a, #header .bottommain .headright ul li.title a span { color: #B480C8; text-decoration: none; }это за заголовок корзины
2.в шаблоне Страница найдите и удалите:
<!-- Подключение скрипта от Yandex.Share, кнопки поделиться --> <script type="text/javascript" src="//yandex.st/share/m.share.js" charset="utf-8"></script> <script> new Ya.share({ element: 'yandex_share', // id блока в котором выводятся кнопки elementStyle: { 'type': 'none', // Кнопки сервисов 'quickServices': ['yaru', 'vkontakte', 'facebook', 'twitter', 'odnoklassniki', 'moimir', 'lj', 'gplus'] }, link: '{CURRENT_URL}', // ссылка на страницу title: '{PAGE_TITLE}', // заголовок страницы description: '{GOODS_DESCRIPTION}', // короткое описание страницы image: '{GOODS_IMAGE_LARGE}', // адрес изображения serviceSpecific: { twitter: { title: '@{NET_DOMAIN} {GOODS_NAME}', // вывод сообщения в твитере. Формат: @адрес страницы название сайта } } }); </script> <!-- END Подключение скрипта от Yandex.Share, кнопки поделиться -->3.В шаблоне HTML найдите:
<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>замените на:
<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 %}{% IF menu.header.links.NAME=Акции %}style="color:red;"{% ENDIF %}>{menu.header.links.NAME}</a></li>4.в main.css найдите:
#header .topmain .barright .search input[type="text"] { border-bottom: 1px solid #D9D9D9; color: #7E7E7E; float: left; height: 2em; width: 80.76%; }пропишите необходимые вам стили для строки поиска
5.в main.css найдите:
.goodstable .maingoodstable .text { background: url("http://design.sea-gifts.ru/goods-table-text.jpg") no-repeat scroll center bottom rgba(0, 0, 0, 0); color: #7F7F7F; display: block; line-height: 14px; overflow: hidden; padding: 0 1% 8% 0; }замените на:
.goodstable .maingoodstable .text { background: url("http://design.sea-gifts.ru/goods-table-text.jpg") no-repeat scroll center bottom rgba(0, 0, 0, 0); color: #7F7F7F; display: block; height: 60px; line-height: 14px; overflow: hidden; padding: 0 1% 8% 0; }6.в шаблоне Товары найдите:
{% IF CATEGORY_DESCRIPTION %} <div class="contenttext clr padd51"> <div class="title dinline fnt14 b fntarl padd51">{CATEGORY_NAME}</div> <div class="text txtalgnjsf fnt13 padd50 fntarl aunder"> <div class="htmlDataBlock"> {CATEGORY_DESCRIPTION} </div> <!-- Короткое SEO-описание --> {% IF CATEGORY_SEO_DESCRIPTION_SHORT %} <div class="htmlDataBlock"> {CATEGORY_SEO_DESCRIPTION_SHORT} </div> {% ENDIF %} <!-- END Короткое SEO-описание --> <!-- Полное SEO-описание --> {% IF CATEGORY_SEO_DESCRIPTION_LARGE %} <div class="htmlDataBlock"> {CATEGORY_SEO_DESCRIPTION_LARGE} </div> {% ENDIF %} <!-- END Полное SEO-описание --> </div> </div> {% ENDIF %}и поставьте после:
<div class="contenttext clr padd51"> <div class="title dinline fnt14 b fntarl padd51">{CATEGORY_NAME}</div> </div>
#11
Отправлено 29 Ноябрь 2013 - 14:45
#12
Отправлено 29 Ноябрь 2013 - 15:10
Znoy 09 (29 Ноябрь 2013 - 14:45) писал:
Все практически получилось, единственное никак не разберусь как скрыть текст под блоком товаров,
текст уходит вниз
Находим
.goodstable .maingoodstable .text { background: url("http://design.sea-gifts.ru/goods-table-text.jpg") no-repeat scroll center bottom rgba(0, 0, 0, 0); color: #7F7F7F; display: block; height: 60px; line-height: 14px; overflow: hidden; padding: 0 1% 8% 0; }
Заменяем на
.goodstable .maingoodstable .text { background: url("http://design.sea-gifts.ru/goods-table-text.jpg") no-repeat scroll center bottom rgba(0, 0, 0, 0); color: #7F7F7F; display: block; height: 110px; line-height: 14px; overflow: hidden; padding: 0 1% 8% 0; }
#14
Отправлено 17 Ноябрь 2015 - 01:10
#header .topmain .barright .search input[type="text"] { float: left; width: 80.76%; height: 2em; color: #7E7E7E; border-bottom: 1px solid #C2C2C2; }
замените на:
#header .topmain .barright .search input[type="text"] { float: left; width: 80.76%; height: 2em; color: #7E7E7E; border-bottom: 1px solid #C2C2C2; font-weight: bold; }
#15
Отправлено 17 Ноябрь 2015 - 09:41
Vaccina (17 Ноябрь 2015 - 01:10) писал:
#header .topmain .barright .search input[type="text"] { float: left; width: 80.76%; height: 2em; color: #7E7E7E; border-bottom: 1px solid #C2C2C2; }
замените на:
#header .topmain .barright .search input[type="text"] { float: left; width: 80.76%; height: 2em; color: #7E7E7E; border-bottom: 1px solid #C2C2C2; font-weight: bold; }
Спасибо, получилось как хотел.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных