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


Более 3-Х Картинок В Главном Меню

Автор Yustus, 04 сент. 2014 13:36

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

#41 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 26 Октябрь 2014 - 12:08

Просмотр сообщенияJerr_ru (26 Октябрь 2014 - 11:56) писал:

все сделал как вы написали но кнопка осталась круглой и расположена не там( время работы у меня расположено вместо номера icq.Прикрепленный файл 1.jpg
Поменяйте код в шаблоне main.css с этого:
#header #support .sup_phone {
display: block;
width: 36px;
height: 36px;
background-color: #333333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
-ms-border-radius: 50%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
background: url('http://trendbags.storeland.net/phone_circle.png') center center no-repeat;
background-color: #333333;
position: absolute;
top: 0px;
right: 0;
margin-top: 75px;
margin-right: 160px;
}
На этот:
#header #support .sup_phone {
display: block;
width: 36px;
height: 36px;
background-color: #333333;
/* -webkit-border-radius: 50%; */
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
/* border-radius: 50%; */
-ms-border-radius: 50%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
background: url('http://trendbags.storeland.net/phone_circle.png') center center no-repeat;
background-color: #333333;
position: absolute;
top: 0px;
right: 0;
margin-top: 115px;
margin-right: 160px;
}

#42 Jerr_ru

Jerr_ru

    Продвинутый пользователь

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

Отправлено 28 Октябрь 2014 - 09:22

Просмотр сообщенияRayLi (26 Октябрь 2014 - 12:08) писал:

Поменяйте код в шаблоне main.css с этого:
#header #support .sup_phone {
display: block;
width: 36px;
height: 36px;
background-color: #333333;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
-ms-border-radius: 50%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
background: url('http://trendbags.storeland.net/phone_circle.png') center center no-repeat;
background-color: #333333;
position: absolute;
top: 0px;
right: 0;
margin-top: 75px;
margin-right: 160px;
}
На этот:
#header #support .sup_phone {
display: block;
width: 36px;
height: 36px;
background-color: #333333;
/* -webkit-border-radius: 50%; */
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
/* border-radius: 50%; */
-ms-border-radius: 50%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
background: url('http://trendbags.storeland.net/phone_circle.png') center center no-repeat;
background-color: #333333;
position: absolute;
top: 0px;
right: 0;
margin-top: 115px;
margin-right: 160px;
}


Здравствуйте) подскажите как поменять цвет фона шапки и выровнять описание товара (условия доставки сделать чуть уже) и под описанием сделать сделать черту а уже под чертой чтобы находилось 'с этим товаром смотрят2.jpg '

#43 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 28 Октябрь 2014 - 09:30

Просмотр сообщенияJerr_ru (28 Октябрь 2014 - 09:22) писал:

Здравствуйте) подскажите как поменять цвет фона шапки и выровнять описание товара (условия доставки сделать чуть уже) и под описанием сделать сделать черту а уже под чертой чтобы находилось 'с этим товаром смотрятПрикрепленный файл 2.jpg'

Цвет фона шапки меняется в шаблоне main.css в коде:
#header_colapse {
position: relative;
background-color: #ff0551;
color: #ffffff;
z-index: 1000;
}

Параметр: background-color

Далее там же находим:
.product-info > .left + .right {
margin-left: 320px;
}

и меняем на:
.product-info > .left + .right {
margin-left: 400px;
}

Находим:
.product-info > .left {
float: left;
width: 282px;
}

и меняем на:

.product-info > .left {
float: left;
width: 340px;
}

#44 Jerr_ru

Jerr_ru

    Продвинутый пользователь

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

Отправлено 28 Октябрь 2014 - 20:58

Новый точечный рисунок.jpg

Просмотр сообщенияMikDark (28 Октябрь 2014 - 09:30) писал:

Цвет фона шапки меняется в шаблоне main.css в коде:
#header_colapse {
position: relative;
background-color: #ff0551;
color: #ffffff;
z-index: 1000;
}

Параметр: background-color

Далее там же находим:
.product-info > .left + .right {
margin-left: 320px;
}

и меняем на:
.product-info > .left + .right {
margin-left: 400px;
}

Находим:
.product-info > .left {
float: left;
width: 282px;
}

и меняем на:

.product-info > .left {
float: left;
width: 340px;
}

Как сделать чтобы кнопка заказа обратного звонка перестала крутиться?) и как поменять цвет номеров телефона в шапке? и как вставить картинки туда где отмечено красным?

#45 Jerr_ru

Jerr_ru

    Продвинутый пользователь

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

Отправлено 28 Октябрь 2014 - 21:03

Просмотр сообщенияMikDark (28 Октябрь 2014 - 09:30) писал:

Цвет фона шапки меняется в шаблоне main.css в коде:
#header_colapse {
position: relative;
background-color: #ff0551;
color: #ffffff;
z-index: 1000;
}

Параметр: background-color

Далее там же находим:
.product-info > .left + .right {
margin-left: 320px;
}

и меняем на:
.product-info > .left + .right {
margin-left: 400px;
}

Находим:
.product-info > .left {
float: left;
width: 282px;
}

и меняем на:

.product-info > .left {
float: left;
width: 340px;
}

и кнопку заказа обратного звонка поместить под поиск и чуть увеличить её размер

#46 Alekseys

Alekseys

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

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

Отправлено 28 Октябрь 2014 - 21:14

Просмотр сообщенияJerr_ru (28 Октябрь 2014 - 21:03) писал:

и кнопку заказа обратного звонка поместить под поиск и чуть увеличить её размер
Здравствуйте. В HTML замените
<span class="sup_phone"></span>
на
<span class="sub_phone"></span>
и в main.css замените
#header #support .sup_phone {
display: block;
width: 112px;
height: 35px;
background-color: #333333;
/* -webkit-border-radius: 50%; */
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
/* border-radius: 50%; */
-ms-border-radius: 50%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
background: url('http://trendbags.storeland.net/phone_circle.png') center center no-repeat;
background-color: #333333;
position: absolute;
top: 0px;
right: -123px;
margin-top: 45px;
}
на
#header #support .sub_phone {
display: block;
width: 112px;
height: 35px;
background-color: #333333;
/* -webkit-border-radius: 50%; */
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
/* border-radius: 50%; */
-ms-border-radius: 50%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
background: url('http://trendbags.storeland.net/phone_circle.png') center center no-repeat;
background-color: #333333;
position: absolute;
top: 0px;
right: 0;
margin-top: 115px;
margin-right: 85px;
}
затем
#header #support a, #header #support a:hover {
color: #fff;
text-decoration: none;
}
замените на
#header #support a, #header #support a:hover {
color: black;
text-decoration: none;
}

#47 Jerr_ru

Jerr_ru

    Продвинутый пользователь

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

Отправлено 28 Октябрь 2014 - 23:11

Просмотр сообщенияAlekseys (28 Октябрь 2014 - 21:14) писал:

Здравствуйте. В HTML замените
<span class="sup_phone"></span>
на
<span class="sub_phone"></span>
и в main.css замените
#header #support .sup_phone {
display: block;
width: 112px;
height: 35px;
background-color: #333333;
/* -webkit-border-radius: 50%; */
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
/* border-radius: 50%; */
-ms-border-radius: 50%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
background: url('http://trendbags.storeland.net/phone_circle.png') center center no-repeat;
background-color: #333333;
position: absolute;
top: 0px;
right: -123px;
margin-top: 45px;
}
на
#header #support .sub_phone {
display: block;
width: 112px;
height: 35px;
background-color: #333333;
/* -webkit-border-radius: 50%; */
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
/* border-radius: 50%; */
-ms-border-radius: 50%;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
background: url('http://trendbags.storeland.net/phone_circle.png') center center no-repeat;
background-color: #333333;
position: absolute;
top: 0px;
right: 0;
margin-top: 115px;
margin-right: 85px;
}
затем
#header #support a, #header #support a:hover {
color: #fff;
text-decoration: none;
}
замените на
#header #support a, #header #support a:hover {
color: black;
text-decoration: none;
}

спасибо) а как добавить картинки вот сюда?Новый точечный рисунок.jpg и каким размером по длинне ее делать в пикселях чтобы она была практически от края до края?

#48 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 29 Октябрь 2014 - 04:55

Если вы имеете ввиду под слайдером, то в шаблоне HTML перед:
<div class="inner">
	 <div id="column-left">
вставьте:
<div>
<img src="ссылка на картинку" alt="" />
</div>

Если в описание страницы, то в разделе Сайт - Страницы - Редактировать главную страницу и в визуальном редакторе разместите ее

#49 Jerr_ru

Jerr_ru

    Продвинутый пользователь

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

Отправлено 03 Ноябрь 2014 - 09:04

Просмотр сообщенияVaccina (29 Октябрь 2014 - 04:55) писал:

Если вы имеете ввиду под слайдером, то в шаблоне HTML перед:
<div class="inner">
	 <div id="column-left">
вставьте:
<div>
<img src="ссылка на картинку" alt="" />
</div>

Если в описание страницы, то в разделе Сайт - Страницы - Редактировать главную страницу и в визуальном редакторе разместите ее

Здравствуйте) Подскажите пожалуйста как поместить кнопку заказа обратного звонка прям под строчку поиска в шапке? и еще нужно изменить размер этой кнопки а то рисунок не влезаетНовый точечный рисунок.jpg

#50 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 03 Ноябрь 2014 - 09:38

Просмотр сообщенияJerr_ru (03 Ноябрь 2014 - 09:04) писал:

Здравствуйте) Подскажите пожалуйста как поместить кнопку заказа обратного звонка прям под строчку поиска в шапке? и еще нужно изменить размер этой кнопки а то рисунок не влезаетПрикрепленный файл Новый точечный рисунок.jpg

Здравствуйте. Изменения произвели.

#51 Jerr_ru

Jerr_ru

    Продвинутый пользователь

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

Отправлено 03 Ноябрь 2014 - 11:30

Просмотр сообщенияMikDark (03 Ноябрь 2014 - 09:38) писал:

Здравствуйте. Изменения произвели.

Спасибо) Подскажите пожалуйста как вот эти картинки расположить в ряд и сделать каждую картинку ссылкой?Новый точечный рисунок.jpg

#52 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 03 Ноябрь 2014 - 12:00

Просмотр сообщенияJerr_ru (03 Ноябрь 2014 - 11:30) писал:

Спасибо) Подскажите пожалуйста как вот эти картинки расположить в ряд и сделать каждую картинку ссылкой?Прикрепленный файл Новый точечный рисунок.jpg

Часть изменения произвели, Вам осталось в шаблоне HTML найти код:
<div>
<img src="http://trendbags.storeland.net/1.jpg?2460" alt="" />
</div>
		  <div>
<img src="http://trendbags.storeland.net/2.jpg?2473" alt="" />
</div>
		  <div>
<img src="http://trendbags.storeland.net/3.jpg?2479" alt="" />
</div>

и заменить на:
<div>
<a href="адрес ссылки"><img src="http://trendbags.storeland.net/1.jpg?2460" alt="" /></a>
</div>
		  <div>
<a href="адрес ссылки"><img src="http://trendbags.storeland.net/2.jpg?2473" alt="" /></a>
</div>
		  <div>
<a href="адрес ссылки"><img src="http://trendbags.storeland.net/3.jpg?2479" alt="" /></a>
</div>

где "адрес ссылки" меняем на нужную ссылку.

#53 Jerr_ru

Jerr_ru

    Продвинутый пользователь

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

Отправлено 03 Ноябрь 2014 - 13:09

Просмотр сообщенияMikDark (03 Ноябрь 2014 - 12:00) писал:

Часть изменения произвели, Вам осталось в шаблоне HTML найти код:
<div>
<img src="http://trendbags.storeland.net/1.jpg?2460" alt="" />
</div>
		 <div>
<img src="http://trendbags.storeland.net/2.jpg?2473" alt="" />
</div>
		 <div>
<img src="http://trendbags.storeland.net/3.jpg?2479" alt="" />
</div>

и заменить на:
<div>
<a href="адрес ссылки"><img src="http://trendbags.storeland.net/1.jpg?2460" alt="" /></a>
</div>
		 <div>
<a href="адрес ссылки"><img src="http://trendbags.storeland.net/2.jpg?2473" alt="" /></a>
</div>
		 <div>
<a href="адрес ссылки"><img src="http://trendbags.storeland.net/3.jpg?2479" alt="" /></a>
</div>

где "адрес ссылки" меняем на нужную ссылку.

сделал) еще хотелось бы чтобы каждая из этих трех картинок была в черной рамочке и между ними сделать отступ побольше

#54 Danil

Danil

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

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

Отправлено 03 Ноябрь 2014 - 14:36

Просмотр сообщенияJerr_ru (03 Ноябрь 2014 - 13:09) писал:

сделал) еще хотелось бы чтобы каждая из этих трех картинок была в черной рамочке и между ними сделать отступ побольше
В конец main.css добавьте код 
.banner div {
border: 1px solid #000;
}
так же найдите код 
.banner {
margin: 0 auto;
width: 915px;
}
и замените на 
.banner {
margin: 0 auto;
width: 921px;
}

#55 Jerr_ru

Jerr_ru

    Продвинутый пользователь

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

Отправлено 03 Ноябрь 2014 - 16:17

Просмотр сообщенияDanil (03 Ноябрь 2014 - 14:36) писал:

В конец main.css добавьте код
.banner div {
border: 1px solid #000;
}
так же найдите код
.banner {
margin: 0 auto;
width: 915px;
}
и замените на
.banner {
margin: 0 auto;
width: 921px;
}

рамка появилась, но как их все таки раздвинуть?

#56 Danil

Danil

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

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

Отправлено 03 Ноябрь 2014 - 16:20

Просмотр сообщенияJerr_ru (03 Ноябрь 2014 - 16:17) писал:

рамка появилась, но как их все таки раздвинуть?
код
.banner {
margin: 0 auto;
width: 921px;
}
замените на 
.banner {
margin: 0 auto;
width: 951px;
}
так же код 
.banner div {
border: 1px solid #000;
}
замените на 
.banner div {
border: 1px solid #000;
margin-left: 10px;
}

#57 Jerr_ru

Jerr_ru

    Продвинутый пользователь

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

Отправлено 04 Ноябрь 2014 - 10:24

Просмотр сообщенияDanil (03 Ноябрь 2014 - 16:20) писал:

код
.banner {
margin: 0 auto;
width: 921px;
}
замените на
.banner {
margin: 0 auto;
width: 951px;
}
так же код
.banner div {
border: 1px solid #000;
}
замените на
.banner div {
border: 1px solid #000;
margin-left: 10px;
}

спасибо) Еще подскажите как в подвале вот так сделатьНовый точечный рисунок.jpg , и каждая надпись это ссылка должна быть

#58 Danil

Danil

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

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

Отправлено 04 Ноябрь 2014 - 12:12

Просмотр сообщенияJerr_ru (04 Ноябрь 2014 - 10:24) писал:

спасибо) Еще подскажите как в подвале вот так сделатьПрикрепленный файл Новый точечный рисунок.jpg, и каждая надпись это ссылка должна быть
Здравствуйте.
На данный момент у вас есть представленные надписи. Какие изменения необходимо сделать?

#59 Jerr_ru

Jerr_ru

    Продвинутый пользователь

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

Отправлено 04 Ноябрь 2014 - 12:19

Просмотр сообщенияDanil (04 Ноябрь 2014 - 12:12) писал:

Здравствуйте.
На данный момент у вас есть представленные надписи. Какие изменения необходимо сделать?

это скрин не моего магазина) я хочу написать в столбик что то вроде
Информация о бренде
вопросы и ответы
как оформить заказ
и так далее, и чтобы все это были ссылки

#60 Danil

Danil

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

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

Отправлено 04 Ноябрь 2014 - 13:16

Просмотр сообщенияJerr_ru (04 Ноябрь 2014 - 12:19) писал:

это скрин не моего магазина) я хочу написать в столбик что то вроде
Информация о бренде
вопросы и ответы
как оформить заказ
и так далее, и чтобы все это были ссылки
В шаблоне html после 
	   <!-- VK Widget -->
<div id="vk_groups" style="position: relative;background: none;float:left;" ></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "230", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 45593173);
</script>
вставьте код 
  <div class="one_fourth last column">
	  <div class="footer_links">
	  <u><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:12px;">Сервис и помощь</span></span></u>
	  <br>
	 
	  <span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:12px;"><a href="#">Как сделать заказ</a></span></span><br>
	  <span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:12px;"><a href="#">Как оплатить заказ</a></span></span><br>
	  <span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:12px;"><a href="#">Как получить заказ</a></span></span><br>
	  <span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:12px;"><a href="#">Как зарегистрироваться</a></span></span><br>
	  <span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:12px;"><a href="#">Вопрос-Ответ</a></span></span><br>
	  <span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:12px;"><a href="#">Промо коды</a></span></span><br>
	  <br>
	  <u><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:12px;">Сотрудничество</span></span></u> <br>
	  <span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:12px;"><a href="#">Магазинам</a></span></span><br>
	  <span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:12px;"><a href="#">Дропшипинг</a></span></span><br>
	  <span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:12px;"><a href="#">Опт</a></span></span><br>
	 
	  <br>
	  <u><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:12px;">Мы в социальных сетях</span></span></u>
	  <br>
	  <span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:12px;"><a href="http:#"><img alt="" src="#" style="width: 15px; height: 15px;" /> ВКонтакте</a></span></span><br>
	  <span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:12px;"><a href="http:#"><img alt="" src="#" style="width: 15px; height: 15px;" /> Одноклассники</a></span></span><br>
	  <span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:12px;"><a href="http:#"><img alt="" src="#" style="width: 15px; height: 15px;" /> Наш канал на YouTube.com</a></span></span><br>
	  <span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:12px;"><a href="https:#"><img alt="" src="#" style="width: 15px; height: 15px;" /> Twitter.com</a></span></span><br>
	  <span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:12px;"><a href="https:#"><img alt="" src="#" style="width: 15px; height: 15px;" /> Google Plus</a></span></span><br>
   </div>
   </div>
После того как вставите код, будем редактировать расположение.
Вместо # вставьте свои ссылки, так же замените текст на свой.
Обратно в Шаблон Весна


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

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

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