Перейти к содержимому

  2. → Просмотр профиля: "Лайки": Znoy 09

Znoy 09

Регистрация: 28 окт. 2013
Offline Активность: 18 авг. 2016 14:58
-----

#106309 Как Поменять Шрифт И Изменить Строку Поиска

Отправлено Znoy 09 на 26 Ноябрь 2013 - 12:38

Добрый день!
Аккаунт SL-239637
Подскажите пожалуйста:
1)как сделать надписи одного цвета и размера (шрифт отличается)
2)Убрать кнопку поделиться с сайта
3)Выделить слово Акция красным цветом и увеличить размер и шрифт
4)Возможно ли как то выделить строку поиска или изменить ее так, чтоб были видны границы
5)Как выровнять товары как на главной странице так и в категориях, а то все пляшет.
6)Перенести текст описания категорий наверх страницы, чтоб после текста описания шли товарные позиции.

Возможно где то уже эти вопросы затрагивали, заранее прошу прощения!
Признателен Вам за Вашу помощь и дружелюбность.
Спасибо!!

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

  • 1.jpg
  • 2.jpg



#99727 Как Поменять Шрифт И Изменить Строку Поиска

Отправлено ne_yana на 01 Ноябрь 2013 - 14:57

Просмотр сообщенияZnoy 09 (01 Ноябрь 2013 - 14:34) писал:

Спасибо Вам за помощь.
Аккаунт SL-239637
В файле main.css замените
#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;
}



#99714 Как Поменять Шрифт И Изменить Строку Поиска

Отправлено Znoy 09 на 01 Ноябрь 2013 - 14:34

Спасибо Вам за помощь.
Аккаунт SL-239637


#99713 Как Поменять Шрифт И Изменить Строку Поиска

Отправлено ne_yana на 01 Ноябрь 2013 - 14:32

Просмотр сообщенияZnoy 09 (01 Ноябрь 2013 - 14:29) писал:

Доброго Вам дня.
Очень помогли Ваши ответы, спасибо Вам огромное за это.
Подскажите еще пожалуйста по вопросу:
Поменял полностью фон, но вот после этого возникли следующие проблемы
1)Возможно ли убрать белые полосы по краям шапки и как это сделать?
2)Выровнить строку поиска и кнопку
3)Увеличить размер и шрифт графика работы.
Заранее глубоко Вам признателен.
Здравствуйте, чтобы увеличить размер шрифта графика работы в файле main.css замените
#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;
}

Укажите, пожалуйста, номер Вашего аккаунта, чтобы мы смогли Вам помочь с остальными вопросами.


#99712 Как Поменять Шрифт И Изменить Строку Поиска

Отправлено Znoy 09 на 01 Ноябрь 2013 - 14:29

Доброго Вам дня.
Очень помогли Ваши ответы, спасибо Вам огромное за это.
Подскажите еще пожалуйста по вопросу:
Поменял полностью фон, но вот после этого возникли следующие проблемы
1)Возможно ли убрать белые полосы по краям шапки и как это сделать?
2)Выровнить строку поиска и кнопку
3)Увеличить размер и шрифт графика работы.
Заранее глубоко Вам признателен.

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

  • Store1.jpg



#98823 Как Поменять Шрифт И Изменить Строку Поиска

Отправлено ne_yana на 28 Октябрь 2013 - 19:46

Просмотр сообщенияZnoy 09 (28 Октябрь 2013 - 18:51) писал:

Спасибо Вам огромное,все получилось!
А подскажите еще пожалуйста как поменять полностью фон на свой в данном шаблоне?
Заранее благодарю Вас за  помощь
В разделе Сайт - Редактор шаблонов - HTML замените
<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:&nbsp;</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">&nbsp;|&nbsp;</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">&nbsp;|&nbsp;</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:&nbsp;</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">&nbsp;|&nbsp;</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">&nbsp;|&nbsp;</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;
}
,
предварительно закачав фон на сайт.


#98779 Как Поменять Шрифт И Изменить Строку Поиска

Отправлено ne_yana на 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. Уточните, пожалуйста, каким образом Вы хотите выделить строку?


  1. Форум владельцев интернет-магазинов
  2. → Просмотр профиля: "Лайки": Znoy 09
  3. Privacy Policy