Как создать второй контейнер с блоками - Страница 6

Страница 6 из 59
«
1
2
…
4
5
6
7
8
…
58
59
»

Архив - только для чтения

Сообщество uCoz » Архивариус » Архив » Как создать второй контейнер с блоками (если предусмотрен только один контейнер...)

Как создать второй контейнер с блоками

Модератор форума

Сообщение # 1 | 17:36:34 10 Авг 2011

Во многих стандартных шаблонах предусмотрен только один контейнер. Второй можно создать вручную. Но только, если дизайн не основан на изображениях фиксированного размера. В этом случае кроме добавления Глобального блока потребуется перерисовка всей графики.

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

for-pc

Репутация: 15

Уровень замечаний:

Сообщение # 76 | 17:00:22 07 Дек 2011

LS0111,

Создание шаблонов UcoZ, DLE, Wordpress.
Дешево и сердито =)

СТРАЖ1844

Сообщений: 1

Репутация: 0

Сообщение # 77 | 12:00:25 11 Дек 2011

Ребят помогите создать второй контейнер с блоками у меня чёт не получается вот код плиз dry

Code

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>[TITLE]</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="http://s42.ucoz.net/src/css/882.css" />
</head>

<body>
$ADMIN_BAR$
<table cellpadding="0" cellspacing="0" border="0" align="center" width="944">
<tr><td align="right" width="5%" style="background:url('/design/setl1.gif') right repeat-y;"><img src="/design/setl1.gif" border="0"></td>
<td width="90%" valign="top" style="border-bottom:1px solid #000000;">

<table cellpadding="10" cellspacing="0" border="0" class="" align="center">
<tr>
<td>$WDAY$, $DATE$, $TIME$</td>
<td align="right"> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>You logged in as <a href="$PERSONAL_PAGE_LINK$" title="Profile page"><b>$USERNAME$</b></a> | Group "<u>$USER_GROUP$</u>"<?else?>Hello <b>$USERNAME$</b><?endif?><?endif?></td>
</tr>
</table>
<table cellpadding="30" cellspacing="0" border="0" id="logoBar" align="center">
<tr><td><h1 class="logo">SITE LOGO</h1></td></tr>
</table>

<table cellpadding="0" cellspacing="0" border="0" id="contentBlock" align="center">
<tr>
<td valign="top" class="column">

</td>

<td valign="top" style="padding:0px 0px 0px 0px;">
<table border="0" cellpadding="0" cellspacing="0" width="740" ><tr><td style="background:;padding:0px;">
<div align="center">[BODY]</div></td></tr>
</table>
</td>

<td valign="top" style="width:186px;padding:0 0px 0 0;">


<table border="0" cellpadding="0" cellspacing="0" class="boxTable"><tr><td class="boxTitle"><b>TITLE</b></td></tr><tr><td class="boxContent">CONTENT</td></tr></table>


</td>
</tr>
</table>


<table cellpadding="10" cellspacing="0" border="0" class="dataBar" align="center">
<tr>
<td><td align="center"><td colspan="2" class="footer"></td>
<td align="center"> $POWERED_BY$</td>
</tr>
</table>

<td align="left" width="10%" style="background:url('/design/setr2.gif') left repeat-y;"><img src="/design/setr2.gif" border="0"></td>
</td></tr></table>

</body>

</html>


<table border="0" cellpadding="2" cellspacing="1" style="background:#585858;" width="100%">
<tr><td style="background:url('/.s/t/882/1.gif') no-repeat;height:38px;color:#FFFFFF;" align="center"><b>[TITLE]</b></td></tr>
<tr><td align="center" style="background:#000000;padding:10px;">[BODY]</td></tr>
</table>

ДухLESS

Сообщений: 552

Репутация: 484

Сообщение # 78 | 12:03:28 11 Дек 2011

СТРАЖ1844,

Quote (СТРАЖ1844)

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>[TITLE]</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="http://s42.ucoz.net/src/css/882.css" />
</head>

<body>
$ADMIN_BAR$
<table cellpadding="0" cellspacing="0" border="0" align="center" width="944">
<tr><td align="right" width="5%" style="background:url('/design/setl1.gif') right repeat-y;"><img src="/design/setl1.gif" border="0"></td>
<td width="90%" valign="top" style="border-bottom:1px solid #000000;">

<table cellpadding="10" cellspacing="0" border="0" class="" align="center">
<tr>
<td>$WDAY$, $DATE$, $TIME$</td>
<td align="right"> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>You logged in as <a href="$PERSONAL_PAGE_LINK$" title="Profile page"><b>$USERNAME$</b></a> | Group "<u>$USER_GROUP$</u>"<?else?>Hello <b>$USERNAME$</b><?endif?><?endif?></td>
</tr>
</table>
<table cellpadding="30" cellspacing="0" border="0" id="logoBar" align="center">
<tr><td><h1 class="logo">SITE LOGO</h1></td></tr>
</table>

<table cellpadding="0" cellspacing="0" border="0" id="contentBlock" align="center">
<tr>
<td valign="top" style="width:186px;padding:0 0px 0 0;">


<table border="0" cellpadding="0" cellspacing="0" class="boxTable"><tr><td class="boxTitle"><b>TITLE</b></td></tr><tr><td class="boxContent">CONTENT</td></tr></table>


</td>

<td valign="top" style="padding:0px 0px 0px 0px;">
<table border="0" cellpadding="0" cellspacing="0" width="740" ><tr><td style="background:;padding:0px;">
<div align="center">[BODY]</div></td></tr>
</table>
</td>

<td valign="top" style="width:186px;padding:0 0px 0 0;">


<table border="0" cellpadding="0" cellspacing="0" class="boxTable"><tr><td class="boxTitle"><b>TITLE</b></td></tr><tr><td class="boxContent">CONTENT</td></tr></table>


</td>
</tr>
</table>


<table cellpadding="10" cellspacing="0" border="0" class="dataBar" align="center">
<tr>
<td><td align="center"><td colspan="2" class="footer"></td>
<td align="center"> $POWERED_BY$</td>
</tr>
</table>

<td align="left" width="10%" style="background:url('/design/setr2.gif') left repeat-y;"><img src="/design/setr2.gif" border="0"></td>
</td></tr></table>

</body>

</html>


<table border="0" cellpadding="2" cellspacing="1" style="background:#585858;" width="100%">
<tr><td style="background:url('/.s/t/882/1.gif') no-repeat;height:38px;color:#FFFFFF;" align="center"><b>[TITLE]</b></td></tr>
<tr><td align="center" style="background:#000000;padding:10px;">[BODY]</td></tr>
</table>

попробуйте так.

Usenko

Сообщений: 4

Репутация: 0

Сообщение # 79 | 12:58:09 17 Дек 2011

Владислав1999, пыталась вставить $GLOBAL_TWO$ по описаниям, но ничего не получилось(( сайт http://jilye74.ru/

Code

<html>
<head>
  <meta name="google-site-verification" content="yMeDyUqPTUQUgyVHXZ-GctTMPC6GtjMd2AML7u10k9w" />
  <meta name='yandex-verification' content='4c23936b77eae029' />
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Жилье-74.рф - недвижимость Челябинска, покупка и продажа квартир, разместить объявление, агентства недвижимости Челябинска, строительные компании Челябинска - $MODULE_NAME$</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>

<body>
$ADMIN_BAR$
<div id="contanier">
<div id="wrap">
<div id="topPick">

$GLOBAL_AHEADER$
<div id="sidebar">


<?if($SMENU_1$)?>
<div class="menuTable">$SMENU_1$</div>
<?endif?>


<?if($RSS_LINK$)?><div id="rssBlock"><a href="$RSS_LINK$"><img src="/.s/t/849/1.gif" border="0" alt="RSS"></a></div><?endif?>

$GLOBAL_CLEFTER$

</div>
<div id="content">
  <div id="logo"><h1><font color="330033"><b>Жилье-74.рф - недвижимость Челябинска</b></font></h1></div>
<div id="textBlock">
<?if($MODULE_NAME$)?><h1>$MODULE_NAME$</h1><?endif?>
$CONTENT$

</div>

</div>
<div style="clear:both;"></div>

$GLOBAL_BFOOTER$

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

</html>

DEMAR8051

Сообщений: 6

Репутация: 8

Сообщение # 80 | 14:56:06 17 Дек 2011

Помогите пожалуйста создать второй контейнер с блоками справа.
Сайт http://demar.ucoz.ua/
Код страницы:

Спасибо ))

Miss_Esq

Сообщений: 13859

Репутация: 4159

Уровень замечаний:

Сообщение # 81 | 15:18:42 17 Дек 2011

DEMAR8051, Наверняка потребуются изменения CSS и обязательное создание класса rightcol

geometriya ISO 3166-2 DEE

DEMAR8051

Сообщений: 6

Репутация: 8

Сообщение # 82 | 15:35:04 17 Дек 2011

добавила выделенные синим строки, и второй контейнер только появился на главной странице сайта под текстом в самом низу, возможно это из-за того что класс rightcol в коде у меня уже присутствует (верхний контейнер)...

и как сделать что б второй контейнер появлялся на всех страницах сайта?

помогите, плиз!!!

Miss_Esq

Сообщений: 13859

Репутация: 4159

Уровень замечаний:

Сообщение # 83 | 15:40:33 17 Дек 2011

DEMAR8051, biggrin

Quote

класс rightcol

Не посмотрела ... ну напишите colright вместо rightcol

<div class="colright">
$GLOBAL_TWO$
</div>

Quote

под текстом в самом низу

Это нужно CSS перелопатить и класс colright прописать с нужными значениями ...

Quote

и как сделать что б второй контейнер появлялся на всех страницах сайта?

Внести такие теги колонки и в остальные шаблоны страниц модулей сайта ... Сначала сделать всё на главной , а потом уже и изменять остальные ..

geometriya ISO 3166-2 DEE

Сообщение отредактировал Miss_Esq - Суббота, 17 Дек 2011, 15:41:10

Miss_Esq

Сообщений: 13859

Репутация: 4159

Уровень замечаний:

Сообщение # 84 | 16:19:57 17 Дек 2011

DEMAR8051, Ну а зачем вам вторая колонка ? У вас и левая не забита ... Хотя это всего лишь из за большого шрифта в содержании ...

Поставьте теги второй колонки и посмотрит что и как встаёт ..
Добавить , изменить в CSS сайта ...

geometriya ISO 3166-2 DEE

Сообщение отредактировал Miss_Esq - Суббота, 17 Дек 2011, 16:28:16

Usenko

Сообщений: 4

Репутация: 0

Сообщение # 85 | 19:51:21 17 Дек 2011

ответьте, пожалуйста, кто-нибудь(( я вставляю код так, как описано в различных комментариях, но у меня ничего не меняется, и отображается ошибка "$POLL$ код используется более одного раза."

Добавлено (17-Дек-2011, 19:51:21)
---------------------------------------------
что-то начало получаться, но не могу найти в ответах, как редактируется мой тим таблицы стилей CSS

Code

/* General Style */
body {background:#3E606F; margin:0px; padding:0px;}
#contanier {text-align:center;background:url('/.s/t/849/3.gif') repeat-x #3E606F; width: 100%}
#wrap {background:url('/.s/t/849/4.gif') repeat-y #FCFFF5;width:920px;margin-left:auto;margin-right:auto;min-width:100%;width: expression(document.body.clientWidth > 920 ? "920" : "920px");text-align:left;}
#topPick {width:100%;margin:0;padding:0;background:url('/chelnedv.jpg') no-repeat;}
#dataBar {padding:10px 20px;text-align:left;font-size:7pt;color:#646660;}
#sidebar {float:left;width:290px;}
#content {float:left;width:565px;display:inline;margin-right:45px;}
#logo {height:180px;}
#logo h1 {color:#34362F;font-size:20pt;font-weight:normal;padding:0px;position:relative;top:20px;left:50px;margin:0px;padding:0px;width:500px;text-align:left;}
#sideRight {
  float: left;
  margin-right: -3px;
  width: 250px;
  margin-left: -250px;
  position: relative;
  background:url('/images/sidebar.png');
}
#rssBlock {margin:5px 30px;}

#textBlock {width:565px;margin-bottom:20px;}
.menuTable {background:#D1DBBD;border:1px solid #A1AC8D;opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8;width:290px;}
.boxTable {width:290px;padding:0;margin:5px 0px;text-align:center;}
.boxTable h2 {font-size:9pt;color:#6C735E;padding:5px 20px;margin:0px;text-align:right;background:#D1DBBD;border:1px solid #A1AC8D;}
.boxContent {margin-left:auto;margin-right:auto;margin:10px 0px 10px 20px; width: 250px;}
.left {text-align:left;}
#footer {padding:20px;text-align:center;color:#6C735E;background:url('/.s/t/849/2.gif') no-repeat #D1DBBD;}

.searchQueryFl {width:250px !important;}

#dataBar a:link, #footer a:link {text-decoration:underline; color:#000000;}
#dataBar a:active, #footer a:active {text-decoration:underline; color:#000000;}
#dataBar a:visited, #footer a:visited {text-decoration:underline; color:#000000;}
#dataBar a:hover, #footer a:hover {text-decoration:none; color:#000000;}

a:link {text-decoration:underline; color:#8B8881;}
a:active {text-decoration:underline; color:#8B8881;}
a:visited {text-decoration:underline; color:#8B8881;}
a:hover {text-decoration:underline; color:#000000;}

a.forRegLink:link, a.topSortLink:link, a.postUser:link, a.postNumberLink:link {text-decoration:underline; color:#333333;}
a.forRegLink:active, a.topSortLink:active, a.postUser:active, a.postNumberLink:active {text-decoration:underline; color:#333333;}
a.forRegLink:visited, a.topSortLink:visited, a.postUser:visited, a.postNumberLink:visited {text-decoration:underline; color:#333333;}
a.forRegLink:hover, a.topSortLink:hover, a.postUser:hover, a.postNumberLink:hover {text-decoration:underline; color:#FFFFFF;}

td, body {font-family:verdana,arial,helvetica; font-size:8pt;color:#000000;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}
.copy {font-size:7pt;}
h1 {color:#34362F;font-size:14pt;margin:10px;text-align:right;}

a.noun:link {text-decoration:none; color:#8B8881}
a.noun:active {text-decoration:none; color:#8B8881}
a.noun:visited {text-decoration:none; color:#8B8881}
a.noun:hover {text-decoration:underline; color:#000000}

hr {color:#CCCCCC;height:1px;background:#CCCCCC;border:none;}
label {cursor:pointer;cursor:hand}

.blocktitle {font-family:Verdana,Sans-Serif;color:#6C829D;font-size:12px;}

a.menu1:link {text-decoration:underline; color:#9D8F62}
a.menu1:active {text-decoration:underline; color:#9D8F62}
a.menu1:visited {text-decoration:underline; color:#9D8F62}
a.menu1:hover {text-decoration:none; color:#000000}
.menuTd {padding-left:12px;padding-right:10px; background: url('/.s/t/849/6.gif') no-repeat 0px 3px;}

.mframe {border-left:1px solid #E5E7EA; border-right:1px solid #E5E7EA;}
.colgray {border-right:1px solid #E5E7EA;}
.colwhite {border-right:1px solid #FAFAFA;}
.msep {border-top:1px solid #FAFAFA;}
/* ------------- */

и т.д.

страницы сайта, новый контейнер назвала $GLOBAL_GINGER$, только после этого изменения сохранились

Code

<html>
<head>
  <meta name="google-site-verification" content="yMeDyUqPTUQUgyVHXZ-GctTMPC6GtjMd2AML7u10k9w" />
  <meta name='yandex-verification' content='4c23936b77eae029' />
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Жилье-74.рф - недвижимость Челябинска, покупка и продажа квартир, разместить объявление, агентства недвижимости Челябинска, строительные компании Челябинска - $MODULE_NAME$</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>

<body>
$ADMIN_BAR$
<div id="contanier">
<div id="wrap">
<div id="topPick">

$GLOBAL_AHEADER$
<div id="sidebar">


<?if($SMENU_1$)?>
<div class="menuTable">$SMENU_1$</div>
<?endif?>


<?if($RSS_LINK$)?><div id="rssBlock"><a href="$RSS_LINK$"><img src="/.s/t/849/1.gif" border="0" alt="RSS"></a></div><?endif?>
  <div id="sidebar">
  <div class="side-bot">
  $GLOBAL_CLEFTER$
  </div>
  </div>

</div>
<div id="content">
  <div id="logo"><h1><font color="330033"><b>Жилье-74.рф - недвижимость Челябинска</b></font></h1></div>
<div id="textBlock">
<?if($MODULE_NAME$)?><h1>$MODULE_NAME$</h1><?endif?>

$CONTENT$

</div>
</div>
  <div id="sidebar">
  <div class="side-bot">
$GLOBAL_GINGER$
  </div>
  </div>
<div style="clear:both;"></div>

$GLOBAL_BFOOTER$

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

</html>

Miss_Esq

Сообщений: 13859

Репутация: 4159

Уровень замечаний:

Сообщение # 86 | 22:09:33 17 Дек 2011

DEMAR8051, В CSS это изображение ...

#container {width: 1190px; margin: auto; text-align: left; background: url( /.s/t/787/3.png ) repeat-y top right;}

Скачать его по адресу demar.ucoz.ua/.s/t/787/3.png , удлиннить на 228px с правой тсороны , до размера 1190px , фрагментом этого же изображения , этой же длинны , но взятого слева . Взятый слева фрагмент перед присоединением , перевернуть на 180 градусов ....
( или скачать по ссылке - runetexpo.clan.su/3.png )

Потом закачать его в ФМ и ссылку поставить в CSS

#container {width: 1190px; margin: auto; text-align: left; background: url( /3.png ) repeat-y top right;}

geometriya ISO 3166-2 DEE

Сообщение отредактировал Miss_Esq - Суббота, 17 Дек 2011, 22:19:00

FeniX_kz

Сообщений: 1642

Репутация: 971

Сообщение # 87 | 19:24:45 22 Дек 2011

Quote (АГ)

Подскажите. возможно ли в Дизайне # 101 вставить блоки справой стороны. ?

Это можно сделать в любом дизайне, просто с div-версткой это будет сделать намного сложнее... А если у вас табличная, то делайте все по инструкции и все получится smile

.::I'll be back::.
Выбор за тобой!

skapunker

Сообщений: 3

Репутация: 0

Сообщение # 88 | 22:05:04 25 Дек 2011

Помогите пожалуйста создать левый гобальный блок , сайт http://internet-all.info

код страницы

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>

<link rel="alternate" type="application/rss+xml" title="RSS-канал" href="$RSS_LINK$" />

<body>

$ADMIN_BAR$
<div id="wrap">
<div id="contanier">
$GLOBAL_AHEADER$
<table class="main-table">
<tr>
<td class="content-block">

<?if($MODULE_NAME$)?><h1>$MODULE_NAME$</h1><?endif?>$CONTENT$
</td>
<td class="side-block">

<br><br><br><br>

$GLOBAL_CLEFTER$
<td id="rightcol">

</td>

</td>
</tr>
</table>
$GLOBAL_BFOOTER$
</div>
</div>

</body>

</html>

Miss_Esq

Сообщений: 13859

Репутация: 4159

Уровень замечаний:

Сообщение # 89 | 23:14:15 25 Дек 2011

skapunker,

geometriya ISO 3166-2 DEE

skapunker

Сообщений: 3

Репутация: 0

Сообщение # 90 | 10:58:41 26 Дек 2011

Для блока слева используется глобальный блок $GLOBAL_DRIGHTER$ и вот когда меняю $GLOBAL_CLEFTER2$ на $GLOBAL_DRIGHTER$ то пишет "$POLL$ код используется более одного раза."

Страница 6 из 59
«
1
2
…
4
5
6
7
8
…
58
59
»