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

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

Stas_Y

Регистрация: 13 апр. 2015
Offline Активность: 29 окт. 2015 06:32
-----

#208540 Своя Шапка

Отправлено Santos на 30 Август 2015 - 19:27

Здравствуйте! Аккаунт SL-355835
Подскажите, как изготовить вот такую шапку (см.фото) в лазуре.
Спс...жду инструкций.

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

  • лргпнапвр.png



#206491 Правки В Шапке Сайта. Прошу Помощи.

Отправлено Danil на 05 Август 2015 - 16:17

Просмотр сообщенияNicolas (05 Август 2015 - 15:55) писал:

Спасибо! Получилось! Только 1 момент не подсказали:
0). У меня пропало "сравнение" а должно было переместиться м/у концом каталога и "Вы смотрели" (см. скриншот):
Прикрепленный файл сравнение товаров 05082015.jpg

И еще ряд вопросов по схожей теме:
1). Как менять цвет фона шапки?
2). Как менять цвет кнопок, подчеркиваний и т.д. (см. 2-ой скриншот) и убрать "-кол-во+" с главной (с остальных (т.е. с товаров в каталоге уже убирали это)
Прикрепленный файл шапка на переделку 05082015.jpg
3). Как сделать баннер кликабельным?


Спасибо! Очень жду!
0) В main.css найдите код 
#compareInfo {
	color: #999;
	float: right;
	margin: 10px 0 0 15px;
	font-size: 11px;
	display: block;
	height: 30px;
	position: relative;
	clear: both;
}
и замените на 
#compareInfo {
	color: #999;
	margin: 10px 0 0 15px;
	font-size: 11px;
	display: block;
	height: 30px;
	position: relative;
	clear: both;
}
1-2)
В main.css нажмите ctrl+f5(2 раза).
У Вас появится 2 строки в первую введите  #ff0551, а во вторую тот цвет, на который Вы хотите изменить весь сайт(если я Вас правильно понял, Вы хотите поменять красный цвет сайта, на другой).
После, нажимайте "ReplaceAll", до тех пор, пока не заменятся все значения в коде.
3) В шаблоне html найдите код 

 <!-- Главная страница -->
		{% IF index_page %}
		  <div id="module_area"> 
			<div id="flexslideshow" class="flexslider">
			  <ul class="slides">
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}shkatulki2905.jpg) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}shkatulki2905.jpg" alt="Slider 1" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}kamin2905.jpg) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}kamin2905.jpg" alt="Slide 2" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}br22.jpg) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}brialdi2905.jpg" alt="Slide 3" class="slide_img">
				</li>
			  </ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->
и замените на 

 <!-- Главная страница -->
		{% IF index_page %}
		  <div id="module_area"> 
			<div id="flexslideshow" class="flexslider">
			  <ul class="slides">
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}shkatulki2905.jpg) no-repeat;"></div>
				  <a href="Ссылка на страницу"><img src="{ASSETS_IMAGES_PATH}shkatulki2905.jpg" alt="Slider 1" class="slide_img"></a>
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}kamin2905.jpg) no-repeat;"></div>
				   <a href="Ссылка на страницу"><img src="{ASSETS_IMAGES_PATH}kamin2905.jpg" alt="Slide 2" class="slide_img"></a>
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}br22.jpg) no-repeat;"></div>
				   <a href="Ссылка на страницу"><img src="{ASSETS_IMAGES_PATH}brialdi2905.jpg" alt="Slide 3" class="slide_img"></a>
				</li>
			  </ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->



#203964 Проблемы С Шапкой

Отправлено RayLi на 05 Июль 2015 - 19:35

Просмотр сообщенияYustus (05 Июль 2015 - 19:06) писал:

Помогите сделать некоторые изменения

Изображение

Здравствуйте.
Попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите следующие коды:

Первый код:

#header #logo {
  float: left;
  clear: both;
  margin: 12px 12px 12px 0;
}

И замените его вот этим вот кодом:

#header #logo {
  float: left;
  clear: both;
  margin: 12px 12px 12px 0;
  display: none;
}


Второй код:

#header #support {
  position: relative;
  float: right;
  top: 0px;
  margin-right: 15px;
  z-index: 30;
  width: 200px;
}

И замените его вот этим вот кодом:

#header #support {
  position: relative;
  float: right;
  top: 0px;
  margin-right: 30%;
  z-index: 30;
  width: 200px;
}


Третий код:

#header #search {
  position: relative;
  float: right;
  top: 17px;
  right: 0px;
  margin-bottom: 9px;
  width: 225px;
  z-index: 15;
}

И замените его вот этим вот кодом:

#header #search {
  position: relative;
  float: right;
  top: 17px;
  right: 30%;
  margin-bottom: 9px;
  width: 225px;
  z-index: 15;
}



#132327 Новости На Главной

Отправлено xotena на 08 Апрель 2014 - 14:58

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

Хочу разместить новости на главной странице сайта в 2 колонки, как показано во вложенном файле.
Пробовала это сделать с помощью инструкций в темах Пластик и Сияние, но новости не отображались.
Помогите с проблемой

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

  • Безымянный.png



#203067 Разместить Логотип В Шапку Сайта

Отправлено Cupuyc на 24 Июнь 2015 - 20:29

Просмотр сообщенияLevchik (24 Июнь 2015 - 20:24) писал:

Вроде где-то было, но не нашел ((

Подскажите, как в шапке сайта вместо названия магазина разместить изображение?


Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
		 <div id="welcome"><a href="http://{NET_DOMAIN}/">интернет-магазин ЗООТЕКА</a></div>

Замените его на:
		 <div id="welcome"><img src="http://adress_ssylki">интернет-магазин ЗООТЕКА</div>



#204341 Помогите Сделать Шапку Как На Изображении.

Отправлено Vaccina на 09 Июль 2015 - 02:57

Просмотр сообщенияYustus (07 Июль 2015 - 07:18) писал:

Цвет суммы покупок. Если 0 рублей, то цифра 0 отображается белым, я если что-то в корзине есть. т отображается черным (как в случае на картинки).
Мне нужно чтоб цифры всегда отображались белым.

В main.css найдите:
#header #cart .heading a {
  color: #ffffff;
  text-decoration: none;
}

замените на:
#header #cart .heading a, #header #cart .heading a .num {
  color: #ffffff;
  text-decoration: none;
}

Просмотр сообщенияYustus (07 Июль 2015 - 08:39) писал:

И еще одна проблемка возникла.
Когда что-то добавляешь в корзину, она прыгает немного вниз (После обновления страницы, все становится норм) Помогите исправить.

В main.css найдите:
#header #cart .heading {
  float: right;
  margin-top: 15px;
  padding-left: 14px;
  padding-right: 46px;
  position: relative;
  z-index: 1;
}

замените на:
#header #cart > .heading {
  float: right;
  margin-top: 15px;
  padding-left: 14px;
  padding-right: 46px;
  position: relative;
  z-index: 1;
}



#205454 Как Убрать Выезжающий Виджет "вконтакте"

Отправлено RayLi на 21 Июль 2015 - 19:17

Просмотр сообщенияStas_Y (21 Июль 2015 - 19:09) писал:

нет(

Тогда найдите в том же шаблоне, main.css , следующий код:

.community-widget {
  width: 260px;
  background: #FFF;
  padding: 0px;
  z-index: 998;
  border: 1px solid #cecece;
  border-right: none;
  position: fixed;
  right: 0px;
  top: 100px;
  -webkit-border-radius: 0 0 0 8px;
  -moz-border-radius: 0 0 0 8px;
  border-radius: 0 0 0 8px;
}

И замените его вот этим вот кодом:

.community-widget {
  width: 260px;
  background: #FFF;
  padding: 0px;
  z-index: 998;
  border: 1px solid #cecece;
  border-right: none;
  position: fixed;
  right: 0px;
  top: 100px;
  -webkit-border-radius: 0 0 0 8px;
  -moz-border-radius: 0 0 0 8px;
  border-radius: 0 0 0 8px;
  display: none;
}



#202943 Как Убрать Выезжающий Виджет "вконтакте"

Отправлено RayLi на 23 Июнь 2015 - 16:35

Просмотр сообщенияРишелье (23 Июнь 2015 - 16:33) писал:

Добрый день!
Справа всё время выезжает виджет "вконтакте", как убрать?
http://f105503.storeland.ru/

Здравствуйте.
Добавьте в шаблон main.css данный код:

div#community_widget_right {
  display: none;
}



#205357 Изменение Размера

Отправлено Danil на 20 Июль 2015 - 18:44

Просмотр сообщенияStas_Y (20 Июль 2015 - 18:29) писал:

Подскажите как уменьшить по высоте данную штуку
Фото прилагаю
Здравствуйте.
В main.css найдите код
.products-grid .item .item-inner .item-img .item-box-hover {
z-index: 2;
background-color: #3cabda;
background-color: rgba(62, 171, 218, 0.8);
position: absolute;
width: 100%;
height: 90px;
bottom: -90px;
left: 0px;
}
и замените на 
.products-grid .item .item-inner .item-img .item-box-hover {
z-index: 2;
background-color: #3cabda;
background-color: rgba(62, 171, 218, 0.8);
position: absolute;
width: 100%;
height: 59px;
bottom: -90px;
left: 0px;
}
Найдите
.products-grid .item .item-inner .item-img .item-box-hover .box-inner {
width: 183px;
height: 51px;
margin: 20px auto 0;
}
и замените на
.products-grid .item .item-inner .item-img .item-box-hover .box-inner {
width: 183px;
height: 51px;
margin: 5px auto 0;
}



#201385 Рамка Товара

Отправлено Firefly на 04 Июнь 2015 - 19:16

Просмотр сообщенияStas_Y (04 Июнь 2015 - 19:05) писал:

Добрый день! Скажите как убрать рамки и товара?!

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.prod_hold, .prod_hold_recent {*zoom: 1; display: inline-block;display: -moz-inline-stack;*display: inline;vertical-align: top;margin:0 7px 20px 8px;padding:5px;background-color:#ffffff;position:relative;text-align:center;border:1px solid #f5f5f5;z-index: 100;}

Замените на:
.prod_hold, .prod_hold_recent {*zoom: 1; display: inline-block;display: -moz-inline-stack;*display: inline;vertical-align: top;margin:0 7px 20px 8px;padding:5px;background-color:#ffffff;position:relative;text-align:center;/* border:1px solid #f5f5f5; */z-index: 100;}



#202956 Как Поменять Цветовую Гамму Страницы

Отправлено RayLi на 23 Июнь 2015 - 17:35

Просмотр сообщенияРишелье (23 Июнь 2015 - 17:18) писал:

Добрый день!
Форум почитала, но в строчках кода запуталась.
Подскажите,синий фон страницы, фон на слайдере и фон под верхнем меню меняются в разных местах?
Можно ли фон на слайдере просто изменить вставкой слайда во весь его размер?
Подскажите, в каких строках main.css делать изменения?

http://f105503.storeland.ru/

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

В шаблоне main.css найдите код:

#wrapper {
  position: relative;
}

И замените его, например, вот этим вот кодом:

#wrapper {
  position: relative;
  background-color: #300000;
}


Далее там же найдите вот этот код:

#menu .inner {
  width: 100%;
  background: #3cabda url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg") no-repeat center top;
}

И замените его, например, этим кодом:

#menu .inner {
  width: 100%;
  background: #300000;
}



#204188 Убрать Слайд

Отправлено a.korkishko на 07 Июль 2015 - 19:13

Как на время отключить слайдер со всех страниц?


#197463 Вопрос По Футеру

Отправлено Ирина345 на 01 Май 2015 - 09:31

Просмотр сообщенияStas_Y (01 Май 2015 - 09:15) писал:

Серая полоска осталась и не приподнят подвал
Здравствуйте, найдите в файле ain.css
#footer .inner {
  padding: 20px;
  border-bottom: 1px solid #e1e1e1;
  color: #666666;
  background: none !important;
}
замените на
#footer .inner {
  padding: 0px 20px 0px 20px;
  border-bottom: 1px solid #e1e1e1;
  color: #666666;
  background: none !important;
}



#197462 Помогите Установить Меню

Отправлено Ирина345 на 01 Май 2015 - 09:29

Просмотр сообщенияStas_Y (01 Май 2015 - 08:03) писал:

Хотелось бы поставить данное меню http://pcvector.net/...rygivaniya.html , и постами выше вроде пишут как сделать,но тоже не могу найти строки кода
Здравствуйте, для того что бы изменить меню шаблона на ваше, найдите в шаблоне HTML
 <ul id="main_nav">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					   <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
					{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul>
замените на

  <nav class="ph-lift">
			  <ul id="main_nav">
				{% FOR menu %}
				  {% FOR header %}
					{% FOR links %}
					   <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %} class="active"{%ENDIF%} data-title="{menu.header.links.NAME}"{% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
					{% ENDFOR %}
				  {% ENDFOR %}
				{% ENDFOR %}
			  </ul> </nav>

далее добавьте в конец main.css

nav.ph-lift ul 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; }
	nav.ph-lift ul li:hover {
	  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3) inset;
	  background: teal; }
	   nav.ph-lift ul 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; }
	nav.ph-lift ul li:hover a {
	  margin-top: -90px;
	  color: white;
	  text-shadow: 0 1px 2px  black; }
	  nav.ph-lift ul li a:after {
		content: attr(data-title);
		display: block; }



#197457 Вопрос По Футеру

Отправлено Vaccina на 01 Май 2015 - 07:03

В main.css найдите:
#footer .inner_top {
  background: #ffffff !important;
  border-bottom: 4px solid #e1e1e1;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
  overflow: auto;
  padding-top: 15px;
  position: relative;
}

в нем измените значение стиля background




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