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

[Landing Page]

Привет всем, вот у меня есть кнопка "заказать звонок" http://s613589.storeland.ru/

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

[Koderhan]

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Добавить код:

.m1 a img:hover {
	-moz-box-shadow: 2px 2px 10px #969696;   
	-webkit-box-shadow: 2px 2px 10px #969696;   
	box-shadow: 2px 4px 10px #969696;   filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
	border-radius: 10px;
}

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Найти код:

<div style="position: absolute; top: 150px; right: 0px;">

Заменить:

<div class="m1" style="position: absolute; top: 150px; right: 0px;">

[Landing Page]

Koderhan (25 Март 2013 - 08:06) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.csstemplate".
Добавить код:

.m1 a img:hover {
-moz-box-shadow: 2px 2px 10px #969696;
-webkit-box-shadow: 2px 2px 10px #969696;
box-shadow: 2px 4px 10px #969696; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
border-radius: 10px;
}

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Найти код:

<div style="position: absolute; top: 150px; right: 0px;">

Заменить:

<div class="m1" style="position: absolute; top: 150px; right: 0px;">

ничего не изменилось...

[support 2.0]

Korolev Andrey (07 Апрель 2013 - 16:14) писал:

ничего не изменилось...

У Вас на сайте данных изменений нет. Поставьте их, пожалуйста, чтобы мы смогли посмотреть почему не работает

[Landing Page]

support 2.0 (07 Апрель 2013 - 17:15) писал:

У Вас на сайте данных изменений нет. Поставьте их, пожалуйста, чтобы мы смогли посмотреть почему не работает

1) Я поставил на другой сайт:  tratata.storeland.ru. Прошу прощения, заработало, но там вокруг кнопки появляется кусочки фона, как сделать чтобы тень была только от кнопки?

2) Скажите, а как сделать, чтобы кнопка просто меняла цвет? Например с красного на синий?

[Koderhan]

Korolev Andrey (07 Апрель 2013 - 18:08) писал:

1) Я поставил на другой сайт:  tratata.storeland.ru. Прошу прощения, заработало, но там вокруг кнопки появляется кусочки фона, как сделать чтобы тень была только от кнопки?

2) Скажите, а как сделать, чтобы кнопка просто меняла цвет? Например с красного на синий?

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Найти код:

<div style="position: absolute; top: 85px; right: 0px;">
 <a href="http://direct-adwords.ru/feedback"><img src="http://design.direct-adwords.ru/obratnii_zvonok.png"></a>
  </div>

Заменить:

<a href="http://direct-adwords.ru/feedback">
<div style="position: absolute; top: 85px; right: 0px;" class="my1">
 <span>Заказать обратный звонок</span>
  </div>
</a>

Панель администратора, "Сайт"->"Редактор тем".
В файле "HTML".
Удалить код:

<div style="position: absolute; top: 91px; right:19px;">
<a href="http://direct-adwords.ru/feedback" style="font-size: 27px; color: #FFFFFF; font: 170%/1.4 Century Gothic, Geneva, sans-serif; ">Заказать обратный звонок</a>
</div>

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.my1 {
	background-color: red;height: 45px;border-radius: 7px;width: 295px;
	text-align: center;
	display: block;
	padding-top: -1px;
}


.my1:hover {
	background-color: #005CFF;height: 45px;border-radius: 7px;width: 295px;
	display:block
}


.my1 span {
	font: 12px;
	font-size: 21px;
	color: white;
	text-align: center;
	margin-top: 7px;
	display: block;
	text-decoration: underline;
}

[Landing Page]

Тень можно сделать только в случае, если картинка квадратная или кругла, ну или овальная... А если у меня например картинка в виде треугольника или в виде цветка ? как сделать тень по контуру картинки ?

[miyako]

Korolev Andrey (13 Апрель 2013 - 12:17) писал:

Тень можно сделать только в случае, если картинка квадратная или кругла, ну или овальная... А если у меня например картинка в виде треугольника или в виде цветка ? как сделать тень по контуру картинки ?

На какой именно объект вам нужно поставить тень?
Вы можете воспользоваться темой - http://htmlbook.ru/css/box-shadow

[Landing Page]

miyako (13 Апрель 2013 - 14:52) писал:

На какой именно объект вам нужно поставить тень?
Вы можете воспользоваться темой - http://htmlbook.ru/css/box-shadow

Ну допустим у меня есть картинка:



Как сделать чтобы при наведении на нее, была тень по контуру ?

[miyako]

Korolev Andrey (13 Апрель 2013 - 22:15) писал:

Ну допустим у меня есть картинка:

alarm_clock.png

Как сделать чтобы при наведении на нее, была тень по контуру ?

Можно сделать так:

.shadow
{
float:left; background: url('файл с картинкой тени') no-repeat bottom right ; position: relative;
}
.shadow img
{ margin: -5px 1px 1px -5px;}

<div class="shadow"><img src="картинка.jpg"></div>

[Landing Page]

Получилось такая проблема. На сайте есть 6 блоков http://s665942.storeland.ru/  и при на ведении на них была тень. Но после того как я поднял горизонтальное меню у меня на некоторых картинках исчез эффект тени... хотя класс class="m1"  прописан и при наведение должна быть тень, ибо на других картинках работает.

Почему после поднятия меню исчез эффект?

[Stasya]

Не совсем, конечно, понятно почему это связано именно с поднятием меню. Но чтобы это справить Вам необходимо в файл main.css добавить вот этот блок

.m1:hover {
	 -moz-box-shadow: 2px 2px 10px #141414;
	 -webkit-box-shadow: 2px 2px 10px #141414;
	 box-shadow: 2px 6px 20px #141414; filter: progid:DXImageTransform.Microsoft.Shadow(color='#141414', Direction=145, Strength=3);
	 border-radius: 10px;
	 height: 199px;
}

[Landing Page]

Хочу поставить тень на кнопку заказать звонок , вот сайт: http://s1005725.storeland.ru/

В маин ксс прописал:

.m1 a img:hover {
	 -moz-box-shadow: 2px 2px 10px #141414;
	 -webkit-box-shadow: 2px 2px 10px #141414;
	 box-shadow: 2px 6px 20px #141414; filter: progid:DXImageTransform.Microsoft.Shadow(color='#141414', Direction=145, Strength=3);
	 border-radius: 10px;
}

класс m1 поставил на кнопке...

<div class="m1" style="position: absolute; top: 75px; right: 33px; z-index: 12;">
<img src="http://s1005725.storeland.net/zakazat_obr_zvonok.png">
</div>

Но тень не отображается... что не так делаю?

[Landing Page]

Korolev Andrey (20 Сентябрь 2013 - 12:02) писал:

Хочу поставить тень на кнопку заказать звонок , вот сайт: http://s1005725.storeland.ru/

В маин ксс прописал:

.m1 a img:hover {
	 -moz-box-shadow: 2px 2px 10px #141414;
	 -webkit-box-shadow: 2px 2px 10px #141414;
	 box-shadow: 2px 6px 20px #141414; filter: progid:DXImageTransform.Microsoft.Shadow(color='#141414', Direction=145, Strength=3);
	 border-radius: 10px;
}

класс m1 поставил на кнопке...

<div class="m1" style="position: absolute; top: 75px; right: 33px; z-index: 12;">
<img src="http://s1005725.storeland.net/zakazat_obr_zvonok.png">
</div>

Но тень не отображается... что не так делаю?

Исправил, картинку надо было сделать ссылкой.