Архив - только для чтения
Сообщество 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
XOTAB7438
Сообщений: 11
Репутация: 0

Сообщение # 331 | 17:47:52 16 Авг 2012
второй блок создал?
скинь код первого контейнера
п.с. спасибоbandjuk, я разобрался))) просто там один код неправильно был написан, точнее не в том месте)))
kirillRus43
Сообщений: 3
Репутация: 0

Сообщение # 332 | 13:01:05 26 Авг 2012
Вот вам мой шаблон добавте 2 контэйнер пожалуйста:

Code
<head>
<html>
<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>
$GLOBAL_BFOOTER$
</div>
</div>
</body>
Сообщение отредактировал Shеriff - Среда, 29 Авг 2012, 16:12:21
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 333 | 13:40:08 26 Авг 2012
kirillRus43,

Quote
<head>
<html>
<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$
<table border="0" cellpadding="0" cellspacing="0" width="98%" align="center" style="margin-left:auto;margin-right:auto;">
<tr>
<td valign="top" width="ширина блока">
<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>
</td>
<td valign="top">
<div class="maincont">
<!-- <middle> -->
<!-- <body> -->$CONTENT$<!-- </body> -->
<!-- </middle> -->
</div>
<div class="clear"></div>
</div>
</td>
<td valign="top" width="ширина блока">
Второй контейнер
</td>
</tr>
</table>

<div id="content-bottom"></div>
</div>
$GLOBAL_BFOOTER$
</div>

</div>
</body>
</html>


Меняешь на свой, но смотрим выделенное красным и прописываем свои значения
AlexMN93
Сообщений: 9
Репутация: 0

Сообщение # 334 | 22:03:48 27 Авг 2012
Помогите поставить левый контейнер! Что куда прописать?

Вот код

bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 335 | 23:04:37 27 Авг 2012
AlexMN93,
Разметку я сделал, стили прийдётся подшаманить:
Quote

<title>$SITE_NAME$ - $MODULE_NAME$</title>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<script type="text/javascript">var homeurl="$HOME_PAGE_LINK$";var urlid="page-$PAGE_ID$";var modid="mod-$MODULE_ID$";</script>

<body>
<div id="page">
<div id="wrapper">
<div id="cont-box">
<div id="cont-outer">
<div id="cont-inner">
$GLOBAL_AHEADER$
<?if($MODULE_ID$='forum')?>
<div id="forum-casing">
<div class="forum-box">
<?else?>
<div id="casing">
<?endif?>
<!-- <middle> -->
<table border="0" cellpadding="0" cellspacing="0" width="98%" align="center" style="margin-left:auto;margin-right:auto;">
<tr>
<td valign="top">
<div id="right-side">
Блок 2
</div>
</td>
<td valign="top">
<div id="content">
<!-- <body> -->$CONTENT$<!-- </body> -->
</div>
</td>
<td valign="top">
<div id="right-side">
$GLOBAL_CLEFTER$
</div>
</td>
</tr>
</table>
<!-- </middle> -->
<div class="clr"></div>
<?if($MODULE_ID$='forum')?>
</div>
</div>
<?else?>
</div>
<?endif?>
</div>
</div>
</div>
</div>

$GLOBAL_BFOOTER$
</div>
<script type="text/javascript" src="$HOME_PAGE_LINK$js/ui.js"></script>
</body>
</html>

Сообщение отредактировал bandjuk - Понедельник, 27 Авг 2012, 23:06:11
AlexMN93
Сообщений: 9
Репутация: 0

Сообщение # 336 | 23:57:44 27 Авг 2012
bandjuk, Спасибо, но не получилось, что в CSS прописать?
вот сам сайт
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 337 | 00:00:40 28 Авг 2012
Quote (AlexMN93)
но не получилось

что не получилось? ;)
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 338 | 00:02:32 28 Авг 2012
Прикрепления: 4723825.jpg (29.4 Kb)
AlexMN93
Сообщений: 9
Репутация: 0

Сообщение # 339 | 00:24:45 28 Авг 2012
bandjuk, только почему-то он не отображается в конструкторе
Сообщение отредактировал AlexMN93 - Вторник, 28 Авг 2012, 00:26:06
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 340 | 00:26:03 28 Авг 2012
AlexMN93, забудь о конструкторе, есть панель управления
AlexMN93
Сообщений: 9
Репутация: 0

Сообщение # 341 | 15:27:22 28 Авг 2012
bandjuk, Не получается добавить на главную страницу каталога, прописую блок но оно съезжает


Вот главная страница каталога статей
Прикрепления: 8952618.jpg (32.7 Kb)
Сообщение отредактировал AlexMN93 - Вторник, 28 Авг 2012, 15:27:46
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 342 | 16:36:58 28 Авг 2012
Quote (AlexMN93)
Не получается добавить на главную страницу каталога, прописую блок но оно съезжает

Quote (AlexMN93)
Вот главная страница каталога статей

смотри по примеру, что я написал для страниц сайта
Admin9102
Сообщений: 1
Репутация: 0

Сообщение # 343 | 16:59:27 28 Авг 2012
http://ks-1-6.clan.su/
поставте посмотрите всёёё как тут сайт http://counter-strike-source.su/ тут всёё
меня так
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 344 | 17:01:43 28 Авг 2012
Quote (Admin9102)
поставте посмотрите всёёё как тут сайт http://counter-strike-source.su/ тут всёё
меня так

поставели, пасматрели, так однака всё тут
AlexMN93
Сообщений: 9
Репутация: 0

Сообщение # 345 | 17:41:45 28 Авг 2012
bandjuk,
Quote (bandjuk)
смотри по примеру, что я написал для страниц сайта


Сделал, вроде стало, но новости съехали вниз и незнаю как их втулить посередине.
Прикрепления: 9868588.jpg (20.4 Kb)
Сообщество uCoz » Архивариус » Архив » Как создать второй контейнер с блоками (если предусмотрен только один контейнер...)
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!