Архив - только для чтения
Сообщество uCoz » Архивариус » Архив » Как создать второй контейнер с блоками (если предусмотрен только один контейнер...)
Как создать второй контейнер с блоками
Модератор форума
Сообщение # 1 | 17:36:34 10 Авг 2011
Во многих стандартных шаблонах предусмотрен только один контейнер. Второй можно создать вручную. Но только, если дизайн не основан на изображениях фиксированного размера. В этом случае кроме добавления Глобального блока потребуется перерисовка всей графики.

1. Создайте Глобальных блок (Панель управления - Управление дизайном - Глобальные блоки)



Нажмите кнопку 'Добавить блок'. Назовите глобальный блок TWO, тогда код глобального блока будет $GLOBAL_TWO$.

2. Зайдите в 'Управление дизайном - Страницы сайта'. В коде шаблона найдите ячейку с переменной $CONTENT$ и ниже пропишите ячейку с нашим блоком. Ячейка должна быть аналогична той, в которой прописан код первого контейнера.


Не обращайте внимание на пути к картинкам, в каждом дизайне они свои.
Если у вас ширина ячейки первого контейнера 214, то и ширина второго должна быть 214.
Получается, что мы просто прописали еще одну ячейку после контента:
Код
<td valign="top" width="214">
$GLOBAL_TWO$
</td>

Важно! Для того, чтобы добавленный вами контейнер отображался на всех страницах сайта, нужно прописать ячейку с кодом глобального блока во всех основных шаблонах, где присутствует код $BODY$.

• В некоторых дизайнах вместо табличных ячеек используются динамические div, но принцип тот же. Если вам нужно добавить контейнер слева, то код ячейки нужно прописать до переменной $CONTENT$.
• После того, как вы создали второй контейнер, возможность добавлять туда блоки через Конструктор пропадет. Добавлять блоки можно будет только через Панель управления.


Оформление сообщений:
  • Размер шрифта текста должен быть не более 11pt.
  • Изображения в тексте разрешены не более 500x500px и не более 250кб.
  • Ссылки в текст должны вставляться с использованием специального bb-кода http://.
  • HTML-код должен вставляться с использованием специального bb-кода code

Прикрепления: 1672840.png (8.1 Kb) · 3615368.png (19.1 Kb)
Сообщение отредактировал Владислав1999 - Среда, 10 Авг 2011, 17:38:17
MedovaiaKalina
Сообщений: 4
Репутация: 0

Сообщение # 496 | 21:28:32 21 Дек 2012
Здравствуйте, помогите пожалуйста. Своими силами мучилась-мучалась, и нечего не получилось(((((

$ADMIN_BAR$
<div id="wrap">
<div id="container">


$GLOBAL_AHEADER$
<div class="content-bottom">
<div class="content-mid">
<div class="sidebar">
<div id="DIV_DA_106082"></div>

$GLOBAL_CLEFTER$
</div>
<div class="content">
<div class="content-middle" style="text-align: left;">


<!-- <middle> -->
<!-- <body> -->$CONTENT$<!-- </body> -->
<!-- </middle> -->

</div>
</div>
<div class="clear"></div>
</div>
</div>

$GLOBAL_BFOOTER$
</div>
</div>
PRADO5800
Сообщений: 18
Репутация: 1

Сообщение # 497 | 06:52:59 22 Дек 2012
Подскажите пожалуйста, как добавить глобальный блок с левой стороны http://itmrgroup.com Не получается...

Вот часть кода


Код
</head>
  $GLOBAL_AHEADER$
  <!-- <middle> -->
  <div id="maincol">
  <!-- <body> -->$CONTENT$<!-- </body> -->
  </div>
  <div id="sidebar">
   
  $GLOBAL_CLEFTER$
  </div>
  <div class="clear"></div>
  <!-- </middle> -->
  </div>
  </div>
  $GLOBAL_BFOOTER$
  </div>
  </div>
  </div>
  </body>
</html>
Сообщение отредактировал PRADO5800 - Суббота, 22 Дек 2012, 06:55:26
KaiLee
Сообщений: 5463
Репутация: 1135

Сообщение # 498 | 13:51:06 22 Дек 2012
PRADO5800,
Во-первых, вставить сам блок между <!-- <middle> --> и <div id="maincol">.
Во-вторых, уменьшить ширину основной колонки на ширину добавленного блока:
Цитата
#maincol {
float: left;
width: 680px;
}
В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи
PRADO5800
Сообщений: 18
Репутация: 1

Сообщение # 499 | 16:24:01 22 Дек 2012
Цитата (KaiLee)
#maincol { float: left;
width: 680px;
}

хм.. че то не выходит...
#maincol {
float: left;
width: 680px;
}
Где этот код ?
KaiLee
Сообщений: 5463
Репутация: 1135

Сообщение # 500 | 16:33:20 22 Дек 2012
PRADO5800,
В CSS.
В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи
z4g
Сообщений: 10
Репутация: 4

Сообщение # 501 | 16:25:09 01 Янв 2013
Как тут правый контейнер прописать?

Добавлено (01 Янв 2013, 16:25:09)
---------------------------------------------
Css код

@katy@
Сообщений: 1807
Репутация: 467
Уровень замечаний:

Сообщение # 502 | 16:28:40 01 Янв 2013
Цитата (z4g)
Как тут правый контейнер прописать?

Ну по идее вам нужно вставить вот это
Код
<div class="sidebar">  
  <div class="sidebar-top"></div>  
  <div class="sidebar-mid">  
  $ваш код$


примероно вот сдесь



Но вы сделайте так. Сначала сохраните вашу исходную страницу ,чтоб если что заново вам заменить. Я точно вам не скажу . Ну попробуйте .только аккуратненько.
道德經 Помощь по системе
z4g
Сообщений: 10
Репутация: 4

Сообщение # 503 | 16:34:29 01 Янв 2013
Цитата (katy2103)
Ну попробуйте .только аккуратненько.
Нет, не получилось, по левой стороне контейнер встал и подвал сместило. Мне кажется, что нужно в css значения поменять и что-то еще добавить.
@katy@
Сообщений: 1807
Репутация: 467
Уровень замечаний:

Сообщение # 504 | 16:38:39 01 Янв 2013
Цитата (z4g)
Нет, не получилось, по левой стороне контейнер встал и подвал сместило. Мне кажется, что нужно в css значения поменять и что-то еще добавить.

Я вам точно не скажу, я не когда с этим не сталкивалась. Но могу сказать одно. Еслиб мне нужно было ( это не в ваш адрес) я бы кровь из носа но сделала , методом тыка, минут за 15-20. Там же в верхних постах всё написанно. Почитайте внимательно.
Я не спец,я только учусь
道德經 Помощь по системе
Сообщение отредактировал katy2103 - Вторник, 01 Янв 2013, 16:40:34
z4g
Сообщений: 10
Репутация: 4

Сообщение # 505 | 16:43:45 01 Янв 2013
Я попробывал в css добавить:
А в страницу сайта:
И получилось вот так:

Добавлено (01 Янв 2013, 16:43:45)
---------------------------------------------
Так, я тоже только учусь ))

@katy@
Сообщений: 1807
Репутация: 467
Уровень замечаний:

Сообщение # 506 | 16:47:40 01 Янв 2013
Цитата (z4g)
Я попробывал в css добавить:


Нееее. Вы смотрите
Код
<div class="sidebar">    
    <div class="sidebar-top"></div>    
    <div class="sidebar-mid">    
    $GLOBAL_RIGHT$

Css тут не причём
Вы смотрите как у вас первый контейнер расположен
道德經 Помощь по системе
Сообщение отредактировал katy2103 - Вторник, 01 Янв 2013, 16:48:53
z4g
Сообщений: 10
Репутация: 4

Сообщение # 507 | 16:58:43 01 Янв 2013
Цитата (katy2103)
Css тут не причёмВы смотрите как у вас первый контейнер расположен
Щас потыкаем ) Спасибо

Добавлено (01 Янв 2013, 16:58:43)
---------------------------------------------
Мне кажется в css в контейнеры надо еще добавить sidebar right

@katy@
Сообщений: 1807
Репутация: 467
Уровень замечаний:

Сообщение # 508 | 17:19:07 01 Янв 2013
Цитата (z4g)
Мне кажется в css в контейнеры надо еще добавить sidebar right

Ща погодите ,может кто поможет ? все новый год отмечают
道德經 Помощь по системе
KaiLee
Сообщений: 5463
Репутация: 1135

Сообщение # 509 | 17:20:38 01 Янв 2013
z4g,
Дайте адрес сайта и еще раз поясните, что и куда вставить надо...
В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи
z4g
Сообщений: 10
Репутация: 4

Сообщение # 510 | 17:25:02 01 Янв 2013
Цитата (KaiLee)
Дайте адрес сайта и еще раз поясните, что и куда вставить надо...
KaiLee, мне нужно добавить еще одник контейнер , чтобы он был в правой стороне.
Вот сайт
Сообщество uCoz » Архивариус » Архив » Как создать второй контейнер с блоками (если предусмотрен только один контейнер...)
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!