Сообщений в теме: 72

[luzikov]

luzikov (07 Март 2014 - 08:48) писал:

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

[Vaccina]

у контактов уже стоит иконка телефона, если вы хотите заменить ее на другую иконку, то в 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

[luzikov]

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

я про иконку "трубки вызовова" которая прям у поиска фигурировала, так вот она у меня пропала))

[Vaccina]

В шаблоне HTML вы скорей всего в контактах удалили сл.строку:

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

[luzikov]

Vaccina (08 Март 2014 - 01:50) писал:

В шаблоне HTML вы скорей всего в контактах удалили сл.строку:

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

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

[Vaccina]

Вставьте сл.образом:

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

[luzikov]

Vaccina (08 Март 2014 - 03:19) писал:

Вставьте сл.образом:

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

все ровно не вернулся))))

[luzikov]

ап

[Castiel]

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>

[luzikov]

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>

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

[Melanna]

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

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

• 

[Castiel]

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;
}

[Melanna]

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

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

• 

[Castiel]

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. Сократится автоматически после внесения изменений

[Melanna]

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. Сократится автоматически после внесения изменений

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

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

• 

[Castiel]

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;
}

[Melanna]

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

[Castiel]

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;}

[Melanna]

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;}

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

[Tagashi]

День добрый.

Хотелось бы:

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

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

•