Архив - только для чтения
Как создать второй контейнер с блоками
Модератор форума
Сообщение # 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
Уровень замечаний:

Сообщение # 481 | 19:31:05
lewa2000,
Quote
создал , вложил тестовый
Ни чего не вижу ...

Просто создайте глобальный блок $GLOBAL_TWO$ и скопируйте в него всё что есть в шаблоне правого контейнера для пробы ...

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

Сообщение # 482 | 19:51:25
НЕРАБОТАЕТ!
Может скрины отправить?

Добавлено (07-Дек-2012, 19:51:25)
---------------------------------------------

Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 483 | 20:11:50
lewa2000, Исправить

#maincol {float: left; width: 500px; margin-left: 10px; text-align: justify; padding-bottom: 10px; border-radius: 8px; -moz-border-radius: 8px;}

Удалить в шаблоне

<table style="width: 100%">
<tr>
<td>
<td valign="right" width="214">

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

Сообщение # 484 | 20:20:16
Так?
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 485 | 21:23:57
lewa2000, в тегах ячеек пропишите стиль - <td style="vertical-align: top;"> Что бы содержание ячеек прижималось к верху а не висело посредине ...

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

Сообщение # 486 | 21:43:18
у меня токо контейнер поднялся!Как поднять середину?
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 487 | 21:51:24
lewa2000,

$GLOBAL_TWO$
</div>
<div style="clear: both;"></div>
</td>
<td style="vertical-align: top;">
<div id="maincol">
<!-- <middle> -->
<!-- <body> -->$CONTENT$<!-- </body> -->
<!-- </middle> -->
</div>
</td>
<td style="vertical-align: top;">
<div id="rightcol">
<div id="soc">

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

Сообщение # 488 | 21:54:51
а я местами поменял что делать?
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 489 | 10:32:51
lewa2000, Что поменяли местами ???

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

Сообщение # 490 | 11:12:06
содержимое контейнеров один не поднялся!
Eladiel
Сообщений: 2
Репутация: 0

Сообщение # 491 | 17:11:33
Здравствуйте, помогите пожалуйста поставить второй блок вот мой сайт вот код страницы. Заранее спасибо.
Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<link rel="icon" href="/images/favicon.ico" type="image/x-icon">  
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">
</head>

<body id="bgg">

<div id="container">
$GLOBAL_AHEADER$
</div><!--/U1AHEADER1Z-->

<!-- <middle> -->
  <div id="content">
  <div id="right">
   
   

  <div class="colorstrip">Реклама</div>
  <div class="block_c">
  <a href="http://pro-multik.ru/"><img src="/images/pro-multik.jpg" alt="Pro-multik"></a>
  </div>

  $GLOBAL_CLEFTER$  
</div>
   
<div id="middle">
   
<div class="nav">
  $GLOBAL_MENU$
</div><br><script type="text/javascript">cssdropdown.startchrome("topmenu")</script>
   

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

  <div class="clear"></div>
  </div>
</div>
<!-- </middle> -->

$GLOBAL_BFOOTER$
</div>

   

  </div>
  </div>  
  </div>  
   
   

</body>

</html>

<!-- </popup> -->

Добавлено (09-Дек-2012, 17:11:33)
---------------------------------------------

Quote (Eladiel)
Здравствуйте, помогите пожалуйста поставить второй блок
Ой не второй блок а контейнер с блоками с левой стороны.
markiz5636
Сообщений: 2
Репутация: 0

Сообщение # 492 | 19:33:14
Проблема такая! правый блок съехал вниз только на главной странице сайта, на остальных он стоит на своём месте, не пойму в чём проблема? вот код страны сайта. Сам сайт http://film-mar.ucoz.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="http://film-mar.ucoz.ru/_st/my.css" />
</head>

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

<div id="contanier">
<table cellpadding="0" cellspacing="0" border="0" width="950" align="center">
<tr>
<td width="740" height="77" style="background:url('/images/uphead.png') no-repeat;">$WDAY$, $DATE$, $TIME$<br /><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><!--<s5200>-->Вы вошли как<!--</s>--> <a href="$PERSONAL_PAGE_LINK$"><b>$USERNAME$</b></a> | <!--<s3167>-->Группа<!--</s>--> "<u>$USER_GROUP$</u>"<?else?><!--<s5212>-->Приветствую Вас<!--</s>--> <b>$USERNAME$</b><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$">RSS</a><?endif?></td>
<td width="210" height="77" align="right"><a href="$HOME_PAGE_LINK$" title="Главная"><!--<s5176>-->Главная<!--</s>--></a><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> | <a href="$REGISTER_LINK$" title="Регистрация"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?> <?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$" title="Выход"><!--<s5164>-->Выход<!--</s>--></a><?else?> | <a href="$LOGIN_LINK$" title="Вход"><!--<s3087>-->Вход<!--</s>--></a><?endif?></td>
</tr>
<tr>
<td width="740" valign="top">
<table cellpadding="0" cellspacing="0" border="0" width="740" align="center">
<tr><td style="background:url('/images/downhead.png') no-repeat;height:179px;padding-left:150px;padding-top:60px;"></td></tr>
<tr><td valign="top" style="padding-top:10px;">
<!-- <middle> -->
<table cellpadding="0" cellspacing="0" border="0" width="740" align="center"><tr>
<td width="210" valign="top">
$GLOBAL_CLEFTER$
</td>
<td width="530" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="10" height="10"><img src="/.s/t/919/3.gif" border="0"></td><td class="centerTable"></td><td width="10" height="10"><img src="/.s/t/919/4.gif" border="0"></td></tr>
<tr><td class="centerTable"></td><td class="centerTable" valign="top"><!-- <body> -->$CONTENT$<!-- </body> --></td><td class="centerTable"></td></tr>
<tr><td width="10" height="10"><img src="/.s/t/919/5.gif" border="0"></td><td class="centerTable"></td><td width="10" height="10"><img src="/.s/t/919/6.gif" border="0"></td></tr>
</table>
</td>
</tr>
</table>
<!-- </middle> -->
</td>
</tr>
</table>
</td>
<td width="210" style="padding-left:10px;" valign="top">
$GLOBAL_DRIGHTER$
</td>
</tr>
</table>
<br>
$GLOBAL_BFOOTER$
<br>
</div>
</body>

</html>
Eladiel
Сообщений: 2
Репутация: 0

Сообщение # 493 | 23:33:29

Здравствуйте, помогите пожалуйста поставить второй контейнер с блоками с левой стороны вот мой сайт вот код страницы. Заранее спасибо.
Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  <html xmlns="http://www.w3.org/1999/xhtml">  
  <head>  
  <title>$SITE_NAME$ - $MODULE_NAME$</title>  
  <link type="text/css" rel="StyleSheet" href="/_st/my.css" />  
  <link rel="icon" href="/images/favicon.ico" type="image/x-icon">   
  <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">  
  </head>  

  <body id="bgg">  

  <div id="container">  
  $GLOBAL_AHEADER$  
  </div><!--/U1AHEADER1Z-->  

  <!-- <middle> -->  
   <div id="content">  
   <div id="right">  
     
     

   <div class="colorstrip">Реклама</div>  
   <div class="block_c">  
   <a href="http://pro-multik.ru/"><img src="/images/pro-multik.jpg" alt="Pro-multik"></a>  
   </div>  

   $GLOBAL_CLEFTER$   
  </div>  
     
  <div id="middle">  
     
  <div class="nav">  
   $GLOBAL_MENU$  
  </div><br><script type="text/javascript">cssdropdown.startchrome("topmenu")</script>  
     

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

   <div class="clear"></div>  
   </div>  
  </div>  
  <!-- </middle> -->  

  $GLOBAL_BFOOTER$  
  </div>  

     

   </div>  
   </div>   
   </div>   
     
     

  </body>  

  </html>  

  <!-- </popup> -->
deenis0
Сообщений: 1
Репутация: 0

Сообщение # 494 | 13:28:42
выручи уже голову сломадл не как не могу сделать так чтоб и правая и левая была у меня ток левая хочу еще и правую(

<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/945.css" />
</head>

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

<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td valign="top" width="100"><img src="/.s/t/945/1.jpg" border="0"></td>
<td width="200" valign="top" style="background:url('/.s/t/945/2.jpg') no-repeat;padding-top:100px;">
<div id="boxMenu">
<!-- <sblock_menu> -->
<?if($SMENU_1$)?>
<!-- <bc> -->$SMENU_1$<!-- </bc> -->
<?endif?>
<!-- </sblock_menu> -->
</div><br><br><br>
$GLOBAL_CLEFTER$
</td>
<td valign="top" width="74"><img src="/.s/t/945/3.jpg" border="0"></td>
<td valign="top" style="background:url('/.s/t/945/4.jpg') no-repeat;padding:10px;"><div style="color:#FEC2B8;font:20pt bold Verdana,Tahoma;height:60px;padding-top:40px;padding-left:70px;"><!-- <logo> -->САЙТ ДЛЯ ЖАЛОБ!<!-- </logo> --></div>
<div style="color:#FEC2B8;padding-left:70px;">$WDAY$, $DATE$, $TIME$<br /><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><!--<s5200>-->Вы вошли как<!--</s>--> <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><b>$USERNAME$</b></a> | <!--<s3167>-->Группа<!--</s>--> "<u>$USER_GROUP$</u>"<?else?><!--<s5212>-->Приветствую Вас<!--</s>--> <b>$USERNAME$</b><?endif?><?endif?></div>
<div style="color:#FEC2B8;padding-left:70px;padding-top:6px"><a href="$HOME_PAGE_LINK$" title="Главная"><!--<s5176>-->Главная<!--</s>--></a> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> | <a href="$REGISTER_LINK$" title="Регистрация"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$" title="Выход"><!--<s5164>-->Выход<!--</s>--></a><?else?> | <a href="$LOGIN_LINK$" title="Вход"><!--<s3087>-->Вход<!--</s>--></a><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$" title="RSS">RSS</a><?endif?></div>

<?if($MODULE_NAME$)?><h1>$MODULE_NAME$</h1><?endif?><!-- <middle> --><!-- <body> -->$CONTENT$<!-- </body> --><!-- </middle> --></td>
<td valign="top" width="26" style="background:#98876B;"><img src="/.s/t/945/5.jpg" border="0"></td>
</tr>
<tr><td colspan="4"><br>$GLOBAL_BFOOTER$</td><td style="background:#98876B;"></td></tr>
</table>

</body>

</html>

Добавлено (11-Дек-2012, 13:28:42)
---------------------------------------------
ХЕЛП sad

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

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