Архив - только для чтения |
Сообщество 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
|
lewa2000,
Quote создал , вложил тестовый Просто создайте глобальный блок $GLOBAL_TWO$ и скопируйте в него всё что есть в шаблоне правого контейнера для пробы ... |
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, в тегах ячеек пропишите стиль - <td style="vertical-align: top;"> Что бы содержание ячеек прижималось к верху а не висело посредине ...
|
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"> |
|
Здравствуйте, помогите пожалуйста поставить второй блок вот мой сайт вот код страницы. Заранее спасибо.
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) Здравствуйте, помогите пожалуйста поставить второй блок |
Проблема такая! правый блок съехал вниз только на главной странице сайта, на остальных он стоит на своём месте, не пойму в чём проблема? вот код страны сайта. Сам сайт 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> |
Здравствуйте, помогите пожалуйста поставить второй контейнер с блоками с левой стороны вот мой сайт вот код страницы. Заранее спасибо. 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> --> |
выручи уже голову сломадл не как не могу сделать так чтоб и правая и левая была у меня ток левая хочу еще и правую(
<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) |
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!