Чат сообщества
Архив - только для чтения |
| Сообщество 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
|
|
Поиогите пожалуйста. Я что то не очень понял что куда пихать. Хотя перепробовал много вариантов.
Дело в том, что мне нужно правый глобальный блок перенести полностью в чевую часть. И чтобы с права его не было. Сайт http://twiggy.do.am/ Код Страницы сайта до изменения Code <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="/_st/my.css" /> </head> <body style="background:url('http://twiggy.do.am/images/1.jpg') center repeat-y #252525; margin:0px; padding:0px;"> $ADMIN_BAR$ <div id="contanier"> <div id="content"> $GLOBAL_AHEADER$ <!-- <middle> --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding:0px 20px 0px 0px;"><!-- <body> -->$CONTENT$<!-- </body> --></td> <td valign="top" style="width:200px;"> $GLOBAL_CLEFTER$ </td> </tr> </table> <!-- </middle> --> $GLOBAL_BFOOTER$ </div> </div> </body> </html> Код Страницы сайта после изменения Code <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="/_st/my.css" /> </head> <body style="background:url('http://twiggy.do.am/images/1.jpg') center repeat-y #252525; margin:0px; padding:0px;"> $ADMIN_BAR$ <div id="contanier"> <div id="content"> $GLOBAL_AHEADER$ <!-- <middle> --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="padding:0px 20px 0px 0px;"><!-- <body> -->$CONTENT$<!-- </body> --></td> <td valign="top" style="width:200px;"> $GLOBAL_TWO$ </td> </tr> </table> <!-- </middle> --> $GLOBAL_BFOOTER$ </div> </div> </body> </html> Ничего не меняется. Только увеличивается или уменьшается пространство между статьями. |
|
Вот.....)
Code <html> <head> <title>$SITE_NAME$ - $MODULE_NAME$</title> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> </head> <body id="bg"> <script> function setCookie(name, value, days) { if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); var expires = "; expires=" + date.toGMTString(); } else var expires = ""; document.cookie = name + "=" + value + expires + "; path=/"; } function getCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') c = c.substring(1, c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); } return null; } function eraseCookie(name) { setCookie(name, "", -1); }; </script> <div class="wrapper" id="wrapper"> $GLOBAL_AHEADER$ <div class="contentbg"> <?if($MODULE_ID$='forum')?> <div class="content"> <?endif?> <!-- <middle> --> <table class="content"><tr> <td class="posts" valign="top"> <!-- <body> -->$CONTENT$<!-- </body> --> </td> <td class="blocks" valign="top"> $GLOBAL_CLEFTER$ </td> </tr></table> <!-- </middle> --> <?if($MODULE_ID$='forum')?> </div> <?endif?> </div> <div class="headerdown"></div> $GLOBAL_BFOOTER$ </div> </body> </html> |
|
Pesochek, как ты можешь увидеть я поменял местами эти блоки:
Quote <td class="posts" valign="top"> <!-- <body> -->$CONTENT$<!-- </body> --> </td> <td class="blocks" valign="top"> $GLOBAL_CLEFTER$ </td> тоже самое тебе нужно проделать во всех нужных шаблонах |
|
Спасибо автору за материал, очень понятно, получилось с первого раза.
Только вот блок встал как положено а шапки на него не наползают, у меня шаблон#999 http://s019.radikal.ru/i625/1206/17/df935138bb08.jpg может подскажете как это исправить |
|
bandjuk, http://fanmaniya.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="/_st/my.css" /> </head> <style type="text/css"> body { background-image:url('http://farmeramafans.ucoz.ru/site/fon.jpg'); background-repeat:no-repeat; background-attachment:fixed; } </style> <style type="text/css">@import url('http://ucozua.ru/Scripts/16/ajax-orange/ajax_okno_oran.css') all;</style> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <link type="text/css" rel="StyleSheet" href="http://s47.ucoz.net/src/layer3.css" /><script type="text/javascript" src="http://s47.ucoz.net/src/u.js?2"></script><style type="text/css">.UhideBlockL {display:none}</style> $ADMIN_BAR$ <div style="width:100%;text-align:center;"> <table border="0" cellpadding="0" width="1000" cellspacing="0" style="border-left:1px solid #DEDEDE;border-right:1px solid #DEDEDE;padding:0 1px 0 1px;margin-left:auto;margin-right:auto;"> <tr><td colspan="2" height="50" style="background:url('http://farmeramafans.ucoz.ru/images/ris1.jpg');padding-left:10px;font-size:10px;color:#A1A1A1;">$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></tr> <tr><td colspan="2" align="center" height="32" style="background:url('/.s/t/999/2.gif');font-size:10px;color:#A1A1A1;font-weight:bold;"><a href="$HOME_PAGE_LINK$" title="Главная"><!--<s5176>-->Главная<!--</s>--></a> <?if($MODULE_URL$)?>| <a href="$MODULE_URL$">$MODULE_NAME$</a><?endif?> <?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?></td></tr> <tr> <td valign="top" width="175" style="padding-right:1px;"> $GLOBAL_CLEFTER$ </td> <td valign="top" style="padding-left:1px;background:#FFFFFF;border-left:1px solid #DEDEDE;"> <table align="center" cellpadding="0" cellspacing="10" border="0" height="139" width="100%"> <tr><td height="128" align="right" style="background:url('') no-repeat #ffffff;padding-right:30px;"> <p align=center><img src="http://farmeramafans.ucoz.ru/logo.png" alt="" style="opacity:1;filter:alpha(opacity=100)" /> <br><br> <span style="color:#000000;font:8pt Verdana,Tahoma;"><b>Неофициальный фан-сайт игры <a href="http://www.farmerama.ru" target="_blank">Farmerama</a>. <br> <b>Disclaimer (отказ от прав):</b> вся графика принадлежит компании <a href="http://www.bigpoint.com/">BigPoint</a></b>.</p></td> <br> <tr> <td align="center"> <table cellspacing="5" border="2"> <tr align="center"> <td bgcolor=#fff0f5 onMouseOver="this.style.background='#ffe4e1'" onMouseOut="this.style.background='#fff0f5'" style="width:120px;height:25px"><a href="http://farmeramafans.ucoz.ru/news/arkhiv_informacija_po_urovnjam_igry/2011-02-24-1"><b>Уровни в игре</b></a></td> <td bgcolor=#fff0f5 onMouseOver="this.style.background='#ffe4e1'" onMouseOut="this.style.background='#fff0f5'" style="width:120px"><a href="http://farmeramafans.ucoz.ru/news/info_opisanie_igrovogo_processa/2011-02-24-13"><b>Игровой процесс</b></a></td> <td bgcolor=#fff0f5 onMouseOver="this.style.background='#ffe4e1'" onMouseOut="this.style.background='#fff0f5'" style="width:120px"><a href="http://farmeramafans.ucoz.ru/news/arkhiv_informacija_po_rastenijam/2011-02-24-2"><b>Растения</b></a></td> <td bgcolor=#fff0f5 onMouseOver="this.style.background='#ffe4e1'" onMouseOut="this.style.background='#fff0f5'" style="width:120px"><a href="http://farmeramafans.ucoz.ru/news/info_informacija_po_derevjam/2011-02-24-3"><b>Деревья</b></a></td> <td bgcolor=#fff0f5 onMouseOver="this.style.background='#ffe4e1'" onMouseOut="this.style.background='#fff0f5'" style="width:120px"><a href="http://farmeramafans.ucoz.ru/news/info_informacija_po_zhivotnym/2011-02-24-4"><b>Животные</b></a></td> </tr> <tr align="center"> <td bgcolor=#FAFAD2 onMouseOver="this.style.background='#FCDDB4'" onMouseOut="this.style.background='#FAFAD2'" style="width:120px;height:25px"><a href="http://farmeramafans.ucoz.ru/news/info_informacija_po_proizvodstvam/2011-02-24-5"><b>Производства</b></a></td> <td bgcolor=#FAFAD2 onMouseOver="this.style.background='#FCDDB4'" onMouseOut="this.style.background='#FAFAD2'" style="width:120px;height:25px"><a href="http://farmeramafans.ucoz.ru/news/info_dikij_lug_i_sosedi/2011-02-24-11"><b>Дикий луг</b></a></td> <td bgcolor=#FAFAD2 onMouseOver="this.style.background='#FCDDB4'" onMouseOut="this.style.background='#FAFAD2'" style="width:120px;height:25px"><a href="http://farmeramafans.ucoz.ru/news/cvetnik/1-0-11" style="color: #989587;"><b>Цветник</b></a></td> <td bgcolor=#FAFAD2 onMouseOver="this.style.background='#FCDDB4'" onMouseOut="this.style.background='#FAFAD2'" style="width:120px;height:25px"><a href="http://farmeramafans.ucoz.ru/news/info_informacija_po_bagamarame_ostrovu/2011-02-24-6" style="color: #989587;"><b>Багамарама</b></a></td> <td bgcolor=#FAFAD2 onMouseOver="this.style.background='#FCDDB4'" onMouseOut="this.style.background='#FAFAD2'" style="width:120px;height:25px"><a href="http://farmeramafans.ucoz.ru/news/info_lesnaja_poljana/2011-05-19-168" style="color: #989587;"><b>Лесная поляна</b></a></td> </tr> </html> |
|
Алексей3822,
Quote <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="/_st/my.css" /> </head> <style type="text/css"> body { background-image:url('http://farmeramafans.ucoz.ru/site/fon.jpg'); background-repeat:no-repeat; background-attachment:fixed; } </style> <style type="text/css">@import url('http://ucozua.ru/Scripts/16/ajax-orange/ajax_okno_oran.css') all;</style> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <link type="text/css" rel="StyleSheet" href="http://s47.ucoz.net/src/layer3.css" /><script type="text/javascript" src="http://s47.ucoz.net/src/u.js?2"></script><style type="text/css">.UhideBlockL {display:none}</style> $ADMIN_BAR$ <div style="width:100%;text-align:center;"> <table border="0" cellpadding="0" width="1000" cellspacing="0" style="border-left:1px solid #DEDEDE;border-right:1px solid #DEDEDE;padding:0 1px 0 1px;margin-left:auto;margin-right:auto;"> <tr><td colspan="2" height="50" style="background:url('http://farmeramafans.ucoz.ru/images/ris1.jpg');padding-left:10px;font-size:10px;color:#A1A1A1;">$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></tr> <tr><td colspan="2" align="center" height="32" style="background:url('/.s/t/999/2.gif');font-size:10px;color:#A1A1A1;font-weight:bold;"><a href="$HOME_PAGE_LINK$" title="Главная"><!--<s5176>-->Главная<!--</s>--></a> <?if($MODULE_URL$)?>| <a href="$MODULE_URL$">$MODULE_NAME$</a><?endif?> <?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?></td></tr> <tr> <td valign="top" width="175" style="padding-right:1px;"> $GLOBAL_CLEFTER$ </td> <td valign="top" style="padding-left:1px;background:#FFFFFF;border-left:1px solid #DEDEDE;"> <table align="center" cellpadding="0" cellspacing="10" border="0" height="139" width="100%"> <tr><td height="128" align="right" style="background:url('') no-repeat #ffffff;padding-right:30px;"> <p align=center><img src="http://farmeramafans.ucoz.ru/logo.png" alt="" style="opacity:1;filter:alpha(opacity=100)" /> <br><br> <span style="color:#000000;font:8pt Verdana,Tahoma;"><b>Неофициальный фан-сайт игры <a href="http://www.farmerama.ru" target="_blank">Farmerama</a>. <br> <b>Disclaimer (отказ от прав):</b> вся графика принадлежит компании <a href="http://www.bigpoint.com/">BigPoint</a></b>.</p></td> <br> <td valign="top" width="175" style="padding-right:1px;"> КОД ВТОРОГО КОНТЕЙНЕРА </td> <tr> <td align="center"> <table cellspacing="5" border="2"> <tr align="center"> <td bgcolor=#fff0f5 onMouseOver="this.style.background='#ffe4e1'" onMouseOut="this.style.background='#fff0f5'" style="width:120px;height:25px"><a href="http://farmeramafans.ucoz.ru/news/arkhiv_informacija_po_urovnjam_igry/2011-02-24-1"><b>Уровни в игре</b></a></td> <td bgcolor=#fff0f5 onMouseOver="this.style.background='#ffe4e1'" onMouseOut="this.style.background='#fff0f5'" style="width:120px"><a href="http://farmeramafans.ucoz.ru/news/info_opisanie_igrovogo_processa/2011-02-24-13"><b>Игровой процесс</b></a></td> <td bgcolor=#fff0f5 onMouseOver="this.style.background='#ffe4e1'" onMouseOut="this.style.background='#fff0f5'" style="width:120px"><a href="http://farmeramafans.ucoz.ru/news/arkhiv_informacija_po_rastenijam/2011-02-24-2"><b>Растения</b></a></td> <td bgcolor=#fff0f5 onMouseOver="this.style.background='#ffe4e1'" onMouseOut="this.style.background='#fff0f5'" style="width:120px"><a href="http://farmeramafans.ucoz.ru/news/info_informacija_po_derevjam/2011-02-24-3"><b>Деревья</b></a></td> <td bgcolor=#fff0f5 onMouseOver="this.style.background='#ffe4e1'" onMouseOut="this.style.background='#fff0f5'" style="width:120px"><a href="http://farmeramafans.ucoz.ru/news/info_informacija_po_zhivotnym/2011-02-24-4"><b>Животные</b></a></td> </tr> <tr align="center"> <td bgcolor=#FAFAD2 onMouseOver="this.style.background='#FCDDB4'" onMouseOut="this.style.background='#FAFAD2'" style="width:120px;height:25px"><a href="http://farmeramafans.ucoz.ru/news/info_informacija_po_proizvodstvam/2011-02-24-5"><b>Производства</b></a></td> <td bgcolor=#FAFAD2 onMouseOver="this.style.background='#FCDDB4'" onMouseOut="this.style.background='#FAFAD2'" style="width:120px;height:25px"><a href="http://farmeramafans.ucoz.ru/news/info_dikij_lug_i_sosedi/2011-02-24-11"><b>Дикий луг</b></a></td> <td bgcolor=#FAFAD2 onMouseOver="this.style.background='#FCDDB4'" onMouseOut="this.style.background='#FAFAD2'" style="width:120px;height:25px"><a href="http://farmeramafans.ucoz.ru/news/cvetnik/1-0-11" style="color: #989587;"><b>Цветник</b></a></td> <td bgcolor=#FAFAD2 onMouseOver="this.style.background='#FCDDB4'" onMouseOut="this.style.background='#FAFAD2'" style="width:120px;height:25px"><a href="http://farmeramafans.ucoz.ru/news/info_informacija_po_bagamarame_ostrovu/2011-02-24-6" style="color: #989587;"><b>Багамарама</b></a></td> <td bgcolor=#FAFAD2 onMouseOver="this.style.background='#FCDDB4'" onMouseOut="this.style.background='#FAFAD2'" style="width:120px;height:25px"><a href="http://farmeramafans.ucoz.ru/news/info_lesnaja_poljana/2011-05-19-168" style="color: #989587;"><b>Лесная поляна</b></a></td> </tr> </html> выделил красным где поставить второй контейнер Добавлено (07-Июн-2012, 12:42:46) |
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!