Чат сообщества
Архив - только для чтения |
| Сообщество uCoz Архивариус Архив Как создать второй контейнер с блоками (если предусмотрен только один контейнер...) |
| Как создать второй контейнер с блоками |
|
Во многих стандартных шаблонах предусмотрен только один контейнер. Второй можно создать вручную. Но только, если дизайн не основан на изображениях фиксированного размера. В этом случае кроме добавления Глобального блока потребуется перерисовка всей графики.
1. Создайте Глобальных блок (Панель управления - Управление дизайном - Глобальные блоки)  Нажмите кнопку 'Добавить блок'. Назовите глобальный блок TWO, тогда код глобального блока будет $GLOBAL_TWO$. 2. Зайдите в 'Управление дизайном - Страницы сайта'. В коде шаблона найдите ячейку с переменной $CONTENT$ и ниже пропишите ячейку с нашим блоком. Ячейка должна быть аналогична той, в которой прописан код первого контейнера.  Не обращайте внимание на пути к картинкам, в каждом дизайне они свои. Если у вас ширина ячейки первого контейнера 214, то и ширина второго должна быть 214. Получается, что мы просто прописали еще одну ячейку после контента: Код <td valign="top" width="214"> $GLOBAL_TWO$ </td> Важно! Для того, чтобы добавленный вами контейнер отображался на всех страницах сайта, нужно прописать ячейку с кодом глобального блока во всех основных шаблонах, где присутствует код $BODY$.  • В некоторых дизайнах вместо табличных ячеек используются динамические div, но принцип тот же. Если вам нужно добавить контейнер слева, то код ячейки нужно прописать до переменной $CONTENT$. • После того, как вы создали второй контейнер, возможность добавлять туда блоки через Конструктор пропадет. Добавлять блоки можно будет только через Панель управления. Оформление сообщений:
Прикрепления:
1672840.png
(8.1 Kb)
·
3615368.png
(19.1 Kb)
Сообщение отредактировал Владислав1999 - Среда, 10 Авг 2011, 17:38:17
|
|
|
|
Следовал иструкциям. Контейнер справа создать не получилось. Код до изменений
<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link href="/.s/src/css/786.css" rel="stylesheet" type="text/css"/> </head> <body> $ADMIN_BAR$ <div id="wrap"> <div id="container"> $GLOBAL_AHEADER$ <div id="content"> <div id="content-top"></div> <div id="content-mid"> <div class="sidebar"> <div class="block soc-block"> <div class="block-top"></div> <div class="block-mid"> <div class="blockcontent" style="margin-right: 0;"> <div class="bc-inside" style="width: auto;"> <div id="soc"> <?if($RSS_LINK$)?><a href="$RSS_LINK$" target="_blank" title="RSS" class="soc-rss"></a><?endif?> <a href="http://del.icio.us/post?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Del.icio.us" class="soc-del"></a> <a href="http://www.facebook.com/share.php?u=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="FaceBook" class="soc-facebook"></a> <a href="http://memori.ru/link/?sm=1&u_data[url]=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Memori" class="soc-memori"></a> <a href="http://vkontakte.ru/share.php?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Vkontakte" class="soc-vkontakte"></a> <a href="http://twitter.com/share?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Twitter" class="soc-twitter" style="margin: 0;"></a> </div> </div> </div> </div> <div class="block-bottom"></div> </div> $GLOBAL_CLEFTER$ </div> <div class="maincont"> <!-- <middle> --> <!-- <body> -->$CONTENT$<!-- </body> --> <!-- </middle> --> </div> <div class="clear"></div> </div> <div id="content-bottom"></div> </div> адрес сайта http://fantastico.ucoz.ru/ будьте добры, сориентируйте как правильно сделать? |
|
На сайте http://sosh3.my1.ru/ на странице с новостями стал съезжать вниз правый блок с календарем и банерами. Пробовала копировать код с других страниц и вставлять на эту страницу, но ничего не изменилось. В чем ошибка? Помогите исправить. С HTML не очень дружу (на самом элементарном уровне). Заранее благодарна.
|
|
Scin,
В Вашем дизайне добавить второй блок будет трудно: Первое: заменить картинку Quote #content-top { background: url("http://fantastico.ucoz.ru/.s/t/786/2.png") 5px 0px no-repeat transparent; height: 15px; overflow: hidden; } Quote #content-mid { background: url("http://fantastico.ucoz.ru/.s/t/786/3.png") 5px 0px repeat-y transparent; width: 1003px; } Quote .maincont { float: left; margin: 20px 0px 0px 20px; padding-bottom: 20px; width: 690px; } Quote <div id="content-mid"> <div class="sidebar"> ... <div class="maincont"> ... <div class="sidebar2">$DRIGHTER$ </div> Ну вот как-то так... |
|
KaiLee,
спасибо за указание ошибки. Можете помочь найти ее и исправить? или хотябы поподробней описать где ее искать и как определить, что это та самая ошибка и как исправить (чтобы еще больше не наворочить). Попробую сама это сделать. Заранее спасибо. |
|
DenGan,
Чего конкретно не получается? GalinkaK, Единственный способ ее найти - это методом исключения, ну, например, скрывайте по очереди по одной новости и ловите ту, после скрытия которой все станет на место. Ее и редактируйте... |
|
|
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!