Сообщений в теме: 13

[KILA]

Доброго дня, уважаемые форумчане и их родители)))
Осваиваю потихонечку шаблоны и html дабы не закидывать особо вопросами. Однако ничего не могу найти в ветках по выравниванию.
Сайт aipodarok.ru  наполнения пока никакого- только подгоняю шаблон. вопросы такие:
1. Как пододвинуть нижнее левое меню к левой границе слайдера?
2. Как пододвинуть название магазина к левой границе слайдера?
3. Как убрать из шапки слово "контакты"
4. Как пододвинуть контакты в шапке к левому краю верхнего меню
5. Как сузить размеры поля поиска и пододвинуть его начало к правому краю верхнего меню?
6. Как увеличить размеры верхнего меню и поднять само меню до уровня названия магазина?
7. Как пододвинуть корзину к правому краю слайдера?
8. Как растянуть новостной блок до правого края слайдера?
9. Как убрать нижнее меню?
10. Как убрать серую полоску из футера?
11. В процессе описания у меня почему-то меню съехало в левый нижний угол хедера. Как его поравить?
Для наглядности - прикладываю подробный принтскрин. Спасибо вам заранее за ответы.

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

• 

[Alexey11]

1. В шаблоне style.css найдите данный код: [size=4]

[/size]
.column,.columns{float:left;margin:0 15px}

замените на [size=4]

[/size]
.column,.columns{float:left;margin:0;}

2.Там же найдите данный код: [size=4]

[/size]
#header-logo{position:relative;display:table;float:left;margin-top:30px;width:210px;z-index:30;margin-left: 10px;}

замените на [size=4]

[/size]
#header-logo{position:relative;display:table;float:left;margin-top:30px;width:210px;z-index:30;margin-left: -10px;}

3.В шаблоне HTML найдите данный код:

{% ENDIF %}
	 <!-- END Блок навигации -->
		 <div class="block">
		 <h4>Контакты</h4>
		 <a class="open-close-footer" href="#"></a>
		 <div class="block_content">
		 <!-- Контактный телефон -->

удалите из него строку    <h4>Контакты</h4>
5.в шаблоне style.css найдите данный код:

#search_block_top #search_query_top{width:350px;*height: 26px !important; *padding-top: 10px !important; *padding-bottom: 0 !important; vertical-align: middle !important; border:1px solid #cecece!important;padding-right:30px}

замените его на

#search_block_top #search_query_top{width:250px;*height: 26px !important; *padding-top: 10px !important; *padding-bottom: 0 !important; vertical-align: middle !important; border:1px solid #cecece!important;padding-right:30px}

далее найдите данный код:

#search_block_top{position:static;float:right;margin:26px 10px 0 0}

замените его на:

#search_block_top{position:static;float:right;margin:8px 35px 0 0}

6.Найдите данный блок кода:

#megamenu li .root_link{color:#666666;text-transform:uppercase;font-size:11px; text-decoration: none;}

в нем измените значение font-size в большую сторону.
7.найдите данный блок кода:

#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:26px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}

замените на

#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:80px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}

9.В конец шаблона style.css добавьте данный код:

#footer-top-content {
display: none;
}

[KILA]

Спасибо Вам огромное за помощь!!! Никак не могу разобраться по какому принципу правки производить. Правда после вышеозвученных подсказок вообще все "поплыло"((((Надеюсь, Вы сможете уделить мне еще немного времени..
1. Как бы мне поставить блок контакты справа от логотипа вровень с левым краем верхнего меню? (это из предыдущих вопросов)
2. Как сделать верхнее меню на одном уровне с названием магазина и спустить его к нижней  линии хедера?
тут разобрался наполовину: подвинул верхнее меню к названию магазина, варьируя значение top в коде :


#megamenu{position:absolute;height:54px;top:96px;left:238px;}
однако, насколько я успел разобраться в таком случае положение у меню будет фиксированное и если в каком-либо браузере лого съедет то выглядеть все  будет ужасно т.к. не фиксировано. Я прав?? и По-прежнему не могу перенести дурацкие контакты((((

3. Как сделать поиск и корзину на одном уровне? Рядом - вопрос снимаю, сам разобрался
ну и у меня почему-то нижнее меню не удалилось(((и полоску не знаю как серую убрать из прошлых вопросовбуду признателен за помощь!!! А то сам уже все поломал(((теперь вообще разобраться не могу что к чему... Принтскрин прилагаю

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

• 

[KILA]

ааааааааааааааааа))))по-мо-ги-те!!))))

[Alexey11]

1.Найдите данный блок кода в style.css

.contacts {font-size: 17px;}

замените его на

.contacts {float:left; margin-top:35px;margin-left:45px;font-size: 17px;}

далее найдите данный блок кода:

#search_block_top{position:static;float:right;margin:130px 35px 0 0}

замените его на

#search_block_top{position:static;float:right;margin:80px 35px 0 0}

Далее в самый конец style.css добавьте данный блок кода:

#footer-top-content {
	display: none;
}

[KILA]

Alexey11 (13 Январь 2014 - 17:49) писал:

1.Найдите данный блок кода в style.css

.contacts {font-size: 17px;}

замените его на

.contacts {float:left; margin-top:35px;margin-left:45px;font-size: 17px;}

урааааааааааааааааааааа!!!!!спасибо!!!!

далее найдите данный блок кода:

#search_block_top{position:static;float:right;margin:130px 35px 0 0}

замените его на

#search_block_top{position:static;float:right;margin:80px 35px 0 0}

спасибо, тоже сработало

Далее в самый конец style.css добавьте данный блок кода:

#footer-top-content {
display: none;
}

не работает, меню видно до сих пор- все добавил.

[Alexey11]

Тогда в конец style.css добавьте данный код:

#megamenu_bottom {display:none;}

[KILA]

а я просто из раздела "меню" админки удалил нижнее меню))

а как в подвале 2 серых полоски удалить- вот эти:

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

• 

[ne_yana]

KILA (13 Январь 2014 - 19:36) писал:

а я просто из раздела "меню" админки удалил нижнее меню))

а как в подвале 2 серых полоски удалить?

Здравствуйте, в файле style.css замените

#footer-fluid {
background: #3c3c3c;
}

на

#footer-fluid {
background: #2a2a2a;
}

#footer-bottom {
background: #2a2a2a;
border-top: 1px solid #363636;
padding: 15px 0;
color: #a0a0a0;
font-size: 11px;
}

на

#footer-bottom {
background: #2a2a2a;
padding: 15px 0;
color: #a0a0a0;
font-size: 11px;
}

[KILA]

спасибо. А вообще новостной блок можно убрать снизу а не закрасить?

[KILA]

и еще вопрос- а можно добавить 3-й и 4-й слайд в слайдер???

[Castiel]

KILA (13 Январь 2014 - 20:59) писал:

и еще вопрос- а можно добавить 3-й и 4-й слайд в слайдер???

Редактируем шаблон HTML
Находим

	  <div class="flexslider" id="autumn-slider">
		<ul class="slides">
		  <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
		<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
		</ul>
	 </div>

Заменяем на

	  <div class="flexslider" id="autumn-slider">
		<ul class="slides">
		  <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg"></a></li>
		<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg"></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide3.jpg"></a></li>
<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide4.jpg"></a></li>
		</ul>
	 </div>

Загружаем слайды с названием slide3.jpg и slide4.jpg через Редактор шаблонов, Добавить Файлы

[KILA]

кхххххх))))))))УРАААААААААААААА!!!!!!!!!!!Спасибо!!!!!!!!!!

[ne_yana]

KILA (13 Январь 2014 - 19:51) писал:

спасибо. А вообще новостной блок можно убрать снизу а не закрасить?

Здравствуйте, в файле style.css замените

#footer{color:#fff;}

на

#footer{color:#fff;display: none;}