Архив - только для чтения
Сообщество uCoz » Архивариус » Архив » Как создать второй контейнер с блоками (если предусмотрен только один контейнер...)
Как создать второй контейнер с блоками
Модератор форума
Сообщение # 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
Isroil
Сообщений: 100
Репутация: 28

Сообщение # 751 | 14:18:21
Привет у меня тоже не получается?? помогитеееееееее

Добавлено (28 Июн 2013, 14:18:21)
---------------------------------------------
Здравствуйте, помогите пожалуйста добавить правый контейнер.( $GLOBAL_TWO$)
Сайт здесь
[spoiler=Код "Страница Сайта"]<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<link rel="stylesheet" href="http://isroil.clan.su/_st/my.css" type="text/css" media="all" />
<link rel="stylesheet" type="text/css" href="$HOME_PAGE_LINK$css/screen.css" title="default" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="$HOME_PAGE_LINK$css/screen2.css" title="screen2" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="$HOME_PAGE_LINK$css/screen3.css" title="screen3" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="$HOME_PAGE_LINK$css/screen4.css" title="screen4" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="$HOME_PAGE_LINK$css/screen5.css" title="screen5" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="$HOME_PAGE_LINK$css/screen6.css" title="screen6" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="$HOME_PAGE_LINK$css/screen7.css" title="screen7" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="$HOME_PAGE_LINK$css/screen8.css" title="screen8" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="$HOME_PAGE_LINK$css/screen9.css" title="screen9" media="screen" />
</head>

<body>
<div id="overlay">
<div id="page">
$GLOBAL_AHEADER$
<?if($MODULE_ID$='forum')?>
<div id="forum-casing">
<?else?>
<div id="casing">
<?endif?>
<div class="wrapper">
<!-- <middle> -->
<div id="sidebar">
$GLOBAL_CLEFTER$
<div class="utsite"><a href="http://uthemes.ru/" target="_blank">шаблоны для ucoz</a></div>
</div>
<div id="content"><!-- <body> -->$CONTENT$<!-- </body> --></div>
<!-- </middle> -->
<div class="clr"></div>
</div>
$GLOBAL_BFOOTER$
</div>
</div>
<script type="text/javascript" src="$HOME_PAGE_LINK$js/cookie.js"></script>
<script type="text/javascript" src="$HOME_PAGE_LINK$js/cufon.js"></script>
<script type="text/javascript" src="$HOME_PAGE_LINK$js/font.js"></script>
<script type="text/javascript" src="$HOME_PAGE_LINK$js/switcher.js"></script>
<script type="text/javascript" src="$HOME_PAGE_LINK$js/ui.js"></script>
</body>
</html>[/spoiler]

brizing
Разработчик
Сообщений: 2556
Репутация: 1091

Сообщение # 752 | 16:31:05
Isroil, вот тут:
http://tajclan.ru/panel/?a=tmpl;m=6;t=3
Заменить такой участок кода:
Цитата
<div class="title-box" style="width: 720px; margin: 0px auto; ">

На такой:
Цитата
<div class="title-box" style="width: 100%; margin: 0px auto; ">

ПЛЮС: на этой же странице заменить все span на div.

Далее вот тут:
http://tajclan.ru/panel/?a=tmpl;m=3;t=3
Заменить строчку 115 с такой:
Цитата
#content {
float: right;
width: 740px;
padding: 18px 10px 0 10px;
border-top: 1px solid white;
}

На такую:
Цитата
#content {
float: left;
width: 520px;

padding: 18px 10px 0 10px;
border-top: 1px solid white;
}
#sidebar2 {
float: right;
width: 220px;
padding: 0 0 1px 0;
background: url(/images/side-hr.png) 0 -1px repeat-x;
}
.mtitle {
width: 100%;
}


Далее вернемся сюда:
http://tajclan.ru/panel/?a=tmpl;m=2;t=0
тут заменим это:
Цитата
<!-- <middle> -->
<div id="sidebar">
$GLOBAL_CLEFTER$
<div class="utsite"><a href="http://uthemes.ru/" target="_blank">шаблоны для ucoz</a></div>
</div>
<div id="content"><!-- <body> -->$CONTENT$<!-- </body> --></div>
<!-- </middle> -->

на это:
Цитата
<!-- <middle> -->
<div id="sidebar">
$GLOBAL_CLEFTER$
<div class="utsite"><a href="http://uthemes.ru/" target="_blank">шаблоны для ucoz</a></div>
</div>
<div id="content"><!-- <body> -->$CONTENT$<!-- </body> --></div>
<div id="sidebar2">
$GLOBAL_TWO$
</div>

<!-- </middle> -->

Читайте книги role.su - Rolesu Authors Workshop.
Isroil
Сообщений: 100
Репутация: 28

Сообщение # 753 | 17:01:48
[Бриз], смотри что получилось ....Последняя кода такие ошибка пишет: $COUNTER$ код используется более одного раза. Почему::?? такк??

Добавлено (28 Июн 2013, 17:01:48)
---------------------------------------------
[Бриз], ну вот ошибка исправил.... все такие правый контейнер не получилось как левый

brizing
Разработчик
Сообщений: 2556
Репутация: 1091

Сообщение # 754 | 17:07:20
Isroil, Потому что он пустой, вот и все.
http://tajclan.ru/panel/?a=tmpl;m=1;t=TWO
Сюда код нужно добавить.
Для начала скопируй туда полностью код из этой страницы:
http://tajclan.ru/panel/?a=tmpl;m=1;t=CLEFTER

Читайте книги role.su - Rolesu Authors Workshop.
Isroil
Сообщений: 100
Репутация: 28

Сообщение # 755 | 17:18:54
Да нет ! Скопировал не еще не получилось вот смотрите как скопировал <Скриншот>
brizing
Разработчик
Сообщений: 2556
Репутация: 1091

Сообщение # 756 | 17:32:42
Isroil
в сss нету такого кода:
Цитата
#sidebar2 {
float: right;
width: 220px;
padding: 0 0 1px 0;
background: url(/images/side-hr.png) 0 -1px repeat-x;
}

Но это пустяк.

Единственное, что может быть не так - отсутствие кода $GLOBAL_TWO$ на странице

Читайте книги role.su - Rolesu Authors Workshop.
Isroil
Сообщений: 100
Репутация: 28

Сообщение # 757 | 17:39:56
[Бриз], Я давно скопировал этот код в css вот смотрии
HoldenMcGroin
Сообщений: 157
Репутация: 7

Сообщение # 758 | 23:06:54
А ну, может кто подскажет) вот мой сайт
вот код страницы сайта
Код
<html>
  <head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>Все о построении идеальной фигуры </title>
<?$META_DESCRIPTION$?>
<meta name="description" content="На этом сайте вы можете найти любую информацию о том, как изменить свое тело, множество познавательных статей и видеозаписей" />
<meta name="keywords" content="Бодибилдинг,финтес,фигура,телосложение,похудеть,набрать,вес,масса,мышцы,сила,спортзал,программа,тренировки,питание," />
  <link type="text/css" rel="StyleSheet" href="/_st/my.css" />  
   
  </head>
  <body>

  $GLOBAL_AHEADER$
  <!-- <middle> -->
  <div id="maincol">
  <!-- <body> -->$CONTENT$
  <!-- </body> -->
  </div>
  <div id="sidebar">
  <div id="soc">
   
  </div>
  $GLOBAL_CLEFTER$
  </div>
  <div class="clear"></div>
  <!-- </middle> -->
  </div>
  </div>
  $GLOBAL_BFOOTER$

</div>

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


как бы мне вставить левый контейнер??помогите пожалуйста
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 759 | 07:06:19
Isroil, Dj первых у вас Doctype .... вы видели что туда написали ???

А этот скрипт ??

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>

для чего ? вообще то скорее всего он лишний ..

Isroil
Сообщений: 100
Репутация: 28

Сообщение # 760 | 08:26:33
Miss_Esq,
Цитата
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
Надо убрать что ли ?*
Admin3661
Сообщений: 9
Репутация: 0

Сообщение # 761 | 23:48:57
Добрый день.
Скажите пожалуйста, можно ли в дизайне 788 добавить контейнер слева и опустить колонки?

Спасибо.

Добавлено (03 Июл 2013, 23:48:57)
---------------------------------------------
Добрый день.
Скажите пожалуйста, можно ли в дизайне 788 добавить контейнер слева и опустить колонки?

Спасибо.

Сообщение отредактировал Admin3661 - Среда, 03 Июл 2013, 18:39:27
Татуированый
Сообщений: 545
Репутация: 115

Сообщение # 762 | 23:04:43
HoldenMcGroin, Нужно много чего переделывать. Проще сделать простенький шаблон в 3 контейнера. Еще и симпатичней смотреться будет)

Vladimir1997
Сообщений: 7
Репутация: 0

Сообщение # 763 | 18:14:16
Всем привет. Прошу помощи, кто сможет помочь. Никак не могу сделать второй контейнер справа. Не пойму в чём ошибка. Кто поможешь сделать? Сайт - topfun.3dn.ru. Код страницы сайта:
Код
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/.s/src/css/988.css" />
</head>

<body style="background:#99CC00; margin:0px; padding:0 10px 0 10px;">
$ADMIN_BAR$

<div style="height:21px;background:#99CC00;"><img src="/.s/t/988/1.gif" border="0"></div>

$GLOBAL_AHEADER$

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" style="width:179px;background:url('/.s/t/988/17.gif');">

$GLOBAL_CLEFTER$

</td>

<td valign="top" height="100%">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" style="border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;">
<tr><td width="8" height="8"><img src="/.s/t/988/21.gif" border="0"></td><td style="background:url('/.s/t/988/22.gif');"></td><td width="8" height="8"><img src="/.s/t/988/23.gif" border="0"></td>
<tr><td style="background:url('/.s/t/988/24.gif');"></td><td style="background:#FBFBFB;" height="100%" valign="top"><!-- <middle> --><!-- <body> -->$CONTENT$<!-- </body> --><!-- </middle> --></td><td style="background:url('/.s/t/988/25.gif');"></td></tr>
<tr><td width="8" height="8"><img src="/.s/t/988/26.gif" border="0"></td><td style="background:url('/.s/t/988/27.gif');"></td><td width="8" height="8"><img src="/.s/t/988/28.gif" border="0"></td>
</table>
</td>

</tr>
</table>

<td valign="top" width="8">  
$GLOBAL_TWO$  
</td>
</tr>

$GLOBAL_BFOOTER$

</body>

</html>
Сообщение отредактировал Vladimir1997 - Суббота, 06 Июл 2013, 14:14:15
KaiLee
Сообщений: 5463
Репутация: 1135

Сообщение # 764 | 19:13:53
Vladimir1997,
Цитата
· · ·

<body style="background:#99CC00; margin:0px; padding:0 10px 0 10px;">
$ADMIN_BAR$
<div style="height:21px;background:#99CC00;"><img src="/.s/t/988/1.gif" border="0"></div>
$GLOBAL_AHEADER$

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>

<td valign="top" style="width:179px;background:url('/.s/t/988/17.gif');">
$GLOBAL_CLEFTER$
</td>

<td valign="top" height="100%">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" style="border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;">
<tr>
<td width="8" height="8"><img src="/.s/t/988/21.gif" border="0"></td>
<td style="background:url('/.s/t/988/22.gif');"></td>
<td width="8" height="8"><img src="/.s/t/988/23.gif" border="0"></td>
</tr>
<tr>
<td style="background:url('/.s/t/988/24.gif');"></td>
<td style="background:#FBFBFB;" height="100%" valign="top"><!-- <middle> --><!-- <body> -->$CONTENT$<!-- </body> --><!-- </middle> --></td>
<td style="background:url('/.s/t/988/25.gif');"></td>
</tr>
<tr>
<td width="8" height="8"><img src="/.s/t/988/26.gif" border="0"></td>
<td style="background:url('/.s/t/988/27.gif');"></td><td width="8" height="8"><img src="/.s/t/988/28.gif" border="0"></td>
</tr>
</table>
</td>

<td valign="top" style="width:179px;background:url('/.s/t/988/17.gif');">
$GLOBAL_TWO$
</td>


</tr>
</table>

<td valign="top" width="8">
$GLOBAL_TWO$
</td>
</tr>


$GLOBAL_BFOOTER$
</body>
</html>
Красное нужно добавить обязательно - это ошибки, зеленое удалить, фиолетовое - добавить.

В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи
Vladimir1997
Сообщений: 7
Репутация: 0

Сообщение # 765 | 22:33:47
KaiLee, спасибо большое. Вы мне очень помогли. Всё здорово получилось) smile
Сообщество uCoz » Архивариус » Архив » Как создать второй контейнер с блоками (если предусмотрен только один контейнер...)
Поиск: