Перейти к содержимому


Уменьшить Размер Слайдера И Сдвинуть Его Вправо, А Также Уменьшить Подвал И Вставить Виджеты


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 19

#1 Ляйсан Даминова

Ляйсан Даминова

    Пользователь

  • Пользователи
  • PipPip
  • 11 сообщений

Отправлено 26 Июль 2014 - 22:58

1)Нужно уменьшить размер слайдера и сдвинуть его вправо, примерно как вот здесь: http://powertea.ru/
Делала, как написано тут: http://forum.storela...азмер-слайдера/
но картинка стала наполовину в слайдере (съехала влево)
2) как немного уменьшить высоту подвала? идеально было бы, чтобы высота подвала была по максимальной информации, которая написано, чтобы лишнего пустого места не было
3) дайте, пожалуйста ссылочку на тему, если таковая поднималась, как вставлять виджеты вк, одноклассники и прочее в подвал

#2 batta

batta

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 26 Июль 2014 - 23:04

Просмотр сообщенияЛяйсан Даминова (26 Июль 2014 - 22:58) писал:

1)Нужно уменьшить размер слайдера и сдвинуть его вправо, примерно как вот здесь: http://powertea.ru/
Делала, как написано тут: http://forum.storela...азмер-слайдера/
но картинка стала наполовину в слайдере (съехала влево)
2) как немного уменьшить высоту подвала? идеально было бы, чтобы высота подвала была по максимальной информации, которая написано, чтобы лишнего пустого места не было
3) дайте, пожалуйста ссылочку на тему, если таковая поднималась, как вставлять виджеты вк, одноклассники и прочее в подвал
Здравствуйте.

main.css
#footer .column {
margin-bottom: 15px;
min-height: 348px;
}
изменит на
#footer .column {
margin-bottom: 15px;
min-height: 186px;
}


#3 Ляйсан Даминова

Ляйсан Даминова

    Пользователь

  • Пользователи
  • PipPip
  • 11 сообщений

Отправлено 26 Июль 2014 - 23:11

Спасибо! а что насчёт 1 и 3 вопроса?

#4 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 27 Июль 2014 - 13:35

Просмотр сообщенияЛяйсан Даминова (26 Июль 2014 - 23:11) писал:

Спасибо! а что насчёт 1 и 3 вопроса?
Здравствуйте,
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 Ляйсан Даминова

Ляйсан Даминова

    Пользователь

  • Пользователи
  • PipPip
  • 11 сообщений

Отправлено 28 Июль 2014 - 04:03

Спасибо большое! Все получилось! Код вк виджета получила, но вставить не могу найти куда, получается под новостями или контактами (а надо рядом). код виджета: <script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script>

<!-- 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 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 28 Июль 2014 - 07:28

Просмотр сообщенияЛяйсан Даминова (28 Июль 2014 - 04:03) писал:

Спасибо большое! Все получилось! Код вк виджета получила, но вставить не могу найти куда, получается под новостями или контактами (а надо рядом). код виджета: <script type="text/javascript" src="//vk.com/js/api/openapi.js?115"></script>

<!-- 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 Ляйсан Даминова

Ляйсан Даминова

    Пользователь

  • Пользователи
  • PipPip
  • 11 сообщений

Отправлено 28 Июль 2014 - 11:11

Спасибо огромное!!!

#8 melisa

melisa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 108 сообщений

Отправлено 06 Сентябрь 2014 - 14:07

Добрый день ,
вроде сделала все как написано но получилось  киш-миш  какой-то .
меню слево   слишком прижато к левому боку и притом  идут строчки через всю ширину
картинки в слайдере показываются некорректно ,
маленькая картинка  пробная загруженая  отображается частично правым боком .
помогите исправить  где-то явно накосячила с кодами  ....
Изображение
Изображение

#9 AnnaM

AnnaM

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 06 Сентябрь 2014 - 14:10

Скрытый текст
Уточните номер вашего аккаунта,пожалуйста.

#10 melisa

melisa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 108 сообщений

Отправлено 06 Сентябрь 2014 - 14:20

SL-253933

#11 Alekseys

Alekseys

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 06 Сентябрь 2014 - 14:35

Просмотр сообщенияmelisa (06 Сентябрь 2014 - 14:20) писал:

SL-253933
Здравствуйте. Пожалуйста, восстановите бэкап шаблона до изменений, которые привели к данной проблеме, и укажите на скриншоте, какие изменения Вам требуется внести.

#12 AnnaM

AnnaM

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 1 040 сообщений

Отправлено 06 Сентябрь 2014 - 14:42

Просмотр сообщенияmelisa (06 Сентябрь 2014 - 14:20) писал:

SL-253933
В файле "HTML" найдите код
<!-- Каталог товаров -->			  
				 {%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 melisa

melisa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 108 сообщений

Отправлено 06 Сентябрь 2014 - 14:46

Просмотр сообщенияAlekseys (06 Сентябрь 2014 - 14:35) писал:

Здравствуйте. Пожалуйста, восстановите бэкап шаблона до изменений, которые привели к данной проблеме, и укажите на скриншоте, какие изменения Вам требуется внести.
Восстановила ,

Нужно то же самое :<p>


  • Пользователи
  • Изображение
  • 8 сообщений


    Отправлено 26 July 2014 - 22:58

    1)Нужно уменьшить размер слайдера и сдвинуть его вправо, примерно как вот здесь: http://powertea.ru/



    т.е чтобы меню слево было сразу под шапкой , справа был слайдер , не во всю ширину  а рядом с меню .
    Изображение

    #14 AnnaM

    AnnaM

      Активный участник

    • Пользователи
    • PipPipPipPip
    • 1 040 сообщений

    Отправлено 06 Сентябрь 2014 - 14:59

    Скрытый текст
    в файле "HTML" найдите и удалите код
    <!-- Главная страница -->
    	 {% 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 melisa

    melisa

      Продвинутый пользователь

    • Пользователи
    • PipPipPip
    • 108 сообщений

    Отправлено 06 Сентябрь 2014 - 15:25

    Сделала все ,  слайдер получился двойным ! ))
    верхний  - то что надо , а вот нижний бы убрать  как-то ... ну либо верхний  убрать , лишь бы один остался .

    Изображение

    #16 Alekseys

    Alekseys

      Активный участник

    • Пользователи
    • PipPipPipPip
    • 2 355 сообщений

    Отправлено 06 Сентябрь 2014 - 15:37

    Просмотр сообщенияmelisa (06 Сентябрь 2014 - 15:25) писал:

    Сделала все ,  слайдер получился двойным ! ))
    верхний  - то что надо , а вот нижний бы убрать  как-то ... ну либо верхний  убрать , лишь бы один остался .
    Скрытый текст
    Здравствуйте. В разделе Сайт -> Редактор шаблонов -> HTML замените
    <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 AnnaM

    AnnaM

      Активный участник

    • Пользователи
    • PipPipPipPip
    • 1 040 сообщений

    Отправлено 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 melisa

    melisa

      Продвинутый пользователь

    • Пользователи
    • PipPipPip
    • 108 сообщений

    Отправлено 06 Сентябрь 2014 - 15:41

    Всё получилось  , спасибо  большое  за скорость !  :rolleyes:

    #19 Nata24

    Nata24

      Новичок

    • Пользователи
    • Pip
    • 8 сообщений

    Отправлено 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 Alekseys

    Alekseys

      Активный участник

    • Пользователи
    • PipPipPipPip
    • 2 355 сообщений

    Отправлено 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
    Здравствуйте. Для изменения размеров в main.css замените
    .flexslider .slides img {
    width: 100%;
    display: block;
    }
    
    на
    .flexslider .slides img {
    width: 100%;
    display: block;
    height: 550px;
    }
    
    и редактируйте параметры width: 100%; (ширина) и height: 550px; (высота).




    Количество пользователей, читающих эту тему: 0

    0 пользователей, 0 гостей, 0 анонимных