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


Главная

Автор mike86spb, 31 окт. 2013 17:31

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 14

#1 mike86spb

mike86spb

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 31 Октябрь 2013 - 17:31

Добрый вечер.
Подскажите пожалуйста размеры логотипа?

#2 Taisia

Taisia

    Активный участник

  • Модератоpы
  • 1 289 сообщений

Отправлено 31 Октябрь 2013 - 18:53

Размер логотипа может быть любой на ваш вкус.
уточните для какой темы дизайна вы хотите добавить логотип ?

#3 mike86spb

mike86spb

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

Отправлено 31 Октябрь 2013 - 23:19

Тема "радость".

#4 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

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

Желательно чтобы логотип находился в пределах 280x90px по ширине и высоте соответственно.

#5 mike86spb

mike86spb

    Пользователь

  • Пользователи
  • PipPip
  • 34 сообщений

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

Спасибо.

#6 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 15 Апрель 2014 - 06:30

Здравствуйте! Скажите пожалуйста почему:

Просмотр сообщенияСake (01 Ноябрь 2013 - 01:19) писал:

Желательно чтобы логотип находился в пределах 280x90px по ширине и высоте соответственно.
1) как поменять размеры логотипа до примерно до 280px на 140px ?
2) сдвинуть строку поиска пониже
3) надпись "Связаться с нами " и номер телефона переместить в верхний правый угол (где сейчас у меня строка поиска), а на место этой надписи поставить измененный в размерах логотип
4) Надпись "Работаем с 9-19" перенести под надпись "Связаться с нами".

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

  • Перенос элементов шапки.jpg

#7 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 15 Апрель 2014 - 06:40

Просмотр сообщенияCybernetic (15 Апрель 2014 - 06:30) писал:

Здравствуйте! Скажите пожалуйста почему:

И как поменять размеры до примерно до 280px на 140px ?

Здравствуйте, данные размеры логотипа рекомендуют использовать чтобы не нарушалась структура сайте.

Поменять размеры логотипа можно в специализированных программах (Photoshop, Paint и т.д)

#8 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 15 Апрель 2014 - 08:43

Напишите пожалуйста:
1) Как сдвинуть строку поиска пониже
2) надпись "Связаться с нами " и номер телефона переместить в верхний правый угол (где сейчас у меня строка поиска), а на место этой надписи поставить измененный в размерах логотип
3) Надпись "Работаем с 9-19" перенести под надпись "Связаться с нами".

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

  • Перенос элементов шапки.jpg

#9 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 15 Апрель 2014 - 09:30

Просмотр сообщенияCybernetic (15 Апрель 2014 - 08:43) писал:

Напишите пожалуйста:
1) Как сдвинуть строку поиска пониже
2) надпись "Связаться с нами " и номер телефона переместить в верхний правый угол (где сейчас у меня строка поиска), а на место этой надписи поставить измененный в размерах логотип
3) Надпись "Работаем с 9-19" перенести под надпись "Связаться с нами".


Здравствуйте,

В шаблоне "HTML"
Находим:
<div class="topmain over">
		<div class="logotype fleft txtalgnlft over"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}header-logo35.png" 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>
				<a href="{CART_URL}" title="Ваша корзина"><img src="{ASSETS_IMAGES_PATH}korzina.png" alt="" />Ваша корзина</a>
				<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 clock"><span>Работаем {SETTINGS_STORE_WORK_TIME}</span></div>{% ENDIF %}
	</div>

Заменяем на:
<div id="header" class="clr">
  <div class="topmain fleft">
		<div class="logotype fleft txtalgnlft over"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}header-logo35.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>
	</div>
<div class="bottommain fright">
	 <div class="headleft fright 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>
				<a href="{CART_URL}" title="Ваша корзина"><img src="{ASSETS_IMAGES_PATH}korzina.png" alt="" />Ваша корзина</a>
				<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 fright txtalgncnt fnt14 fmlptn clock"><span>Работаем {SETTINGS_STORE_WORK_TIME}</span></div>{% ENDIF %}
		<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>


В файле "main.css".
Найти:
/*Header*/
#header .topmain { width: 100%; height: 45.5%; }
#header .topmain .barleft { width: 35%; height: 100%; }
#header .topmain .logotype { width: 30%; height: 100%; margin-left: 5%; margin-top: 2%;}
#header .topmain .barright { width: 33%; height: 100%; }
#header .topmain .barright .search { width: 100%; height: 50px; margin-top: 3%;}
#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]:focus {}
#header .topmain .barright .search input[type=image] { float:left; background:url({ASSETS_IMAGES_PATH}header-search.jpg) left top no-repeat; display:block; cursor:pointer; height: 2em; width: 7%; margin: 1% 0 0 3%;}
#header .topmain .barright .search input[type=image]:hover { background-position: right top;  background-repeat: no-repeat;}
#header .bottommain { height: 40%; width: 100%; }
#header .bottommain div { height: 100%; }
#header .bottommain .headleft { color:#767676; width: 33.3%; padding: 0.7% 0 0 0;  margin-left: 3%; overflow: visible;}
#header .bottommain .headright a, #header .bottommain .headleft a, #header .bottommain .headright ul li.title a span { color:#b480c8; text-decoration:none; }
#header .bottommain .headleft, #header .bottommain .headright ul li.title { text-transform:uppercase; }
#header .bottommain .headleft ul li.title , #header .bottommain .headright ul li.title { display:block; background:url({ASSETS_IMAGES_PATH}header-shadow.jpg) bottom center no-repeat; padding-bottom: 1%; margin-bottom: 0.2%; }
#header .bottommain .headleft ul li.title a, #header .bottommain .headright ul li.title a { background:url({ASSETS_IMAGES_PATH}range-black.png) 0 8px  no-repeat; }
#header .bottommain .headleft ul li.title a:hover, #header .bottommain .headright ul li.title a:hover { background:url({ASSETS_IMAGES_PATH}range-purple.png) 0 8px  no-repeat; }
#header .bottommain .headleft ul li.title span, #header .bottommain .headright ul li.title span { color:#767676; font-weight:bold;  padding-left:10px; }
#header .bottommain .headleft ul li.title a { color:#767676; }
#header .bottommain .headleft ul li em { color:#767676; font-weight:bold; margin-right:7px; }
#header .bottommain .headleft ul li, #header .bottommain .headright ul li { padding-bottom: 0.3%;  }
#header .bottommain .headleft span, #header .bottommain .headright span, #header .bottommain .headleft a  { color:#8eac07; }
#header .bottommain .headleft span.telColor {
  color: #767676;
}
.headerIcq img {
  margin: 0px 4px 3px 0px;
}
#header .bottommain .headcent { width: 25%;  height:20px; margin-top: 6.5%; padding: 0 1.5%; color:#767676; font-weight: bold; font-size: 19px; }
#header .bottommain .headright { width: 29.3%; padding: 0.7% 0 0 0; margin-right: 3%; }
#header .bottommain .headright ul li { color:#767676; }
#header .bottommain .headright ul li.opencart a { text-decoration:underline; }
#header .bottommain .headright ul li.opencart a:hover { text-decoration:none; }

Заменить:
/*Header*/
#header .topmain { width: 300px; height: 100px; }
#header .topmain .barleft { width: 35%; height: 100%; }
#header .topmain .logotype { width: 100%; height: 100%; margin-left: 5%; margin-top: 2%;}
#header .bottommain .barright { width: 250px; height: 36px; margin-top: 16.4%; }
#header .bottommain .barright .search { width: 250px; height: 36px; margin-top: 3%;}
#header .bottommain .barright .search input[type=text] { float:left; width: 80.76%; height: 2em; color:#7e7e7e; border-bottom: 1px solid #C2C2C2;}
#header .bottommain .barright .search input[type=text]:focus {}
#header .bottommain .barright .search input[type=image] { float:left; background:url({ASSETS_IMAGES_PATH}header-search.jpg) left top no-repeat; display:block; cursor:pointer; height: 2em; width: 7%; margin: 1% 0 0 3%;}
#header .bottommain .barright .search input[type=image]:hover { background-position: right top;  background-repeat: no-repeat;}
#header .bottommain { height: 100px; width: 350px; }
#header .bottommain div { height: 100%; }
#header .bottommain .headleft { color:#767676; width: 250px; padding: 0.7% 0 0 0;  margin-left: 3%; overflow: visible;position:absolute;}
#header .bottommain .headright a, #header .bottommain .headleft a, #header .bottommain .headright ul li.title a span { color:#b480c8; text-decoration:none; }
#header .bottommain .headleft, #header .bottommain .headright ul li.title { text-transform:uppercase; }
#header .bottommain .headleft ul li.title , #header .bottommain .headright ul li.title { display:block; background:url({ASSETS_IMAGES_PATH}header-shadow.jpg) bottom center no-repeat; padding-bottom: 1%; margin-bottom: 0.2%; }
#header .bottommain .headleft ul li.title a, #header .bottommain .headright ul li.title a { background:url({ASSETS_IMAGES_PATH}range-black.png) 0 8px  no-repeat; }
#header .bottommain .headleft ul li.title a:hover, #header .bottommain .headright ul li.title a:hover { background:url({ASSETS_IMAGES_PATH}range-purple.png) 0 8px  no-repeat; }
#header .bottommain .headleft ul li.title span, #header .bottommain .headright ul li.title span { color:#767676; font-weight:bold;  padding-left:10px; }
#header .bottommain .headleft ul li.title a { color:#767676; }
#header .bottommain .headleft ul li em { color:#767676; font-weight:bold; margin-right:7px; }
#header .bottommain .headleft ul li, #header .bottommain .headright ul li { padding-bottom: 0.3%;  }
#header .bottommain .headleft span, #header .bottommain .headright span, #header .bottommain .headleft a  { color:#8eac07; }
#header .bottommain .headleft span.telColor {
  color: #767676;
}
.headerIcq img {
  margin: 0px 4px 3px 0px;
}
#header .bottommain .headcent { width: 220px;  height:20px; margin-top: 6.5%; padding: 0 1.5%; color:#767676; font-weight: bold; font-size: 19px;position:absolute; }
#header .bottommain .headright { width: 250px; padding: 9% 0 0 0; }
#header .bottommain .headright ul li { color:#767676; }
#header .bottommain .headright ul li.opencart a { text-decoration:underline; }
#header .bottommain .headright ul li.opencart a:hover { text-decoration:none; }

#10 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 16 Апрель 2014 - 05:55

Castiel, я внес Ваши изменения в код, но, к сожалению все сбилось в кучу. Все-равно спасибо за старания.

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

  • Для сайта1.png

#11 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 16 Апрель 2014 - 06:02

Сейчас остановился на таком расположении, только скажите, пожалуйста как сдвинуль логотип пониже и изменить цвет надписи "Ваша корзина"  и цвет надписи телефонного номера?

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

  • Для сайта2.png

#12 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 16 Апрель 2014 - 07:12

Просмотр сообщенияCybernetic (16 Апрель 2014 - 06:02) писал:

Сейчас остановился на таком расположении, только скажите, пожалуйста как сдвинуль логотип пониже и изменить цвет надписи "Ваша корзина"  и цвет надписи телефонного номера?

Здравствуйте,
Цвета для "Ваша корзина"

В файле "main.css".
Найти:
#header .bottommain .headright a, #header .bottommain .headleft a, #header .bottommain .headright ul li.title a span {
color: #b480c8;
text-decoration: none;
}

color: #b480c8;  цвет заменить на свой

Цвет телефона
#header .bottommain .headleft ul .phone .phoneNum a {
color: #8eac07;
font-size: 25px;
white-space: nowrap;
}

color: #8eac07;  цвет заменить на свой

Без полного переверстывания (переделывания) шапки подвинуть элементы нельзя, так как нарушиться адаптивная часть сайта.

Возможно вам подойдет другая тема из уже готовых, в которой расположение элементов шапки меняется намного проще, например "Весна" (фон вашего сайта можно будет перенести на новый дизайн, только сделайте перед этим бэкап шаблона).

#13 Cybernetic

Cybernetic

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 014 сообщений

Отправлено 16 Апрель 2014 - 08:24

Просмотр сообщенияCastiel (16 Апрель 2014 - 07:12) писал:

Здравствуйте,
Цвета для "Ваша корзина"

В файле "main.css".
Найти:
#header .bottommain .headright a, #header .bottommain .headleft a, #header .bottommain .headright ul li.title a span {
color: #b480c8;
text-decoration: none;
}

color: #b480c8;  цвет заменить на свой

Цвет телефона
#header .bottommain .headleft ul .phone .phoneNum a {
color: #8eac07;
font-size: 25px;
white-space: nowrap;
}

color: #8eac07;  цвет заменить на свой

Без полного переверстывания (переделывания) шапки подвинуть элементы нельзя, так как нарушиться адаптивная часть сайта.

Возможно вам подойдет другая тема из уже готовых, в которой расположение элементов шапки меняется намного проще, например "Весна" (фон вашего сайта можно будет перенести на новый дизайн, только сделайте перед этим бэкап шаблона).
Работает! Спасибо за оперативный ответ и отдельная благодарность за совет по смене темы оформления!

#14 Новичок Ю

Новичок Ю

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 326 сообщений

Отправлено 13 Август 2015 - 14:06

Здравствуйте. Откуда-то появился лишний "хвост" в дизайне подвала. Помогите, пожалуйста, убрать.Screenshot_4.jpg

#15 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 13 Август 2015 - 14:23

Просмотр сообщенияНовичок Ю (13 Август 2015 - 14:06) писал:

Здравствуйте. Откуда-то появился лишний "хвост" в дизайне подвала. Помогите, пожалуйста, убрать.Прикрепленный файл Screenshot_4.jpg
Здравствуйте.
В main.css найдите код 
#footer .copyring { background:url({ASSETS_IMAGES_PATH}footer-border-bg.jpg) left top no-repeat; height:44px; width:535px; color:#fff; padding:3px 0 24px 35px; line-height:14px; }
и замените на 
#footer .copyring { background:url({ASSETS_IMAGES_PATH}footer-border-bg.jpg) left top no-repeat; height:52px; width:535px; color:#fff; padding:3px 0 24px 35px; line-height:14px; }

Обратно в Изменение общей стилистики


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Радость
  5. → Изменение общей стилистики
  6. Privacy Policy