Изменение Стилистики
#1
Отправлено 04 Декабрь 2014 - 13:26
У меня сразу несколько вопросов
1. Как поставить картинку на фон сайта шаблон "Весна"
2. Изменить цвет иконок и шапки и всего остального
#2
Отправлено 04 Декабрь 2014 - 13:42
Viatalliyy (04 Декабрь 2014 - 13:26) писал:
У меня сразу несколько вопросов
1. Как поставить картинку на фон сайта шаблон "Весна"
2. Изменить цвет иконок и шапки и всего остального
1. Пожалуйста, уточните пожалуйста, Вы хотите сделать картинкой общий фон сайта?
2. Пожалуйста перечислите более подробно, цвет чего Вы желаете изменить.
#3
Отправлено 04 Декабрь 2014 - 14:46
#4
Отправлено 04 Декабрь 2014 - 15:01
Viatalliyy (04 Декабрь 2014 - 14:46) писал:
поменять цвет фона
body{line-height:1;color:black;background:white}замените на
body{line-height:1;color:black;background:url('ссылка на картинку');}поменять цвет шапки
найдите
#header_colapse {position:relative;background-color:#ff0551;color:#ffffff;z-index: 1000;}замените на
#header_colapse {position:relative;background-color:#123456;color:#ffffff;z-index: 1000;}меняете значение background-color:#123456
поменять цвет надписи
добавьте в конец файла main.css
.prod_hold .prod-info-fly .name a:hover { color: #1B5612; }можно изменить цвет изменив значение color: #1B5612;
#5
Отправлено 04 Декабрь 2014 - 15:31
#8
Отправлено 04 Декабрь 2014 - 16:04
#10
Отправлено 04 Декабрь 2014 - 16:33
#11
Отправлено 04 Декабрь 2014 - 16:55
Viatalliyy (04 Декабрь 2014 - 16:33) писал:
@media only screen and (min-width: 990px)удалите
#header .flexslider li img.slide_img{display:none !important;}затем в конец main.css добавьте
#header .flexslider li .bigPic { display: none !important; }и замените
.flexslider .slides img { width: 100%; display: block; }на
.flexslider .slides img { width: 965px; height:400px; display: block; }
#12
Отправлено 04 Декабрь 2014 - 17:16
вот это
.flexslider .slides img {
width: 100%;
display: block;
}
на это
.flexslider .slides img {
width: 965px;
height:400px;
display: block;
}
#14
Отправлено 04 Декабрь 2014 - 17:30
#15
Отправлено 04 Декабрь 2014 - 17:41
Viatalliyy (04 Декабрь 2014 - 17:30) писал:
найдите в main.css
#module_area { width: 100%; text-align: center; padding: 5px 0; }замените на
#module_area { width: 72%; text-align: center; padding: 5px 0; margin:0 auto; }
чем меньше процент тем уже слайдер
#16
Отправлено 04 Декабрь 2014 - 17:55
1.Нужно немного расширить слайд
2.поднять каталог
#17
Отправлено 04 Декабрь 2014 - 18:33
Ирина345 (04 Декабрь 2014 - 17:41) писал:
найдите в main.css
#module_area { width: 100%; text-align: center; padding: 5px 0; }замените на
#module_area { width: 72%; text-align: center; padding: 5px 0; margin:0 auto; }
чем меньше процент тем уже слайдер
#18
Отправлено 04 Декабрь 2014 - 18:49
Viatalliyy (04 Декабрь 2014 - 18:33) писал:
<!-- Главная страница --> {% IF index_page %} <div id="module_area"> <div id="flexslideshow" class="flexslider"> <ul class="slides"> <li> <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div> <img src="{ASSETS_IMAGES_PATH}slide1.png" alt="Slide 1" class="slide_img"> </li> <li> <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div> <img src="{ASSETS_IMAGES_PATH}slide2.png" alt="Slide 2" class="slide_img"> </li> <li> <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div> <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img"> </li> <li> <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide4.jpg) no-repeat"></div> <img src="{ASSETS_IMAGES_PATH}slide4.jpg" alt="Slide 4" class="slide_img"> </li> </ul> </div> </div> {% ENDIF %} <!-- /Главная страница -->переместите код после строки
<div id="content">
далее найдите в main.css
#header .flexslider li .bigPic {display:none !important;position:relative;top:0;margin: 0 auto;top: 0;left: 50%;margin-left: -960px;}замените на
.flexslider li .bigPic {display:none !important;position:relative;top:0;margin: 0 auto;top: 0;left: 50%;margin-left: -960px;}
предварительно создайте бекап.
#19
Отправлено 04 Декабрь 2014 - 19:41
найдите в HTML код
[CODE]
<! - Главная страница ->
{%, если index_page%}
<DIV ID = "module_area">
<DIV ID = класс "flexslideshow" = "FlexSlider">
<UL класс = "слайды">
<LI>
<DIV класс = стиль "bigPic" = "ширина: 1920px; высота: 550px; фон: URL ({ASSETS_IMAGES_PATH} slide1.png) не повторять; "> </ DIV>
<IMG SRC = "{ASSETS_IMAGES_PATH} slide1.png" Alt = "Slide 1" класс = "slide_img">
</ LI>
<LI>
<DIV класс = "стиль bigPic" = "ширина: 1920px ; высота: 550px; фон: URL ({ASSETS_IMAGES_PATH} slide2.png) не повторять; "> </ DIV>
<IMG SRC = "{ASSETS_IMAGES_PATH} slide2.png" Alt = класс "Слайд 2" = "slide_img">
</ LI>
<LI >
<DIV класс = стиль "bigPic" = "ширина: 1920px; высота: 550px; фон: URL ({ASSETS_IMAGES_PATH} slide3.png) не повторять; "> </ DIV>
<IMG SRC = "{ASSETS_IMAGES_PATH} slide3.png" Alt = "Слайд 3" класс = "slide_img">
</ LI>
<LI >
<DIV класс = стиль "bigPic" = "ширина: 1920px; высота: 550px; фон: URL ({ASSETS_IMAGES_PATH} slide4.jpg) не повторять "> </ DIV>
<IMG SRC = "{ASSETS_IMAGES_PATH} slide4.jpg" Alt = "Слайд 4" CLASS = "slide_img">
</ LI>
</ UL >
</ DIV>
</ DIV>
{% ENDIF%}
<! - / Главная страница -> [/ CODE]
переместите код после строки
[CODE] <DIV ID = "содержание"> [/ CODE] далее найдите в главном. CSS [CODE] #header .flexslider Ли .bigPic {дисплей: нет Важная; положение: относительная; сверху: 0; маржа: 0 авто; сверху: 0; слева: 50%; Левое поле: -960px;} [/ CODE] замените на [CODE] .flexslider Ли .bigPic {дисплей: нет Важная; положение: относительная; сверху: 0; маржа: 0 авто; сверху: 0; слева: 50%; Левое поле: -960px;} [/ CODE]. предварительно создайте бекап [/ цитата]
Так вроде ничего и не изменилось
#20
Отправлено 04 Декабрь 2014 - 19:53
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных