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


Разделение Тела Сайта На Столбцы

тело сайта разделить

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

#1 Jason RND

Jason RND

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

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

Отправлено 30 Август 2014 - 20:11

Уважаемые админы!

Появилась необходимость добавить еще один столбец к телу сайта ( ранее я разделял тело на 2 столбца с помощью support 2.0)
Вот его записи:

в шаблоне HTML найдите
<!-- контент -->
<div class="container" id="cpages">
         <div class="content_page">
         <table>

замените на
<!-- контент -->
<div class="container" id="cpages">
         <div class="content_page">
         <table style="border-spacing: 5px;border-collapse: separate;">

теперь в файле main.css найдите блок
.content_catalog {
         padding-top: 80px;
         vertical-align: top;
}
замените на
.content_catalog {
padding-top: 80px;
vertical-align: top;
background: #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

теперь найдите
.content_body {
vertical-align:top;
}
замените на
.content_body {
background: #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

далее найдите
.content_page {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg) repeat 0px 20px;
min-height: 500px;
overflow:hidden;
padding-bottom: 2em;
margin-bottom: 20px;
}
замените на
.content_page {
min-height: 500px;
overflow:hidden;
padding-bottom: 2em;
margin-bottom: 20px;
}


Теперь необходимо добавить еще один столбец (для симметрии). Желаемое на скрине.
Заранее благодарен!
тыц

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

  • FastStoneEditor1.jpg


#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 02 Сентябрь 2014 - 02:45

уточните пожалуйста, на данный момент отображение вашего сайта идентично скрину, вы хотите в левую колонку продублировать каталог?

#3 Jason RND

Jason RND

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

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

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

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

#4 Ирина345

Ирина345

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

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

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

Просмотр сообщенияJason RND (02 Сентябрь 2014 - 19:59) писал:

слева просто баннеры висят, а мне нужно, чтобы под ними было тело, как в правой колонке....(но каталог сам не нужен..., только тело...)
Здравствуйте, уточните как и где должно выглядеть тело?

#5 Jason RND

Jason RND

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

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

Отправлено 03 Сентябрь 2014 - 13:34

Просмотр сообщенияИрина345 (02 Сентябрь 2014 - 20:04) писал:

Здравствуйте, уточните как и где должно выглядеть тело?
на картинке нарисовано....скопировать правый столбец и вставить его слева (под рекламные баннеры)

#6 Ирина345

Ирина345

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

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

Отправлено 03 Сентябрь 2014 - 16:32

Просмотр сообщенияJason RND (03 Сентябрь 2014 - 13:34) писал:

на картинке нарисовано....скопировать правый столбец и вставить его слева (под рекламные баннеры)
Здравствуйте, уточните о каком магазине идет речь.

#7 Jason RND

Jason RND

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

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

Отправлено 03 Сентябрь 2014 - 19:33

вы издеваетесь?! все в 1-м сообщении

#8 Ирина345

Ирина345

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

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

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

Просмотр сообщенияJason RND (03 Сентябрь 2014 - 19:33) писал:

вы издеваетесь?! все в 1-м сообщении
найдите в hTML
<div class="banner_left1"><div style="height: 45px; fixed !important;">
   <a href="http://roskupon.ru/page/spravochnik-organizacij-Rostova-na-Donu"><img src="http://st.roskupon.ru/8/1194/616/gis4.jpg"/></a>
</div>  </div>

замените на

<div class="banner_left1"><div style="height: 45px; fixed !important;">
   <a href="http://roskupon.ru/page/spravochnik-organizacij-Rostova-na-Donu"><img src="http://st.roskupon.ru/8/1194/616/gis4.jpg"/></a>
</div>  </div>
<div class="banner_left2"></div>
Добавьте в конец файла  main.css
.banner_left2 {
width: 200px;
height: 200px;
position: absolute;
background: white;
top: 629px;
left: 10px;
vertical-align: top;
}


#9 Jason RND

Jason RND

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

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

Отправлено 03 Сентябрь 2014 - 21:00

мне НЕ нужен баннер! Баннеры делать умею! Мне нужно ...ВНИМАНИЕ!!! Тело сайта! тело!!! ( белый фон в левом столбце, чтобы был так же как в правом!) Сейчас у меня тело разделено на 2: cont.700 и cont.250.
Вот нужен второй такой cont.250 , только слева! (и получится, что тело сайта (BODY) разделено на 3! столбца! А у меня сейчас на 2!
Есои кто-то еще не понял вопрос - напишите.... Скрипт саппорта не просто так выкладывал....

#10 Ирина345

Ирина345

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

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

Отправлено 03 Сентябрь 2014 - 21:48

Просмотр сообщенияJason RND (03 Сентябрь 2014 - 21:00) писал:

мне НЕ нужен баннер! Баннеры делать умею! Мне нужно ...ВНИМАНИЕ!!! Тело сайта! тело!!! ( белый фон в левом столбце, чтобы был так же как в правом!) Сейчас у меня тело разделено на 2: cont.700 и cont.250.
Вот нужен второй такой cont.250 , только слева! (и получится, что тело сайта (BODY) разделено на 3! столбца! А у меня сейчас на 2!
Есои кто-то еще не понял вопрос - напишите.... Скрипт саппорта не просто так выкладывал....
Найдите в шаблоне hTML код

				<table style="border-spacing: 5px;border-collapse: separate; min-height: 1500px;">
		
		  <tr>
  
			<td class="content_body cont700">
			  {BODY}
замените на

				<table style="border-spacing: 5px;border-collapse: separate; min-height: 1500px;">
		
		  <tr>
		  <td class="content_catalog cont250"></td>
			<td class="content_body cont700">
			  {BODY}
далее найдите в main.css
.container {position:relative; width: 960px; margin: 0px auto; padding-left: 210px;}
замените на
.container {position:relative; width: 960px; margin: 0px auto; padding-right: 214px;}
далее находим

.content_page {
  min-height: 500px;
  overflow:hidden; 
  padding-bottom: 2em;
  margin-bottom: 20px;
}
заменяем на

.content_page {
  min-height: 500px;

  width: 1188px;
  overflow:hidden; 
  padding-bottom: 2em;
  margin-bottom: 20px;
}
находим
.banner_left{
 position: absolute;
 top: 326px;
 width: 200px;
 z-index:1;
 left: 10px;
 background-attachment: fixed;
}

.banner_left1 {
 position: absolute;
 top: 25px;
 width: 200px;
 z-index:1;   
 left: 10px;
}
заменяем на


.banner_left{
 position: absolute;
 top: 334px;
 width: 200px;
 z-index:1;
 left: 10px;
 background-attachment: fixed;
}

.banner_left1 {
 position: absolute;
 top: 33px;
 width: 200px;
 z-index:1;   
 left: 10px;
}



#11 Jason RND

Jason RND

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

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

Отправлено 04 Сентябрь 2014 - 02:12

Вот теперь я вам благодарен!!!! Только нужно еще .container {position:relative; width:960px; margin:0pxauto; padding-right:214px;}

                                                               заменить на : .container {position:relative; width:1175px; margin:0pxauto;}

Спасибо за помощь!





Темы с аналогичным тегами тело сайта, разделить

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

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