Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Объединение Блоков, Высота Блоков, Название Страницы

Автор jakarda, 15 февр. 2014 20:07

Авторизуйтесь для ответа в теме

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

#1 jakarda

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

Пользователи
31 сообщений

Отправлено 15 Февраль 2014 - 20:07

Добрый день, подскажите пожалуйста, как меню (рис.1) прикрепить к блоку контента(рис.2), что бы при изменении размера страницы они были вместе не зависимо от масштаба. Как установить минимальную высоту блока контента(рис.3)? И как с главной страницы убрать название самой страницы(рис.4), но что бы на остальных страницах(каталог, доставка и т.д.) название было?
Заранее спасибо за ответ!)

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

Наверх

#2 @lina_va

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

Модератоpы
498 сообщений

Отправлено 16 Февраль 2014 - 12:46

jakarda (15 Февраль 2014 - 20:07) писал:

Добрый день, подскажите пожалуйста, как меню (рис.1) прикрепить к блоку контента(рис.2), что бы при изменении размера страницы они были вместе не зависимо от масштаба. Как установить минимальную высоту блока контента(рис.3)? И как с главной страницы убрать название самой страницы(рис.4), но что бы на остальных страницах(каталог, доставка и т.д.) название было?
Заранее спасибо за ответ!)

Добрый день.
1. В шаблоне html найдите код:

<div id="menu1">
		 <ul>
			 <li><a href="http://hotmars.ru/catalog">
					 <span class="title">Каталог</span>
					 <span class="text">Купить тут!</span>
				 </a>
			 </li>
			 </ul>
			 </div>
			 <div id="menu2">
			 <ul>
			 <li><a href="http://hotmars.ru/page/Ustanovka">
					 <span class="title">Установка</span>
					 <span class="text">Прочитай!</span>
				 </a>
			 </li>
			 </ul>
			 </div>
			 <div id="menu3">
			 <ul>
			 <li><a href="http://hotmars.ru/page/dostavka">
					 <span class="title">Доставка</span>
					 <span class="text">До дверей!</span>
				 </a>
			 </li>
			 </ul>
			 </div>
			 <div id="menu4">
			 <ul>
			 <li><a href="http://hotmars.ru/page/Kontakty">
					 <span class="title">Контакты</span>
					 <span class="text">Звони, Будем рады!</span>
				 </a>
			 </li>
			 </ul>
			 </div>

перенесите его после:

<div id="content">

Далее редактируем main.css
В коде:

#content {
width: 960px;
margin: 0 auto;
background: #FFFFFF;
position: relative;
z-index: 1;
overflow: hidden;
list-style: none;
padding: 0;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}

заменяем:

width: 960px;

на

width: 1200px;

Заменяем:

#contentMainTb {
width: 960px;
margin: 0;
border-collapse: collapse;
border-spacing: 0;
}

на

#contentMainTb {
float: right;
width: 960px;
margin: 0;
border-collapse: collapse;
border-spacing: 0;
}

#menu1 {
position: absolute;
left: 15px;
top: 270px;
}

на

#menu1 {
position: absolute;
left: 15px;
top: 0px;
}

#menu2 {
position: absolute;
margin: 0 auto;
left: 15px;
top: 340px;
}

на

#menu2 {
position: absolute;
margin: 0 auto;
left: 15px;
top: 70px;
}

#menu3 {
position: absolute;
margin: 0 auto;
left: 15px;
top: 410px;
}

на

#menu3 {
position: absolute;
margin: 0 auto;
left: 15px;
top: 140px;
}

и

#menu4 {
position: absolute;
margin: 0 auto;
left: 15px;
top: 480px;
}

на

#menu4 {
position: absolute;
margin: 0 auto;
left: 15px;
top: 210px;
}

смотрите скрин 1

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

Наверх

#3 @lina_va

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

Модератоpы
498 сообщений

Отправлено 16 Февраль 2014 - 12:51

Отредактировать высоту контента можно в main.cssв блоке:

#content {
width: 960px;
margin: 0 auto;
background: #FFFFFF;
position: relative;
z-index: 1;
overflow: hidden;
list-style: none;
padding: 0;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}

добавьте строку

height:

и пропишите нужную высоту
3. Чтобы скрыть каталог на главной странице в html замените:

   <div id="header">
	<a href="http://{NET_DOMAIN}/" title="Перейти на главную"><span id="logo"></span></a>
   </div>

на

   {% IF NOT index_page %}
	 <div id="header">
	<a href="http://{NET_DOMAIN}/" title="Перейти на главную"><span id="logo"></span></a>
   </div>
	 
	  {% ENDIF %}

Наверх

#4 jakarda

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

Пользователи
31 сообщений

Отправлено 16 Февраль 2014 - 15:40

Не понимаю как убрать надпись "Главная"

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

Наверх

#5 @lina_va

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

Модератоpы
498 сообщений

Отправлено 16 Февраль 2014 - 17:30

jakarda (16 Февраль 2014 - 15:40) писал:

Не понимаю как убрать надпись "Главная"

B main.css замените:

h1 {
font-weight: lighter;
color: #474747;
font-size: 1.9666em;
line-height: 1.1538em;
margin: 0.7692em 0 0.3846em 0;
}

на

h1 {
display: none;
font-weight: lighter;
color: #474747;
font-size: 1.9666em;
line-height: 1.1538em;
margin: 0.7692em 0 0.3846em 0;
}

Наверх

#6 jakarda

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

Пользователи
31 сообщений

Отправлено 16 Февраль 2014 - 19:55

@lina_va (16 Февраль 2014 - 17:30) писал:

B main.css замените:

h1 {
font-weight: lighter;
color: #474747;
font-size: 1.9666em;
line-height: 1.1538em;
margin: 0.7692em 0 0.3846em 0;
}

на

h1 {
display: none;
font-weight: lighter;
color: #474747;
font-size: 1.9666em;
line-height: 1.1538em;
margin: 0.7692em 0 0.3846em 0;
}

Вы не внимательно прочитали вопрос. Как убрать название страницы "Главная" с главной страницы, но что бы на остальных страницах название было!

Наверх

#7 jakarda

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

Пользователи
31 сообщений

Отправлено 16 Февраль 2014 - 20:08

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

Наверх

#8 support 2.0

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

Модераторы
4 950 сообщений

Отправлено 17 Февраль 2014 - 06:21

jakarda (16 Февраль 2014 - 19:55) писал:

Вы не внимательно прочитали вопрос. Как убрать название страницы "Главная" с главной страницы, но что бы на остальных страницах название было!

Вообще тег h1 не рекомендуется убирать со страниц, особенно, если это заголовок страницы. Это понизит Вас в выдаче, но если все же Вы хотите это сделать, добавьте в шаблоне HTML после

{% IF index_page %}

этот блок

<style>
h1 {display:none;}
</style>

Наверх

#9 support 2.0

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

Модераторы
4 950 сообщений

Отправлено 17 Февраль 2014 - 06:28

jakarda (16 Февраль 2014 - 20:08) писал:

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

С меню ситуация пока непонятна. У меня не меняется расстояния между каталогом и контентом. Может Вы хотите сделать как с корзиной, но это также не лучший вариант, каталог постоянно будет уезжать на маленьком разрешении экрана.