Как Сделать Тень
#1
Отправлено 20 Апрель 2013 - 07:29
#2
Отправлено 20 Апрель 2013 - 08:17
Andrew S. (20 Апрель 2013 - 07:29) писал:
Найдите в файле main.css код:
.content { max-width: 1240px; min-width: 1000px; margin: auto; border: 1px solid #DCECF7; background: #fff; }и замените на:
.content { max-width: 1240px; min-width: 1000px; margin: auto; border: 1px solid #DCECF7; background: #fff; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); padding: 10px; }Вот пример - http://htmlbook.ru/css/box-shadow
#3
Отправлено 20 Апрель 2013 - 08:57
miyako (20 Апрель 2013 - 08:17) писал:
.content { max-width: 1240px; min-width: 1000px; margin: auto; border: 1px solid #DCECF7; background: #fff; }и замените на:
.content { max-width: 1240px; min-width: 1000px; margin: auto; border: 1px solid #DCECF7; background: #fff; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); padding: 10px; }Вот пример - http://htmlbook.ru/css/box-shadow
#4
Отправлено 30 Октябрь 2013 - 09:48
#5
Отправлено 30 Октябрь 2013 - 09:58
OlgaS (30 Октябрь 2013 - 09:48) писал:
#header { position: relative; width: 960px; height: 190px; margin: 0 auto; background: white; }на
#header { position: relative; width: 960px; height: 190px; margin: 0 auto; background: white; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
#content { width: 960px; margin: 0 auto; background: url("http://s10669328.storeland.net/contentWrap_bg.jpg"); }на
#content { width: 960px; margin: 0 auto; background: url("http://s10669328.storeland.net/contentWrap_bg.jpg"); box-shadow: 0 0 10px rgba(0,0,0,0.5); }
#6
Отправлено 30 Октябрь 2013 - 18:24
#7
Отправлено 22 Февраль 2014 - 20:40
ne_yana (30 Октябрь 2013 - 09:58) писал:
#header { position: relative; width: 960px; height: 190px; margin: 0 auto; background: white; }на
#header { position: relative; width: 960px; height: 190px; margin: 0 auto; background: white; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
#content { width: 960px; margin: 0 auto; background: url("http://s10669328.storeland.net/contentWrap_bg.jpg"); }на
#content { width: 960px; margin: 0 auto; background: url("http://s10669328.storeland.net/contentWrap_bg.jpg"); box-shadow: 0 0 10px rgba(0,0,0,0.5); }
а на шаблон радость как это сделать
#8
Отправлено 22 Февраль 2014 - 21:25
Ibra (22 Февраль 2014 - 20:40) писал:
#container{ width: 100%; overflow-x: hidden; position: relative; padding: 0; background: url('{ASSETS_IMAGES_PATH}leftcolum-bg.jpg') #fff left top repeat-y; -moz-border-radius: 0em 0em 10px 10px; -webkit-border-radius: 0em 0em 10px 10px; border-radius: 0em 0em 10px 10px;}замените ее на
#container{ width: 100%; overflow-x: hidden; position: relative; padding: 0; background: url('{ASSETS_IMAGES_PATH}leftcolum-bg.jpg') #fff left top repeat-y; -moz-border-radius: 0em 0em 10px 10px; -webkit-border-radius: 0em 0em 10px 10px; border-radius: 0em 0em 10px 10px; -moz-box-shadow: 0 0 5px 6px rgba(111, 94, 94, 0.5); -webkit-box-shadow: 0 0 10px rgba(111, 94, 94, 0.5); box-shadow: 0 0 5px 6px rgba(111, 94, 94, 0.5); rgba(0,0,0,0.5);}
#9
Отправлено 09 Ноябрь 2014 - 14:46
ne_yana (30 Октябрь 2013 - 09:58) писал:
#header { position: relative; width: 960px; height: 190px; margin: 0 auto; background: white; }на
#header { position: relative; width: 960px; height: 190px; margin: 0 auto; background: white; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
#content { width: 960px; margin: 0 auto; background: url("http://s10669328.storeland.net/contentWrap_bg.jpg"); }на
#content { width: 960px; margin: 0 auto; background: url("http://s10669328.storeland.net/contentWrap_bg.jpg"); box-shadow: 0 0 10px rgba(0,0,0,0.5); }
Сделал тень такую, но она появляется в товарах и товаре как убрать от туда?
#10
Отправлено 09 Ноябрь 2014 - 15:00
UltraMag (09 Ноябрь 2014 - 14:46) писал:
<div class="contentText">замените на
<div class="contentText" style="box-shadow: none;">далее найдите в шаблоне товар код
<div class="contentText" itemscope itemtype="http://schema.org/Product">замените на
<div class="contentText" itemscope itemtype="http://schema.org/Product" style="box-shadow: none;">
#11
Отправлено 09 Ноябрь 2014 - 15:16
Ирина345 (09 Ноябрь 2014 - 15:00) писал:
<div class="contentText">замените на
<div class="contentText" style="box-shadow: none;">далее найдите в шаблоне товар код
<div class="contentText" itemscope itemtype="http://schema.org/Product">замените на
<div class="contentText" itemscope itemtype="http://schema.org/Product" style="box-shadow: none;">
#12
Отправлено 09 Ноябрь 2014 - 15:25
В товарах и товаре блоки упираются в правую стенку.
#13
Отправлено 09 Ноябрь 2014 - 16:28
UltraMag (09 Ноябрь 2014 - 15:25) писал:
В товарах и товаре блоки упираются в правую стенку.
<div class="contentText" style="box-shadow: none;">замените на
<div class="contentText" style="box-shadow: none;margin-right: 19px;">
далее в файле стилей найдите
.main_general { margin-bottom: 25px; margin-left: 11px; float: left; display: -moz-inline-stack; vertical-align: top; position: relative; width: auto; }замените на
.main_general { margin-bottom: 25px; margin-left: 6px; float: left; display: -moz-inline-stack; vertical-align: top; position: relative; width: auto; }
#14
Отправлено 09 Ноябрь 2014 - 16:52
#15
Отправлено 09 Ноябрь 2014 - 17:01
#16
Отправлено 09 Ноябрь 2014 - 17:01
UltraMag (09 Ноябрь 2014 - 16:52) писал:
.container .twelve.columns { width: 880px; z-index: 1000000; overflow: visible; margin-top: 20px; }замените на
.container .twelve.columns { width: 880px; z-index: 1000000; overflow: visible; margin-top: 20px; margin-right: 13px; }
#17
Отправлено 09 Ноябрь 2014 - 17:04
Ирина345 (09 Ноябрь 2014 - 17:01) писал:
.container .twelve.columns { width: 880px; z-index: 1000000; overflow: visible; margin-top: 20px; }замените на
.container .twelve.columns { width: 880px; z-index: 1000000; overflow: visible; margin-top: 20px; margin-right: 13px; }
#18
Отправлено 09 Ноябрь 2014 - 17:54
на 5px
#19
Отправлено 09 Ноябрь 2014 - 18:00
UltraMag (09 Ноябрь 2014 - 17:54) писал:
на 5px
.container .twelve.columns { width: 880px; z-index: 1000000; overflow: visible; margin-top: 20px; margin-right: 13px; }на
.container .twelve.columns { width: 880px; z-index: 1000000; overflow: visible; margin-top: 20px; margin-right: 3px; padding: 0px 5px; }
#20
Отправлено 10 Ноябрь 2014 - 18:24
Ирина345 (09 Ноябрь 2014 - 15:00) писал:
<div class="contentText">замените на
<div class="contentText" style="box-shadow: none;">далее найдите в шаблоне товар код
<div class="contentText" itemscope itemtype="http://schema.org/Product">замените на
<div class="contentText" itemscope itemtype="http://schema.org/Product" style="box-shadow: none;">
Много где встала тень где не надо. Можно её убрать везде,нужна она только по краям страницы.
Alekseys (09 Ноябрь 2014 - 18:00) писал:
.container .twelve.columns { width: 880px; z-index: 1000000; overflow: visible; margin-top: 20px; margin-right: 13px; }на
.container .twelve.columns { width: 880px; z-index: 1000000; overflow: visible; margin-top: 20px; margin-right: 3px; padding: 0px 5px; }
Стало хуже,сместилось влево,откатил.
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных