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


Изменение Размеров Подвала

подвал сайта

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

#1 jenek-sh

jenek-sh

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

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

Отправлено 09 Январь 2015 - 22:37

Помогите произвести изменение как на приложенном  скрине.

Прикрепленные изображения

  • Ashampoo_Snap_2015.01.jpg


#2 Ирина345

Ирина345

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

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

Отправлено 10 Январь 2015 - 09:55

Просмотр сообщенияjenek-sh (09 Январь 2015 - 22:37) писал:

Помогите произвести изменение как на приложенном  скрине.
Здравствуйте, найдите в style.css
#carousel_favorites, #carousel_specials, #carousel_newproducts, #carousel_bestsellers, #also_purchased {
position: relative;
height: 450px;
clear: both;
margin-bottom: 40px;
}
где меняете значение margin-bottom: 40px;

#3 jenek-sh

jenek-sh

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

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

Отправлено 10 Январь 2015 - 13:41

Просмотр сообщенияИрина345 (10 Январь 2015 - 09:55) писал:

Здравствуйте, найдите в style.css
 #carousel_favorites, #carousel_specials, #carousel_newproducts, #carousel_bestsellers, #also_purchased { position: relative; height: 450px; clear: both; margin-bottom: 40px; }
где меняете значение margin-bottom: 40px;

Что должно было поменяться? я ставил 10px и 80px изменений никаких.

#4 Ирина345

Ирина345

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

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

Отправлено 10 Январь 2015 - 14:26

Просмотр сообщенияjenek-sh (10 Январь 2015 - 13:41) писал:

Что должно было поменяться? я ставил 10px и 80px изменений никаких.
не вижу, что бы изменяли код, так же не забывайте чистить кеш браузера.
возможно причина так же , в том что в самом описание присутствует пустые строки.
Отредактируйте описание.

#5 jenek-sh

jenek-sh

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

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

Отправлено 10 Январь 2015 - 14:34

Просмотр сообщенияИрина345 (10 Январь 2015 - 14:26) писал:

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

Поставил 150 изменение увидел но меняется не то, что нужно.
Нужно уменьшить высоту подвала и строки с логотипом, которая появляется после прокрутки в низ. СМ. ПРИКРЕПЛЕННЫЙ ФАЙЛ.

Ashampoo_Snap_2015.01.jpg

#6 Ирина345

Ирина345

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

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

Отправлено 10 Январь 2015 - 15:21

Просмотр сообщенияjenek-sh (10 Январь 2015 - 14:34) писал:

Поставил 150 изменение увидел но меняется не то, что нужно.
Нужно уменьшить высоту подвала и строки с логотипом, которая появляется после прокрутки в низ. СМ. ПРИКРЕПЛЕННЫЙ ФАЙЛ.

Прикрепленный файл Ashampoo_Snap_2015.01.jpg
Найдите в main.css
#carousel_favorites, #carousel_specials, #carousel_newproducts, #carousel_bestsellers, #also_purchased {position: relative;height: 450px;clear: both;margin-bottom: 40px;}
замените на

#carousel_favorites, #carousel_specials, #carousel_newproducts, #carousel_bestsellers, #also_purchased {position: relative;height: 450px;clear: both;}

зайдите в редактор страницы
Видео Безопасность - Видеонаблюдение, видеодомофоны, сигнализация

и удалите пустые строки в конце текста

#7 jenek-sh

jenek-sh

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

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

Отправлено 10 Январь 2015 - 15:41

Просмотр сообщенияИрина345 (10 Январь 2015 - 15:21) писал:

Найдите в main.css
#carousel_favorites, #carousel_specials, #carousel_newproducts, #carousel_bestsellers, #also_purchased {position: relative;height: 450px;clear: both;margin-bottom: 40px;}
замените на

#carousel_favorites, #carousel_specials, #carousel_newproducts, #carousel_bestsellers, #also_purchased {position: relative;height: 450px;clear: both;}

зайдите в редактор страницы
Видео Безопасность - Видеонаблюдение, видеодомофоны, сигнализация

и удалите пустые строки в конце текста

Изменение сделал, пустые строки убрал.

Но мне нужно сделать СИНИЕ поле и СИНИЙ низ сайта  (в картинке они отмечены) УЖЕ по ВЫСОТЕ.

#8 Ирина345

Ирина345

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

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

Отправлено 10 Январь 2015 - 16:11

Просмотр сообщенияjenek-sh (10 Январь 2015 - 15:41) писал:

Изменение сделал, пустые строки убрал.

Но мне нужно сделать СИНИЕ поле и СИНИЙ низ сайта  (в картинке они отмечены) УЖЕ по ВЫСОТЕ.
Извините не правильно Вас поняла,
высота верхнего блока напрямую зависит от логотипа
для того что бы изменить размер логотипа найдите в main.css
.logo {
margin-top: 0;
text-align: center;
width: 150px;
float: left;
display: block;
padding: 5px;
background: none repeat scroll 0 0 rgba(0, 43, 119, 0);
}

где изменяете значение
width: 150px;

высота подвала, зависит от размеров блоков в подвале
уменьшить подвал можно уменьшив высоту текстового блока в обратном звонке
найдите в HTML
 <textarea id="feedback_message" rows="11" cols="40" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="required">{FORM_FEEDBACK_MESSAGE}</textarea>
				 
замените на

 <textarea id="feedback_message" rows="5" cols="40" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="required">{FORM_FEEDBACK_MESSAGE}</textarea>


#9 jenek-sh

jenek-sh

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

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

Отправлено 10 Январь 2015 - 16:31

Ashampoo_Snap_2015.02.jpg

Просмотр сообщенияИрина345 (10 Январь 2015 - 16:11) писал:

Извините не правильно Вас поняла,
высота верхнего блока напрямую зависит от логотипа
для того что бы изменить размер логотипа найдите в main.css
.logo {
margin-top: 0;
text-align: center;
width: 150px;
float: left;
display: block;
padding: 5px;
background: none repeat scroll 0 0 rgba(0, 43, 119, 0);
}

где изменяете значение
width: 150px;

высота подвала, зависит от размеров блоков в подвале
уменьшить подвал можно уменьшив высоту текстового блока в обратном звонке
найдите в HTML
<textarea id="feedback_message" rows="11" cols="40" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="required">{FORM_FEEDBACK_MESSAGE}</textarea>
замените на

 <textarea id="feedback_message" rows="5" cols="40" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="required">{FORM_FEEDBACK_MESSAGE}</textarea>

Размером 150px  я пробовал изменить до этого, при его изменении меняется так-же  и верхушка сайта, а мне надо изменить только это синее поле. Есть какие нибудь варианты?

По поводу подвала, можно ли сместить "

© 2015 «ВИДЕО БЕЗОПАСНОСТЬ»И

П ШУЛЬЦ

ВСЕ ПРАВА ЗАЩИЩЕНЫ

РОССИЯ"

" повыше как на приложенном рисунке, и тем самым сузить это поле.

#10 Ирина345

Ирина345

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

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

Отправлено 10 Январь 2015 - 17:23

Просмотр сообщенияjenek-sh (10 Январь 2015 - 16:31) писал:

Прикрепленный файл Ashampoo_Snap_2015.02.jpg

Размером 150px  я пробовал изменить до этого, при его изменении меняется так-же  и верхушка сайта, а мне надо изменить только это синее поле. Есть какие нибудь варианты?

По поводу подвала, можно ли сместить "

© 2015 «ВИДЕО БЕЗОПАСНОСТЬ»И

П ШУЛЬЦ

ВСЕ ПРАВА ЗАЩИЩЕНЫ

РОССИЯ"

" повыше как на приложенном рисунке, и тем самым сузить это поле.


попробуйте такой варианте
найдите в style.css
#copyright {
line-height: 12px;
text-transform: uppercase;
text-align: center !important;
clear: both;
padding-bottom: 9px;
font-size: 10px;
font-family: Calibri;
color: #959595;
}
замените на

#copyright {
line-height: 12px;
text-transform: uppercase;
text-align: center !important;
clear: both;
padding-bottom: 9px;
font-size: 10px;
font-family: Calibri;
color: #959595;
position: absolute;
margin-top: -92px;
}


найдите в HTML

    
<div class="container">
	   <div class="logo">
			<a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=movement" alt="" title="" class="scale-with-grid" ></a>			
		  </div>
замените на


  <div class="container">
	   <div class="logo">
			<a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=movement" alt="" title="" class="scale-with-grid" style="height: 100px;"></a>			
		  </div>



#11 jenek-sh

jenek-sh

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

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

Отправлено 10 Январь 2015 - 23:00

Просмотр сообщенияИрина345 (10 Январь 2015 - 17:23) писал:

попробуйте такой варианте
найдите в style.css
#copyright {
line-height: 12px;
text-transform: uppercase;
text-align: center !important;
clear: both;
padding-bottom: 9px;
font-size: 10px;
font-family: Calibri;
color: #959595;
}
замените на

#copyright {
line-height: 12px;
text-transform: uppercase;
text-align: center !important;
clear: both;
padding-bottom: 9px;
font-size: 10px;
font-family: Calibri;
color: #959595;
position: absolute;
margin-top: -92px;
}


найдите в HTML

<div class="container">
<div class="logo">
<a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=movement" alt="" title="" class="scale-with-grid" ></a>
</div>
замените на


<div class="container">
<div class="logo">
<a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png?design=movement" alt="" title="" class="scale-with-grid" style="height: 100px;"></a>
</div>


По подвалу в принципе все единственное я убрал position: absolute;  , правильно ли это но выглядит как хотелось.

По верхне синей полосе, изменился логотип в верхушке, при этом  в самой полосе ни каких изменений.

#12 jenek-sh

jenek-sh

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

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

Отправлено 11 Январь 2015 - 19:30

Все сделал спасибо. Вопрос закрыт!





Темы с аналогичным тегами подвал сайта

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

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