Цитата
вот он
-moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000;сложно куда бы ни было его вставить, так чтоб тень не перекрывала друг друга.
и чтоб попытаться это сделать, много чего придётся поменять
234 публикаций создано lew (учитываются публикации только с 29-Апрель 23)
Отправлено от lew в 26 Май 2014 - 21:37 в Изменение общей стилистики
Цитата
-moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000;сложно куда бы ни было его вставить, так чтоб тень не перекрывала друг друга.
Отправлено от lew в 26 Май 2014 - 21:30 в Изменение общей стилистики
Цитата
Цитата
Отправлено от lew в 26 Май 2014 - 22:10 в Изменение общей стилистики
Цитата
#header-logo a{display:table-cell;vertical-align:middle;text-align:center; text-decoration: none;font: normal 18px 'Open Sans',Helvetica,Arial;color: #da3b44;font-weight: 600;}заменить на эту
#header-logo a{display:table-cell;vertical-align:middle;text-align:center; text-decoration: none;font: normal 18px 'Open Sans',Helvetica,Arial;color: #FAFAFA;font-weight: 600;}
Отправлено от lew в 27 Май 2014 - 22:08 в Изменение общей стилистики
Цитата
[code]#wrapper{background:url('http://design.magnitosf.ru/fon.jpg') no-repeat;}[/code]замените на эту
[CODE]#wrapper{background-color: #FFF;) no-repeat;}[/CODE]
background: #FFFFFF;ставьте цвет
background: #F3F3F3;
Отправлено от lew в 27 Май 2014 - 22:49 в Изменение общей стилистики
Цитата
#search_block_top{position:static;float:right;margin:26px 10px 0 0}и замените на этот
#search_block_top{position:static; margin: 100px 0px 0 0;}
#header-right{float:right;height:100px;position: relative; z-index:20;margin-right: 10px;}и замените на этот
#header-right{float:right;height: 168px;position: relative; z-index:20;margin-right: 10px;}
#megamenu{position:absolute;height:54px;top:90px;left:238px;}и замените на эту
#megamenu{position:absolute;height:54px;top: 108px;left: 2px;}
Отправлено от lew в 12 Май 2014 - 20:12 в Изменение общей стилистики
/* END Карусель товаров на главной и на странице товара */ #wrapper{width:100%;} .container { width: 940px; margin: 0 auto; }и замените на этот
/* END Карусель товаров на главной и на странице товара */ #wrapper{width:100%;background-color: #DDD;} .container { width: 940px; margin: 0 auto; background-color: #FFF; }
Отправлено от lew в 26 Май 2014 - 20:25 в Изменение общей стилистики
Цитата
.bannertop{width: 940px;margin: 0 auto;}и замените на эту
.bannertop{width: 940px;margin: 0 auto;background-color: #fff;}2)
.content.container { margin-top: 5px; min-height: 500px; }и замените на эту
.content.container { min-height: 500px; background-color: #fff; padding-top: 5px; }
.container { width: 940px; margin: 0 auto; }и замените на эту
.container { width: 940px; margin: 0 auto; background-color: #FFF; padding: 0 10px; }потом
.bannertop { width: 940px; margin: 0 auto; }замените на эту
.bannertop { width: 940px; margin: 0 auto; background-color: #FFF; padding: 0 10px; }
Цитата
Цитата
#footer-fluid { background: #f2f2f2; }замените на эту
#footer-fluid { margin-top: -71px; }потом код (примерно строка 300-400)
#footer-top { clear: both; background: #FFFFFF; border-bottom: 1px solid #f2f2f2; }замените на этот
#footer-top { clear: both; border-bottom: 1px solid #f2f2f2; }
#wrapper { width: 100%; }замените на этот
#wrapper { width: 100%; padding-bottom: 71px; }
Отправлено от lew в 29 Апрель 2014 - 22:09 в Изменение общей стилистики
.bannertopimg{width: 940px;}под ним разместите новый код.
.bannertopimg:hover{opacity: 0.7;}теперь всё будет
div.catalog img:hover{opacity:0.4}поставить
div.catalog img:hover{opacity:0.7}
Отправлено от lew в 11 Май 2014 - 13:54 в Изменение общей стилистики
Цитата
Отправлено от lew в 11 Май 2014 - 14:14 в Изменение общей стилистики
Цитата
Цитата
#header #cart {z-index: 20;min-width: 300px;top:3px;right:20px;}замените на эту
#header #cart {z-index: 20;min-width: 300px;top:3px;right:20px; background: url("http://anitai.storeland.net/seriy.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);}
#module_area {width:100%;text-align:center;padding:5px 0;}замените на эту
#module_area {width:100%;text-align:center;padding:5px 0; background: url("http://anitai.storeland.net/seriy.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);}
Цитата
.box-category > ul > li ul > li > a {text-decoration: none;display: block;font-size:12px;padding-bottom:3px;}и замените на это
.box-category > ul > li ul > li > a {text-decoration: none;display: block;color: #346;font-size: 13px;padding-bottom:3px;}где color - отвечает за цвет, а font-size - отвечает за размер. Смело подбирайте на свой вкус))
Цитата
#powered {text-align: center;clear: both;padding:8px 0;background-color:#e0e0e0;font-size:12px;}и замените на это
#powered {text-align: center;clear: both;padding:8px 0;background-color:#e0e0e0;font-size:12px;color: #333;}анологично ответу выше (color - отвечает за цвет)
#content .heading_title span {border-bottom:1px solid #3fb1c0;padding-bottom:8px;padding-right:10px;position:absolute;bottom:-1px;left:0px; }заменить на эту
#content .heading_title span {border-bottom:1px solid #3fb1c0;padding-bottom:8px;padding-right:10px;position:absolute;bottom:-1px;left:0px; color: #333 }
Отправлено от lew в 11 Май 2014 - 12:59 в Изменение общей стилистики
Отправлено от lew в 11 Май 2014 - 11:39 в Изменение общей стилистики
Отправлено от lew в 19 Май 2014 - 23:02 в Изменение общей стилистики
.header_top .inner { text-align: center;} /* /END адаптивность шаблона ======================================================*/
@media only screen and (min-width: 1257px){ #header #cart { top: -14px;position: absolute;right: 244px;} } .header_top .inner { text-align: center;} /* /END адаптивность шаблона ======================================================*/
Отправлено от lew в 11 Май 2014 - 13:21 в Изменение общей стилистики
#header #logo {float:left;clear:both;margin:0px 12px 12px 0;}замените на эту
#header #logo {clear:both;margin:0px 12px 12px 0;}а хотя нет, замените лучше на эту, (я думаю картинка логотипа должна быть по центру экрана?)
#header #logo {clear:both; width: 1270px; margin: 0px auto 12px auto;}
Отправлено от lew в 14 Апрель 2014 - 20:36 в Изменение общей стилистики
Цитата
Отправлено от lew в 18 Май 2014 - 22:42 в Страница товара
Цитата
#header-fluid { position: relative; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25); z-index: 10; background: url('{ASSETS_IMAGES_PATH}19ук7.jpg') repeat; }меняем на сей код
#header-fluid { position: relative; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25); z-index: 10; background: url('http://m1505.storeland.net/19ук7.jpg') repeat; border-bottom: 2px solid #ff0000; }
Цитата
.item1 .information { display: block; position: absolute; top: 0; height: 100px; width: 100px; text-align: left; border-radius: 15px; border:2px solid #ff0000; border-radius: 2px; padding: 10px; font-size: 12px; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); box-shadow: none; background: rgb(236,241,244); background: -moz-linear-gradient(top, rgba(236,241,244,1) 0%, rgba(190,202,217,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,241,244,1)), color-stop(100%,rgba(190,202,217,1))); background: -webkit-linear-gradient(top, rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%); background: -o-linear-gradient(top, rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%); background: -ms-linear-gradient(top, rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%); background: linear-gradient(top, rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf1f4', endColorstr='#becad9',GradientType=0 ); -webkit-transform: rotateX(-90deg) translateZ(50px); -moz-transform: rotateX(-90deg) translateZ(50px); -ms-transform: rotateX(-90deg) translateZ(50px); -o-transform: rotateX(-90deg) translateZ(50px); transform: rotateX(-90deg) translateZ(50px); -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s; }меняем на
.item1 .information { display: block; position: absolute; top: 0; height: 100px; width: 100px; text-align: left; border-radius: 15px; border:2px solid #ff0000; border-radius: 2px; padding: 10px; font-size: 12px; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); box-shadow: none; background: rgb(236,241,244); background: -moz-linear-gradient(top, rgba(236,241,244,1) 0%, rgba(223,202,217,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,241,244,1)), color-stop(100%,rgba(223,202,217,1))); background: -webkit-linear-gradient(top, rgba(236,241,244,1) 0%,rgba(223,202,217,1) 100%); background: -o-linear-gradient(top, rgba(236,241,244,1) 0%,rgba(223,202,217,1) 100%); background: -ms-linear-gradient(top, rgba(236,241,244,1) 0%,rgba(223,202,217,1) 100%); background: linear-gradient(top, rgba(236,241,244,1) 0%,rgba(223,202,217,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf1f4', endColorstr='#becad9',GradientType=0 ); -webkit-transform: rotateX(-90deg) translateZ(50px); -moz-transform: rotateX(-90deg) translateZ(50px); -ms-transform: rotateX(-90deg) translateZ(50px); -o-transform: rotateX(-90deg) translateZ(50px); transform: rotateX(-90deg) translateZ(50px); -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s; }забыл, вам надо без градиента.
.item1 .information { display: block; position: absolute; top: 0; height: 100px; width: 100px; text-align: left; border-radius: 15px; border:2px solid #ff0000; border-radius: 2px; padding: 10px; font-size: 12px; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); box-shadow: none; background: rgba(223,202,217,1); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf1f4', endColorstr='#becad9',GradientType=0 ); -webkit-transform: rotateX(-90deg) translateZ(50px); -moz-transform: rotateX(-90deg) translateZ(50px); -ms-transform: rotateX(-90deg) translateZ(50px); -o-transform: rotateX(-90deg) translateZ(50px); transform: rotateX(-90deg) translateZ(50px); -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s;
Отправлено от lew в 26 Апрель 2014 - 22:51 в Страница товара
@media only screen and (max-width:479px) { body{min-width:300px} .container{width:300px}под ним поставте
#wrapper { background: url('[url="http://b21941.storeland.net/1971.jpg"]http://b21941.storeland.net/1971.jpg[/url]') repeat 0 0 rgba(0, 0, 0, 0);padding-right: 900px;}
@media only screen and (max-width:767px) { .container{width:450px; height: 100%;}под ним поставте
#wrapper { background: url('[url="http://b21941.storeland.net/1971.jpg"]http://b21941.storeland.net/1971.jpg[/url]') repeat 0 0 rgba(0, 0, 0, 0);padding-right: 870px;}
Отправлено от lew в 30 Май 2014 - 20:50 в Каталог товаров
Отправлено от lew в 09 Июнь 2014 - 19:43 в Шаблон Сияние
Отправлено от lew в 10 Июнь 2014 - 22:01 в Шаблон Сияние
<body> <div class="b_page" id="wrapper">замените его на этот
<body class="home"{% IF index_page %} style="background: #AAA;" {% ENDIF %}> <div class="b_page" id="wrapper" {% IF index_page %} style="background: #AAA;" {% ENDIF %}>
Отправлено от lew в 08 Июнь 2014 - 18:15 в Шаблон Сияние
Отправлено от lew в 26 Май 2014 - 22:16 в Шаблон Сияние
Отправлено от lew в 31 Май 2014 - 16:35 в Шаблон Сияние
<!-- Меню сайта (По типу помещения) --> {% IF index_page %} <div class="room_menu_title">Ищете сплит-систему для конкретной комнаты?</div> <div class="container" id="room_menu_block"> <div class="containerin" id="room_menu_page"> <div id="room_menu_item"> <a href="http://frigus-don.ru/catalog/split-sistemy-dlya-kuhni"><img alt="Сплит-системы для кухни" title="Сплит-системы для кухни" src="http://st.storeland.net/9/1162/914/1_2.png"></a> </div> <div id="room_menu_item"> <a href="http://frigus-don.ru/catalog/split-sistemy-dlya-gostinoj"><img alt="Сплит-системы для гостиной" title="Сплит-системы для гостиной" src="http://st.storeland.net/9/1162/913/1_1.png"></a> </div> <div id="room_menu_item"> <a href="http://frigus-don.ru/catalog/split-sistemy-dlya-spalni"><img alt="Сплит-системы для спальни" title="Сплит-системы для спальни" src="http://st.storeland.net/9/1162/916/1_4.png"></a> </div> <div id="room_menu_item"> <a href="http://frigus-don.ru/catalog/split-sistemy-dlya-ofisa"><img alt="Сплит-системы для офиса" title="Сплит-системы для офиса" src="http://st.storeland.net/9/1162/915/1_3.png"></a> </div> </div> </div> {% ENDIF %} <!-- end Меню сайта (По типу помещения) -->
<!-- Меню сайта (По типу помещения) --> {% IF index_page %} <div class="room_menu_title">Ищете сплит-систему для конкретной комнаты?</div> <div class="container" id="room_menu_block"> <div class="containerin" id="room_menu_page"> <div id="room_menu_item"> <a href="http://frigus-don.ru/catalog/split-sistemy-dlya-kuhni"><img alt="Сплит-системы для кухни" title="Сплит-системы для кухни" src="http://st.storeland.net/9/1162/914/1_2.png"></a> <span>хорошая кухня</span> </div> <div id="room_menu_item"> <a href="http://frigus-don.ru/catalog/split-sistemy-dlya-gostinoj"><img alt="Сплит-системы для гостиной" title="Сплит-системы для гостиной" src="http://st.storeland.net/9/1162/913/1_1.png"></a> <span>отличная гостинная</span> </div> <div id="room_menu_item"> <a href="http://frigus-don.ru/catalog/split-sistemy-dlya-spalni"><img alt="Сплит-системы для спальни" title="Сплит-системы для спальни" src="http://st.storeland.net/9/1162/916/1_4.png"></a> <span>классная спальня</span> </div> <div id="room_menu_item"> <a href="http://frigus-don.ru/catalog/split-sistemy-dlya-ofisa"><img alt="Сплит-системы для офиса" title="Сплит-системы для офиса" src="http://st.storeland.net/9/1162/915/1_3.png"></a> <span>раскошный офис</span> </div> </div> </div> {% ENDIF %} <!-- end Меню сайта (По типу помещения) -->то есть, как вы могли заметить, изменения заключается в том, что я под картинки вставил тег <span> text </span>
.room_menu_title {width: 940px; margin: 0 auto; padding:10px 0 0 0; text-align: left; color: #a8a8a8; font: bold 20px Calibri,Arial;} #room_menu_block {height:150px; border-bottom:4px solid #A8A8A8; padding-top:10px;} #room_menu_page {width:940px; height:150px} #room_menu_item {width:235px; height:150px; float: left; position: relative;} #room_menu_page div img {width:230px;float: left; border-radius: 6px;} #room_menu_page div p {font: bold 9px Arial; color: #696969; text-align: center;text-transform:uppercase;}прямо под ним разместите новый код
#room_menu_item span {position: absolute; bottom: 28px; left:15px; background: rgba(255, 255, 255, 0.8); padding: 4px 9px; border-radius: 5px; width: 183px; text-align: center;}
Отправлено от lew в 08 Июнь 2014 - 17:12 в Шаблон Сияние
.page-headline h1 { position:absolute; width:777px; top:36px; font: 23px/70px "Trebuchet MS", Arial, Helvetica, sans-serif; font-family: OpenSans; color: #000000; height:51px;overflow:hidden; }и замените на
.page-headline h1 { position:absolute; width:777px; top:36px; font: 23px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; font-family: OpenSans; color: #000000; height:51px; overflow: visible; }
Система для сообществ IP.Board
Лицензия зарегистрирована на: StoreLand