Чат сообщества
Архив - только для чтения |
| Сообщество 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
|
|
<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> <br> <br> <br><center><img src="http://farmeramafans.ucoz.ru/line2.png"></center> </td></tr> <br> <script type="text/javascript"> links=document.getElementsByTagName('a'); for(i=0;i<links.length;i++){ if(links[i].className=='uLPost'); if(links[i].className=='threadAuthorLink'); if(links[i].className=='lastPostUserLink'); if(links[i].className=='postUser'); if(links[i].className=='forumModer');{ user=links[i].innerHTML; if(user=='Ma'){links[i].style.color='556832';} if(user==''){links[i].style.color='';} if(user==''){links[i].style.color='green';} if(user==''){links[i].style.color='green';} }} </script> <script type="text/javascript">function tMess(n){var a=[' uscripts.ucoz.net',' uscripts.ucoz.net',' uscripts.ucoz.net'];return a[n%10==1&&n%100!=11?0:n%10>=2&&n%10<=4&&(n%100<10||n%100>=20)?1:2]}; function getPM(){$.get("/index/14",function(a){var s=$("b.unread",a).size();if (s) {var n=tMess(s),all=[],leg=(s==1)?'Сообщение':'Сообщения';$("b.unread",a).each(function(){var title = $(this).html(), href = $(this).parent().attr("href"); all.push('» <a href="'+href+'">'+title+'</a>');}); new _uWnd('ls','Новые ЛС',400,74,{icon:'',align:'left'},'<img src="http://www.ucoz-copy.ru/uploads/img/mail.png" alt="" align="left">Здравстуйте <b>$USERNAME$</b>, для вас есть новое сообщение.<br><fieldset><legend>'+leg+'</legend>'+all.join("<br>")+'</fieldset>');}});setTimeout(getPM,10000)};getPM();</script> <script type="text/javascript">$.getScript("http://trane73.3dn.ru/js/ucodes.ru.profilemessage.js");</script> <!-- </logo> --></b></span></td></tr> <tr><td height="11" style="background:url('');"><img src="/.s/t/999/7.gif" width="1" height="11" border="0"></td></tr> </table> <table cellpadding="2" cellspacing="0" border="0" width="700px"> <tr><td style="width="100%";border:1 px solid #D7D7D7;padding:5px;"><!-- <middle> --><!-- <body> -->$CONTENT$<!-- </body> --><!-- </middle> --></td></tr> </table> </td> <td valign="top" width="235"> $GLOBAL_TWO$ </td> </tr> <tr><td colspan="2"> $GLOBAL_BFOOTER$ </td></tr> </table> </div> <!--LiveInternet counter--><script ="text/javascript"><!--<!-- document.write("<a href='http://www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t26.6;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet: показано число посетителей за"+ " сегодня' "+ "border='0' width='88' height='15'><\/a>") //--></script><!--/LiveInternet--> </body> </html> внутренние таблицы пропустил а то не лезет, и подскажите как поставить прокрутку тут Добавлено (07-Июн-2012, 12:47:22) |
|
|
|
Miss_Esq, так вроде все работает, и второй контейнер встал, а с шапкой прям беда, не могу ее заставить накрыть
второй контейнер |
|
Алексей3822,
Quote так вроде все работает |
|
Miss_Esq, я проверил тег <body> вроде стоит, и открывающий и закрывающий.
пост 165 правильный, там надо смотреть, насчет шапки может что то посоветуете . Добавлено (07-Июн-2012, 14:55:25) Quote (bandjuk) выделил красным где поставить второй контейнер поставил как написали, но тогда контейнер попадает на саму страницу новостей а не отдельно стоящим блоком, я так понимаю что если я хочу что бы шапка растянулась ставить надо именно так, тогда еще вопрос, возможно ли и левый контейнер перенести на саму страницу, что бы было одинаково и симметрично, а то смотрится не очень когда левые блоки стоят отдельно а правые на странице новостей. И спасибо за предложенное решение проблемы. |
|
Уважаемые многоуважаемые знатоки сервиса, не подскажите ли в решении проблемы:
Сайт стоит на шаблоне в css которого есть #leftcol и #rightcol, но "края" сайта пустуют и хотелось бы заполнить их полезной информацией, причем сами блоки находятся по центру, что описывается в их свойствах. Пробовал создавать новый контейнер (#supercontainer) в css, классы #leftleftcol, а также класс контента #2content; Правил код "Страницы сайта" с разделением по классам, в итоге, заходя в визуальный редактор не вижу "подсвечивания" нового контейнера, при записи (в код) некоторой информация - она не отображается аналогично. Сайт http://anufriew.ucoz.ru/ Заранее благодарствую за помощь =) |
|
|
|
Quote стоит переделать шаблон радикально Переделывал шаблон, кроил его как только можно, но дело почему-то вот в чем: когда захожу на этот сайт с любого другого браузера (не iexplore), то всё работает и отображается чудесно =( Добавлено (11-Июн-2012, 10:29:58) |
|
Есть сайт на шаблоне №824
http://sadvinograd.ucoz.ua/ Не получается перенести контейнер на левую сторону. Понимаю что продбема из-за короткого кода и места его установки. Прошу помощи. Страницы сайта Таблица стилей |
|
uni_folio,
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="/.s/src/css/824.css" /> </head> <body> $ADMIN_BAR$ <div id="wrap"> <div id="contanier"> $GLOBAL_AHEADER$ <table class="main-table"> <tr> <td class="side-block"> <!-- <sblock_menu> --> <?if($SMENU_1$)?> <table class="menuTable"><tr><td class="menuContent"><!-- <bc> -->$SMENU_1$<!-- </bc> --></td></tr></table> <?endif?> <!-- </sblock_menu> --> $GLOBAL_CLEFTER$ <!-- </middle> --> </td> <td class="content-block"> <!-- <middle> --> <?if($MODULE_NAME$)?><h1>$MODULE_NAME$</h1><?endif?><!-- <body> -->$CONTENT$<!-- </body> --> </td> </tr> </table> $GLOBAL_BFOOTER$ </div> </div> </body> </html> .::I'll be back::.
Выбор за тобой! |
|
FeniX_kz,
Спасибо, но небольшая проблема осталась: в разделах меню Каталог продукции, Статьи, Фотоальбом, Гостевая книга контейнер по прежнему остался с правой стороны. Еще один вопрос: как в шапке опустить блок "Главная | Мой профиль | Выход | RSS" на один сантиметр ниже логотипа? Добавлено (15-Июн-2012, 14:06:06) |
|
Quote (uni_folio) в разделах меню Каталог продукции, Статьи, Фотоальбом, Гостевая книга контейнер по прежнему остался с правой стороны. нужно произвести изменения во всех основных шаблонах модулей, где присутствует код контейнера Quote (uni_folio) как в шапке опустить блок "Главная | Мой профиль | Выход | RSS" на один сантиметр ниже логотипа? padding-top Добавлено (15-Июн-2012, 16:45:45) Quote (uni_folio) Да и шапка в этих разделах меню не поменялась на новое изображение шапка сайта во всех модулях одинакова .::I'll be back::.
Выбор за тобой! |
|
Добрый день. помогите пожалуйста расширить центральную часть этого сайта http://narodnyi-yurist.ucoz.ru/ за счет правого и левого пространства
|
|
Berecunda, в таблице стилей ксс, строки:
Quote #topPick {background:url('/.s/t/843/3.jpg') top left no-repeat;width:820px;} #centerBlock {background:url('/.s/t/843/2.gif') repeat-y #FFFFFF;margin-left:auto;margin-right:auto;width:820px;text-align:left;} #footer {width:820px;margin-left:auto;margin-right:auto;text-align:center;background:url('/.s/t/843/4.gif') no-repeat;padding-top:50px;padding-bottom:10px;} меняете размер на нужный и картинки естественно нужно будет подправить в этих строчках |
а теперь не могу расширить полоску где, профиль, выход и т.д
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!