Уменьшить Размер Слайдера И Сдвинуть Его Вправо, А Также Уменьшить Подвал И Вставить Виджеты
#1
Отправлено 26 Июль 2014 - 22:58
Делала, как написано тут: http://forum.storela...азмер-слайдера/
но картинка стала наполовину в слайдере (съехала влево)
2) как немного уменьшить высоту подвала? идеально было бы, чтобы высота подвала была по максимальной информации, которая написано, чтобы лишнего пустого места не было
3) дайте, пожалуйста ссылочку на тему, если таковая поднималась, как вставлять виджеты вк, одноклассники и прочее в подвал
#2
Отправлено 26 Июль 2014 - 23:04
Ляйсан Даминова (26 Июль 2014 - 22:58) писал:
Делала, как написано тут: http://forum.storela...азмер-слайдера/
но картинка стала наполовину в слайдере (съехала влево)
2) как немного уменьшить высоту подвала? идеально было бы, чтобы высота подвала была по максимальной информации, которая написано, чтобы лишнего пустого места не было
3) дайте, пожалуйста ссылочку на тему, если таковая поднималась, как вставлять виджеты вк, одноклассники и прочее в подвал
main.css
#footer .column { margin-bottom: 15px; min-height: 348px; }изменит на
#footer .column { margin-bottom: 15px; min-height: 186px; }
#3
Отправлено 26 Июль 2014 - 23:11
#4
Отправлено 27 Июль 2014 - 13:35
Ляйсан Даминова (26 Июль 2014 - 23:11) писал:
1. отмените инструкции связанные со слайдером и верните к первоначальному виду
Далее найдите в HTML код
<!-- Главная страница --> {% IF index_page %} <div id="module_area"> <div id="flexslideshow" class="flexslider"> <ul class="slides"> <li> <div class="bigPic" style="width: 960px; height: 320px; 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: 960px; height: 320px; 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: 960px; height: 320px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div> <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img"> </li> </ul> </div> </div> {% ENDIF %} <!-- /Главная страница -->и переместите его между строчками
<div id="content"> {BODY}также найдите в main.css
#header .flexslider {width:100%;margin:0 auto !important;} #header .flexslider li .bigPic {display:none !important;position:relative;top:0;margin: 0 auto;top: 0;left: 50%;margin-left: -960px;} #header .flexslider ul.slides li {text-align:center !important;position:relative;*margin-left: -20px;}замените на
.flexslider {width:100%;margin:0 auto !important;} .flexslider li .bigPic {display:none !important;position:relative;top:0;margin: 0 auto;top: 0;left: 50%;margin-left: -960px;} .flexslider ul.slides li {text-align:center !important;position:relative;*margin-left: -20px;}
3. по данной ссылке можете сгенерировать код вк
http://vk.com/dev/Community
#5
Отправлено 28 Июль 2014 - 04:03
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 74848809);
</script>
2) еще один момент: как поменять шрифт и цвет названия страницы, то есть, например, доставка, а то в админке можно только самого текста стиль менять, а названия страницы - нет
#6
Отправлено 28 Июль 2014 - 07:28
Ляйсан Даминова (28 Июль 2014 - 04:03) писал:
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 74848809);
</script>
2) еще один момент: как поменять шрифт и цвет названия страницы, то есть, например, доставка, а то в админке можно только самого текста стиль менять, а названия страницы - нет
1) Изменения внесли
2) Можно поменять только в main.css с строчке:
#content .heading_title span { border-bottom: 1px solid #BA55D3; padding-bottom: 8px; padding-right: 10px; position: absolute; bottom: -1px; left: 0px; }
#7
Отправлено 28 Июль 2014 - 11:11
#8
Отправлено 06 Сентябрь 2014 - 14:07
вроде сделала все как написано но получилось киш-миш какой-то .
меню слево слишком прижато к левому боку и притом идут строчки через всю ширину
картинки в слайдере показываются некорректно ,
маленькая картинка пробная загруженая отображается частично правым боком .
помогите исправить где-то явно накосячила с кодами ....
#9
Отправлено 06 Сентябрь 2014 - 14:10
#10
Отправлено 06 Сентябрь 2014 - 14:20
#12
Отправлено 06 Сентябрь 2014 - 14:42
melisa (06 Сентябрь 2014 - 14:20) писал:
<!-- Каталог товаров --> {%IFNOT catalog_full_empty%} <div class="box"> <div class="box-heading">Каталог</div> <div class="box-content"> <div class="box-category"> {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}"> <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} </div> </div> </div> {%ENDIF%} <!-- /Каталог товаров -->и переместите его после строчки
<div class="inner"> <div id="column-left">
#13
Отправлено 06 Сентябрь 2014 - 14:46
Alekseys (06 Сентябрь 2014 - 14:35) писал:
Нужно то же самое :<p>
- Пользователи
- 8 сообщений
Отправлено 26 July 2014 - 22:58
1)Нужно уменьшить размер слайдера и сдвинуть его вправо, примерно как вот здесь: http://powertea.ru/
т.е чтобы меню слево было сразу под шапкой , справа был слайдер , не во всю ширину а рядом с меню .
#14
Отправлено 06 Сентябрь 2014 - 14:59
<!-- Главная страница --> {% 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> </ul> </div> </div> {% ENDIF %} <!-- /Главная страница -->затем, после строчки
<div id="content">вставьте
<!-- Главная страница --> {% IF index_page %} <div id="module_area"> <div id="flexslideshow" class="flexslider"> <ul class="slides"> <li> <div class="bigPic" style="width: 965px; height: 400px; 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: 965px; height: 400px; 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: 965px; height: 400px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div> <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img"> </li> </ul> </div> </div> {% ENDIF %} <!-- /Главная страница -->предварительно загрузив вместо используемых картинок свои изображения 965х400.
#15
Отправлено 06 Сентябрь 2014 - 15:25
верхний - то что надо , а вот нижний бы убрать как-то ... ну либо верхний убрать , лишь бы один остался .
#16
Отправлено 06 Сентябрь 2014 - 15:37
melisa (06 Сентябрь 2014 - 15:25) писал:
верхний - то что надо , а вот нижний бы убрать как-то ... ну либо верхний убрать , лишь бы один остался .
<div id="flexslideshow" class="flexslider"> <ul class="slides"> <li> <div class="bigPic" style="width: 965px; height: 400px; 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: 965px; height: 400px; 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: 965px; height: 400px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div> <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img"> </li> </ul> </div>на
<div id="flexslideshow" class="flexslider"> <ul class="slides"> <li> <div class="bigPic" style="width: 965px; height: 400px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div> </li> <li> <div class="bigPic" style="width: 965px; height: 400px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div> </li> <li> <div class="bigPic" style="width: 965px; height: 400px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div> </li> </ul> </div>
#17
Отправлено 06 Сентябрь 2014 - 15:37
melisa (06 Сентябрь 2014 - 15:25) писал:
верхний - то что надо , а вот нижний бы убрать как-то ... ну либо верхний убрать , лишь бы один остался .
<!-- Главная страница --> {% IF index_page %} <div id="module_area"> <div id="flexslideshow" class="flexslider"> <ul class="slides"> <li> <div class="bigPic" style="width: 965px; height: 400px; 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: 965px; height: 400px; 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: 965px; height: 400px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div> <img src="{ASSETS_IMAGES_PATH}slide3.png" alt="Slide 3" class="slide_img"> </li> </ul> </div> </div> {% ENDIF %} <!-- /Главная страница -->замените на
<!-- Главная страница --> {% IF index_page %} <div id="module_area"> <div id="flexslideshow" class="flexslider"> <ul class="slides"> <li> <div class="bigPic" style="width: 965px; height: 400px; background:url({ASSETS_IMAGES_PATH}slide1.png) no-repeat;"></div> </li> <li> <div class="bigPic" style="width: 965px; height: 400px; background:url({ASSETS_IMAGES_PATH}slide2.png) no-repeat;"></div> </li> <li> <div class="bigPic" style="width: 965px; height: 400px; background:url({ASSETS_IMAGES_PATH}slide3.png) no-repeat;"></div> </li> </ul> </div> </div> {% ENDIF %} <!-- /Главная страница -->
#18
Отправлено 06 Сентябрь 2014 - 15:41
#19
Отправлено 25 Ноябрь 2014 - 17:41
main.css
#footer .column {
margin-bottom: 15px;
min-height: 348px;
}
изменит на
#footer .column {
margin-bottom: 15px;
min-height: 186px;
}
Все равно остается большая. Аккаунт SL-321164
#20
Отправлено 25 Ноябрь 2014 - 17:49
Nata24 (25 Ноябрь 2014 - 17:41) писал:
main.css
#footer .column {
margin-bottom: 15px;
min-height: 348px;
}
изменит на
#footer .column {
margin-bottom: 15px;
min-height: 186px;
}
Все равно остается большая. Аккаунт SL-321164
.flexslider .slides img { width: 100%; display: block; }на
.flexslider .slides img { width: 100%; display: block; height: 550px; }и редактируйте параметры width: 100%; (ширина) и height: 550px; (высота).
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных