Архив - только для чтения |
Сообщество 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
|
Привет у меня тоже не получается?? помогитеееееееее
Добавлено (28 Июн 2013, 14:18:21) |
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.
|
[Бриз], смотри что получилось ....Последняя кода такие ошибка пишет: $COUNTER$ код используется более одного раза. Почему::?? такк??
Добавлено (28 Июн 2013, 17:01:48) |
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
в с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.
|
[Бриз], Я давно скопировал этот код в css вот смотрии
|
А ну, может кто подскажет) вот мой сайт
вот код страницы сайта Код <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> как бы мне вставить левый контейнер??помогите пожалуйста |
Isroil, Dj первых у вас Doctype .... вы видели что туда написали ???
А этот скрипт ?? <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script> для чего ? вообще то скорее всего он лишний .. |
Добрый день.
Скажите пожалуйста, можно ли в дизайне 788 добавить контейнер слева и опустить колонки? Спасибо. Добавлено (03 Июл 2013, 23:48:57) Сообщение отредактировал Admin3661 - Среда, 03 Июл 2013, 18:39:27
|
|
Всем привет. Прошу помощи, кто сможет помочь. Никак не могу сделать второй контейнер справа. Не пойму в чём ошибка. Кто поможешь сделать? Сайт - 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
|
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> |
KaiLee, спасибо большое. Вы мне очень помогли. Всё здорово получилось)
|
| |||