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

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
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 301 | 21:37:29
Жерар, Нормально отображается , проблем не видно ..

Nikitosbboy
Сообщений: 16
Репутация: 20

Сообщение # 302 | 05:02:24
помогите добавить второй контейнер а то что-то не получается по этой статье

http://gta-live.ucoz.net/
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 303 | 09:34:47
Nikitosbboy, код шаблона "Страницы сайта"
Nikitosbboy
Сообщений: 16
Репутация: 20

Сообщение # 304 | 16:31:18
Code
<html>
<head>
<title>$SITE_NAME$</title>
<link type="text/css" rel="StyleSheet" href="/css/style000.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" />
<link type="text/css" rel="StyleSheet" href="/css/layer300.css" /><script type="text/javascript" src="/js/u0000000.js"></script><style type="text/css">.UhideBlock {display:none}</style>
</head>

<body class="bg">
<!-- Topline -->
<!-- Topline -->

<div align="center">
<table width="1000" cellpadding="0" cellspacing="0">
<tr>
<td align="left" id="logo"><a href="/"><img src="/images/logo0000.gif" alt="Live GTA"/></a></td>
</tr>
</table>
</div>

<center>
<div id="top_nav">
<table cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="100%" height="38" id="topm">
<ul>
<li><a href="$HOME_PAGE_LINK$">Главная страница</a></li>
<li><a href="/load/">Скачать файлы</a></li>
<li><a href="/publ/">Статьи</a></li>
<li><a href="/photo/">Скриншоты</a></li>
<li><a href="/blog/">Блог разработчиков</a></li>
<li><a href="/index/0-3">Контакты</a></li>
</ul>
</td></tr>
</table>
</div>
</center>

<center>
<div id="body">
<div id="container">

<div id="center" align="left">

<div class="ind_tab">
<!-- <body> -->$CONTENT$<!-- </body> -->
</div>
</div>

<div id="right">
$GLOBAL_CLEFTER$
</div>

</div>
<div style="clear:both"></div>

<div id="footer">
<table width="100%" cellpadding="0" cellspacing="0" class="footer">
<tr>
<td >
<div id="footer_l" align="center">
<a href=""><img src="/images/logo_s00.gif" alt="livegta"/></a>
</div>
</td>
<td width="100%" align="left">
<div id="footer_c">
<div class="ft">
(c) 2010 <a href="/">$SITE_NAME$</a><br/><br/>
<ul>
<li><a href="$HOME_PAGE_LINK$">Главная Страница</a></li>

<li><a href="/index/3">Регистрация</a></li>

<li><a href="/index/0-3">Обратная связь</a></li>
</ul>
</div>
<div class="fl" align="right">
$POWERED_BY$
</div>
<div style="clear:both"></div>
</div>
</td>
</tr>
<tr>
<td ><div id="footer_l2"></div></td>
<td width="100%"><div id="footer_c2"></div></td>
</tr>
</table>
</div>
</div>
</center>

</body>
</html>
Сообщение отредактировал webanet - Вторник, 14 Авг 2012, 16:31:49
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 305 | 16:43:51
Nikitosbboy, смотри красным:

Quote
<html>
<head>
<title>$SITE_NAME$</title>
<link type="text/css" rel="StyleSheet" href="http://gta-live.ucoz.net/css/style000.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8;charset=utf-8" />
<link type="text/css" rel="StyleSheet" href="/css/layer300.css" /><script type="text/javascript" src="/js/u0000000.js"></script><style type="text/css">.UhideBlock {display:none}</style>
</head>

<body class="bg">
<!-- Topline -->
<!-- Topline -->

<div align="center">
<table width="1000" cellpadding="0" cellspacing="0">
<tr>
<td align="left" id="logo"><a href="/"><img src="/images/logo0000.gif" alt="Live GTA"/></a></td>
</tr>
</table>
</div>

<center>
<div id="top_nav">
<table cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="100%" height="38" id="topm">
<ul>
<li><a href="$HOME_PAGE_LINK$">Главная страница</a></li>
<li><a href="/load/">Скачать файлы</a></li>
<li><a href="/publ/">Статьи</a></li>
<li><a href="/photo/">Скриншоты</a></li>
<li><a href="/blog/">Блог разработчиков</a></li>
<li><a href="/index/0-3">Контакты</a></li>
</ul>
</td></tr>
</table>
</div>
</center>

<center>
<div id="body">
<div id="container">

<table border="0" cellpadding="0" cellspacing="0" width="95%" align="center" style="margin-left:auto;margin-right:auto;">
<tr>
<td valign="top" style="width: ширина;">
2-й контейнер
</td>
<td valign="top">
<div id="center" align="left">
<div class="ind_tab">
<!-- <body> -->$CONTENT$<!-- </body> -->
</div>
</div>
</td>
<td valign="top">
<div id="right">
$GLOBAL_CLEFTER$
</div>
</td>
</tr>
</table>

</div>
<div style="clear:both"></div>

<div id="footer">
<table width="100%" cellpadding="0" cellspacing="0" class="footer">
<tr>
<td >
<div id="footer_l" align="center">
<a href=""><img src="/images/logo_s00.gif" alt="livegta"/></a>
</div>
</td>
<td width="100%" align="left">
<div id="footer_c">
<div class="ft">
© 2010 <a href="/">$SITE_NAME$</a><br/><br/>
<ul>
<li><a href="$HOME_PAGE_LINK$">Главная Страница</a></li>

<li><a href="/index/3">Регистрация</a></li>

<li><a href="/index/0-3">Обратная связь</a></li>
</ul>
</div>
<div class="fl" align="right">
$POWERED_BY$
</div>
<div style="clear:both"></div>
</div>
</td>
</tr>
<tr>
<td ><div id="footer_l2"></div></td>
<td width="100%"><div id="footer_c2"></div></td>
</tr>
</table>
</div>
</div>
</center>

</body>
</html>
Nikitosbboy
Сообщений: 16
Репутация: 20

Сообщение # 306 | 16:51:19
а как блок добавить???
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 307 | 16:54:48
Nikitosbboy, в смысле? :o Я же тебе уже всё сделал
Nikitosbboy
Сообщений: 16
Репутация: 20

Сообщение # 308 | 16:57:20
так я не могу блок через конструктор добавить((( а ширину я незнаю ( полный нуб) (((

помоги пожалуйста , объясни всё
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 309 | 17:21:21
Quote (Nikitosbboy)
через конструктор добавить

забудь о конструкторе.
как создать контейнер читай в шапке этой темы.
Quote (Nikitosbboy)
объясни всё

что именно? Всё ксс и хтмл?
Сандал
Сообщений: 23
Репутация: 6

Сообщение # 310 | 19:38:48
Скажите, пожалуйста, а можно сделать так, чтобы боковые колонки отображались на странице форума (в тех стандартных шаблонах, где сейчас форум растянут на все окно)? Подозреваю, что это как-то просто делается, но пока не могу найти ответ))
Deadshot
Сообщений: 412
Репутация: 524

Сообщение # 311 | 19:47:31
Сандал, для этого нужны хотя бы базовые знания html и css, а так же uCoz системы. :)
А так всё не слишком сложно :D

Пум-пурум-пурум-пум-пум!
Сандал
Сообщений: 23
Репутация: 6

Сообщение # 312 | 20:38:08
Quote (Deadshot)
Сандал, для этого нужны хотя бы базовые знания html и css, а так же uCoz системы. :)
А так всё не слишком сложно :D


Я поясню, почему сказал "не очень сложно" - когда создаешь в конструкторе новый блок (или редактируешь, что уже имеется) - там есть опции, где отображать его. Я подумал, что достаточно поставить галочку на "форуме" и все готово. Но и при поставленной галочке колонок нет на странице форума (как Вы конечно знаете).

Базовые знания имеются, поэтому можно мне начинать объяснять в усложненной форме, не как для полного новичка:)
FeniX_kz
Сообщений: 1642
Репутация: 971

Сообщение # 313 | 20:39:52
Сандал, для того, чтобы поставить контейнеры на страницах форума, в шаблоне Общий вид страниц форума необходимо прописать ячейки с кодами глобальных блоков. Одну до ячейки с кодом $BODY$, другую-после.

.::I'll be back::.
Выбор за тобой!
Сандал
Сообщений: 23
Репутация: 6

Сообщение # 314 | 20:54:36
Quote (FeniX_kz)
Сандал, для того, чтобы поставить контейнеры на страницах форума, в шаблоне Общий вид страниц форума необходимо прописать ячейки с кодами глобальных блоков. Одну до ячейки с кодом $BODY$, другую-после.


Сделал. В результате левая колонка встала сверху форума, а правая - под форумом.
Deadshot
Сообщений: 412
Репутация: 524

Сообщение # 315 | 20:58:02
Сандал, используйте <div style="float:left\right"></div>
Что жирным в зависимости от нужного места :D

Пум-пурум-пурум-пум-пум!
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!