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


Переместить Логотип Поднять Слайдер И Переместить Корзину

Корзина весна логотип слайдер

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

#21 luzikov

luzikov

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

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

Отправлено 07 Март 2014 - 20:33

Просмотр сообщенияluzikov (07 Март 2014 - 08:48) писал:

Вот этот сайт http://felini.storeland.ru/


#22 Vaccina

Vaccina

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

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

Отправлено 08 Март 2014 - 01:23

у контактов уже стоит иконка телефона, если вы хотите заменить ее на другую иконку, то в main.css найдите примерно сл.блок:
.two_fourth .top_phone {
	background: url("http://felini.storeland.net/footer_phone_icon.png") no-repeat scroll 0 50% rgba(0, 0, 0, 0);
	color: #000000;
}
и измените значение background

#23 luzikov

luzikov

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

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

Отправлено 08 Март 2014 - 01:48

Просмотр сообщенияVaccina (08 Март 2014 - 01:23) писал:

у контактов уже стоит иконка телефона, если вы хотите заменить ее на другую иконку, то в main.css найдите примерно сл.блок:
.two_fourth .top_phone {
background: url("http://felini.storeland.net/footer_phone_icon.png") no-repeat scroll 0 50% rgba(0, 0, 0, 0);
color: #000000;
}
и измените значение background
я про иконку "трубки вызовова" которая прям у поиска фигурировала, так вот она у меня пропала))

#24 Vaccina

Vaccina

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

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

Отправлено 08 Март 2014 - 01:50

В шаблоне HTML вы скорей всего в контактах удалили сл.строку:
<span class="sup_phone"></span>


#25 luzikov

luzikov

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

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

Отправлено 08 Март 2014 - 01:53

Просмотр сообщенияVaccina (08 Март 2014 - 01:50) писал:

В шаблоне HTML вы скорей всего в контактах удалили сл.строку:
<span class="sup_phone"></span>
добавил все ровно не вернулась) Значок пропал тогда, когда я контакты из нижней части сайта перекинул в шапку

#26 Vaccina

Vaccina

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

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

Отправлено 08 Март 2014 - 03:19

Вставьте сл.образом:
<div title="Звоните, мы проконсультируем вас по любым вопросам" id="support">
				  
				<span class="sup_phone"></span> 
			   
			  </div>


#27 luzikov

luzikov

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

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

Отправлено 08 Март 2014 - 14:15

Просмотр сообщенияVaccina (08 Март 2014 - 03:19) писал:

Вставьте сл.образом:
<div title="Звоните, мы проконсультируем вас по любым вопросам" id="support">
				
			 <span class="sup_phone"></span>
			
			 </div>
все ровно не вернулся))))

#28 luzikov

luzikov

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

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

Отправлено 11 Март 2014 - 15:22

ап

#29 Castiel

Castiel

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

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

Отправлено 12 Март 2014 - 14:59

Просмотр сообщенияluzikov (11 Март 2014 - 15:22) писал:

ап

Здравствуйте, внесли необходимые изменения.

Стили
.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('{ASSETS_IMAGES_PATH}phone_circle.png') center center no-repeat;background-color:#333333;position:absolute;top:0px;right:103%;}
.sup_phone:hover {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }
.sup_phone a, .sup_phone a:hover{color: #fff;text-decoration: none;}

HTML
<span class="sup_phone"></span>


#30 luzikov

luzikov

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

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

Отправлено 12 Март 2014 - 18:47

Просмотр сообщенияCastiel (12 Март 2014 - 14:59) писал:

Здравствуйте, внесли необходимые изменения.

Стили
.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('{ASSETS_IMAGES_PATH}phone_circle.png') center center no-repeat;background-color:#333333;position:absolute;top:0px;right:103%;}
.sup_phone:hover {transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); }
.sup_phone a, .sup_phone a:hover{color: #fff;text-decoration: none;}

HTML
<span class="sup_phone"></span>
ура! спасибо)

#31 Melanna

Melanna

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

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

Отправлено 12 Март 2014 - 19:35

Здравствуйте. Помогите пожалуйста
1) добавить логотип над надписью "добро пожаловать..."
2) после этого отредактировать по высоте верхнюю шапку, чтобы и логотип влез и все что там  на ней еще имеется.
3) урезать слайдеры по длине, границы обозначены

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

  • Screenshot_4.jpg


#32 Castiel

Castiel

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

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

Отправлено 12 Март 2014 - 19:47

Просмотр сообщенияMelanna (12 Март 2014 - 19:35) писал:

Здравствуйте. Помогите пожалуйста
1) добавить логотип над надписью "добро пожаловать..."
2) после этого отредактировать по высоте верхнюю шапку, чтобы и логотип влез и все что там  на ней еще имеется.
3) урезать слайдеры по длине, границы обозначены

Здравствуйте, редактируем шаблон HTML
Находим и вырезаем
<div id="logo"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" title="" alt=""></a></div>

Вставляем данный код перед  <!-- Форма поиска -->



Слайдер
Редактируем main.css
Находим
#module_area {
width: 100%;
text-align: center;
padding: 5px 0;
height: 400px;
}

Заменяем на
#module_area {
width: 63%;
margin: 0 auto;
text-align: center;
padding: 5px 0;
height: 400px;
}


#33 Melanna

Melanna

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

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

Отправлено 12 Март 2014 - 21:17

Спасибо, уже лучше. Теперь можно:
1) поднятьнадпись "добро пож.." выше к логотипу, и что за этот параметр отвечает? может я сама бы регулировала как мне нужно
2) корзину покупок тоже поднять к поиску можно оставить 1см между ними.
И как можно выделить значок корзины "круглешком" черным, по типу тел.трубки и значка поиска?
3)и как итог сократить зеленое поле по максимуму

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

  • ScreenShot 14.png


#34 Castiel

Castiel

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

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

Отправлено 12 Март 2014 - 21:37

Просмотр сообщенияMelanna (12 Март 2014 - 21:17) писал:

Спасибо, уже лучше. Теперь можно:
1) поднятьнадпись "добро пож.." выше к логотипу, и что за этот параметр отвечает? может я сама бы регулировала как мне нужно
2) корзину покупок тоже поднять к поиску можно оставить 1см между ними.
И как можно выделить значок корзины "круглешком" черным, по типу тел.трубки и значка поиска?
3)и как итог сократить зеленое поле по максимуму

Редактируем main.css

1. Находим
#header #welcome {
font-size: 25px;
font-family: 'Ubuntu Condensed';
position: relative;
padding-top: 10px;
}

Заменяем на
#header #welcome {
font-size: 25px;
font-family: 'Ubuntu Condensed';
position: relative;
padding-top: 1px;
}

Находим
#header #logo {
float: left;
clear: both;
margin: 12px 12px 12px 0;
}

Заменяем на
#header #logo {
float: left;
clear: both;
margin: 0;
}

2. Находим
#header #cart {
float: right;
min-width: 300px;
z-index: 20;
}

Заменяем на
#header #cart {
float: right;
min-width: 300px;
z-index: 20;
margin-top: -30px;
}

3. Сократится автоматически после внесения изменений

#35 Melanna

Melanna

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

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

Отправлено 13 Март 2014 - 09:21

Просмотр сообщенияCastiel (12 Март 2014 - 21:37) писал:

Редактируем main.css

1. Находим
#header #welcome {
font-size: 25px;
font-family: 'Ubuntu Condensed';
position: relative;
padding-top: 10px;
}

Заменяем на
#header #welcome {
font-size: 25px;
font-family: 'Ubuntu Condensed';
position: relative;
padding-top: 1px;
}

Находим
#header #logo {
float: left;
clear: both;
margin: 12px 12px 12px 0;
}

Заменяем на
#header #logo {
float: left;
clear: both;
margin: 0;
}

2. Находим
#header #cart {
float: right;
min-width: 300px;
z-index: 20;
}

Заменяем на
#header #cart {
float: right;
min-width: 300px;
z-index: 20;
margin-top: -30px;
}

3. Сократится автоматически после внесения изменений


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

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

  • ScreenShot 16.png


#36 Castiel

Castiel

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

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

Отправлено 13 Март 2014 - 16:18

Просмотр сообщенияMelanna (13 Март 2014 - 09:21) писал:

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

Здравствуйте, редактируем main.css
Находим
#header #cart .cart_circle {display:block;width:36px;height:36px;background:url('http://shophopes.storeland.net/cart_circle.png') 50% 50% no-repeat;background-color:;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;position:absolute;top:3px;right:0;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;cursor:pointer;}
Заменяем на
#header #cart .cart_circle {display:block;width:36px;height:36px;background:url('http://shophopes.storeland.net/cart_circle.png') 50% 50% no-repeat;background-color:;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;position:absolute;top:3px;right:0;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;cursor:pointer;border: 1px solid #000;}

Отрегулировать высоту поиска можно изменив параметры в блоке (ширина, высота, отступ по краям)
#header #search input {
width: 160px;
height: 21px;
padding: 8px;
}


#37 Melanna

Melanna

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

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

Отправлено 13 Март 2014 - 21:02

эмм.. не совсем так, мне бы хотелось корзину белого цвета на полностью закрашенном черном кружке. В общем так как выглядит тел.трубка и значок поиска. Так можно?

#38 Castiel

Castiel

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

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

Отправлено 13 Март 2014 - 21:17

Просмотр сообщенияMelanna (13 Март 2014 - 21:02) писал:

эмм.. не совсем так, мне бы хотелось корзину белого цвета на полностью закрашенном черном кружке. В общем так как выглядит тел.трубка и значок поиска. Так можно?

Здравствуйте, редактируем main.css
Находим
#header #cart .cart_circle {display:block;width:36px;height:36px;background:url('http://shophopes.storeland.net/cart_circle.png') 50% 50% no-repeat;background-color:;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;position:absolute;top:3px;right:0;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;cursor:pointer;border: 1px solid #000;}

Заменяем на
#header #cart .cart_circle {display:block;width:36px;height:36px;background:url('{ASSETS_IMAGES_PATH}cart_circle.png') 50% 50% no-repeat #333333;background-color:;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;position:absolute;top:3px;right:0;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;cursor:pointer;border: 1px solid #000;}


#39 Melanna

Melanna

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

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

Отправлено 14 Март 2014 - 12:34

Просмотр сообщенияCastiel (13 Март 2014 - 21:17) писал:

Здравствуйте, редактируем main.css
Находим
#header #cart .cart_circle {display:block;width:36px;height:36px;background:url('http://shophopes.storeland.net/cart_circle.png') 50% 50% no-repeat;background-color:;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;position:absolute;top:3px;right:0;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;cursor:pointer;border: 1px solid #000;}

Заменяем на
#header #cart .cart_circle {display:block;width:36px;height:36px;background:url('{ASSETS_IMAGES_PATH}cart_circle.png') 50% 50% no-repeat #333333;background-color:;-webkit-border-radius: 50%;-moz-border-radius: 50%;-khtml-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;position:absolute;top:3px;right:0;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;cursor:pointer;border: 1px solid #000;}

супер! спасибо

#40 Tagashi

Tagashi

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

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

Отправлено 03 Апрель 2014 - 11:46

День добрый.

Хотелось бы:

1- Контакты установить по центру.
2- Корзину под поиск
3- Убрать получившуюся полосу

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

  • 1.jpg






Темы с аналогичным тегами Корзина, весна, логотип, слайдер

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

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