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

Страница 5 из 59
«
1
2
3
4
5
6
7
…
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

dimuchio

Сообщений: 1

Репутация: 0

Сообщение # 61 | 19:09:33 28 Ноя 2011

как здесь быть со вторым контейнером справа $GLOBAL_RIGHT$ куда его вставить???

Miss_Esq

Сообщений: 13859

Репутация: 4159

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

Сообщение # 62 | 23:39:33 28 Ноя 2011

dimuchio,

geometriya ISO 3166-2 DEE

Admin2165

Сообщений: 1

Репутация: 0

Сообщение # 63 | 13:06:32 29 Ноя 2011

Помогите сделать 2 контейнер. Пробовал по инструкции,но ничего не выходит!!!
мой сайт www.agmu.moy.su
Пытаюсь сделать 2 контейнер,но он либо смещается ни туда,либо перековеркивает всю страницу!
Вот код "Страницы сайта"

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>
$ADMIN_BAR$
<div id="contanier">
<div id="leftPick">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="320" valign="top">

<?if($SMENU_1$)?>
<table border="0" cellpadding="0" cellspacing="0" class="menuTable"><tr><td class="menuContent">$SMENU_1$</td></tr></table>
<?endif?>

<?if($CHAT_BOX$)?><table border="0" cellpadding="0" cellspacing="0" class="leftTable"><tr><td class="boxTitle"><b>Мини-чат</b></td></tr><tr><td class="boxContent">$CHAT_BOX$</td></tr></table><?endif?>
</td>
<td valign="top">
$GLOBAL_AHEADER$
<?if($MODULE_NAME$)?><h1>$MODULE_NAME$</h1><?endif?>

<div class="textBlock">$CONTENT$</div></td>

</td>
<td class="rightColumn" valign="top">
<div class="subMenu"><div class="subTop">
$GLOBAL_CLEFTER$
<img src="/.s/t/868/1.gif" border="0">

</div></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "200", height: "290"},11543667);</script>
</td>
</tr>
</table>
</div>
</div>

$GLOBAL_BFOOTER$

</body>

</html>
<?if($UNREAD_PM$>'0')?>
<style>
.LsMesWrap {position: fixed; bottom:0px; right:17px; padding:10px; color:#fff;}
.LsMesWrapp {text-align:left; margin-bottom:17px; width:300px; background:url('http://bolena.3dn.ru/images/layer_bg.png'); padding:7px; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-shadow:0px 1px 0px rgba(0, 0, 0, 0.70); -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);-webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70); box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);}
</style>

<div class="LsMesWrap"></div>
<script type="text/javascript" src="http://usite.su/js/uSite.su.ls.js"></script>
<?endif?>

Katze

Сообщений: 9

Репутация: 11

Сообщение # 64 | 19:03:51 03 Дек 2011

Владислав1999, Здравствуйте, помогите создать левый контейнер, пробую - ничего не получается сайт http://tvoerazvitie.ucoz.ru/
страницы сайта:

Code

<html><head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<meta name='yandex-verification' content='709b5be585b2e187' />
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head><body>

$ADMIN_BAR$
<div class="wrap1"><div class="wrap2"><div class="wrap3">
<div class="contanier">
<noindex>$GLOBAL_AHEADER$</noindex>
<table class="main-table">
<tbody><tr>
<td class="content-block">


</td>
<td class="side-block">
$GLOBAL_TWO$
</td>
</tr>
</table>

$CONTENT$

</td>
<td class="side-block">
$GLOBAL_CLEFTER$
</td>
</tr>
</tbody></table>
</div>
</div></div>

$GLOBAL_BFOOTER$
</div>
</body></html>
<noindex>$POWERED_BY$</noindex>

таблица стилей до меню:

/* General Style */
body {background: #5bc9ef; margin:0px; padding:0px; font-family: Antiqua Bold, Verdana, Arial, sans-serif;}
.wrap1 { background: url('/.s/t/815/1.gif') repeat-x;}
.wrap2 {background: url('/.s/t/815/2.gif') center repeat-y;}
.wrap3 {background: url('http://tvoerazvitie.ucoz.ru/diz/777.jpg') top center no-repeat; text-align: center;}
.contanier {width: 920px; margin-left: auto; margin-right: auto; text-align: right;}
.header {height: 220px; position: relative;}
.header h1 {color: #fff; font-size: 30pt; font-weight: normal; font-style: oblique; position: absolute; top: 60px; left: 90px; margin: 0; padding: 0;}
p.date {position: absolute; top: 10px; right: 10px; color: #fff; font-size: 9pt;}
p.user-bar {position: absolute; top: 170px; left: 140px; padding: 3px 5px; background: #f7faeb; border: 1px dashed #cfd9a8;font-size: 9pt;}

table.main-table {border: 0px; padding: 0px; border-collapse: collapse; width: 920px; border-spacing: 0px;}
td.content-block {vertical-align: top; width: 600px; padding: 15px 20px 0 0;}
td.side-block {width: 270px; vertical-align: top; padding: 0 10px 0 30px;}
.footer {background: url('/.s/t/815/4.gif') center top no-repeat #7cd700; padding: 60px 50px 15px 50px; text-align: center; color: #284500; font-size: 9pt;}
.footer a:link, .footer a:visited, .footer a:active {color: #bfff67;}
.footer a:hover {color: #fff;}

.popup-table {width: 100%; border: 0; padding: 0; margin: 0; border-collapse: collapse; border-spacing: 0px;}
.popup-header {padding:2px 2px 2px 10px;background:url('/.s/t/815/5.jpg') #379ce4;color:#FFFFFF;font-weight:bold;height:28px;font-size:10pt;}
.popup-body {padding: 10px; background: #fff;}

.block h4 {background: #ffccff; font-size: 16pt; font-weight: normal; border-bottom: 1px dashed #cfd9a8; color: #466834; padding: 3px 5px; opacity: 0.8;}
.center {text-align:center;}

a:link {text-decoration:none; color:#CC33CC;}
a:active {text-decoration:none; color:#0000CC;}
a:visited {text-decoration:none; color:#0000CC;}
a:hover {text-decoration:underline; color:#CC33CC;}

td, body {font-size:10pt;}
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:middle; font-size:10pt; font-family: Tahoma, Verdana, Arial, sans-serif;}
.copy {font-size:9pt;}

a.noun:link {text-decoration:none; color:#2B3414}
a.noun:active {text-decoration:none; color:#2B3414}
a.noun:visited {text-decoration:none; color:#2B3414}
a.noun:hover {text-decoration:none; color:#708525}

h1 {color: #CC33CC; font-size: 18pt; font-weight: normal;}

hr {color:#CC33CC;height:1px;border:0;background-color:#CC33CC;}
label {cursor:pointer;cursor:hand}

.blocktitle {font-family: Tahoma, Verdana, Arial, sans-serif;color:#CC33CC;font-size:12pt;}

a.menu1:link {text-decoration:underline; color:#0000cc}
a.menu1:active {text-decoration:underline; color:#0000cc}
a.menu1:visited {text-decoration:underline; color:#0000cc}
a.menu1:hover {text-decoration:underline; color:#0000cc}
.menuTd {padding-left:12px;padding-right:10px; background: url('/.s/t/815/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 #eff4dc;}
.msep {border-top:1px solid #eff4dc;}
/* ------------- */

Сообщение отредактировал Katze - Воскресенье, 04 Дек 2011, 15:38:58

Abu-Abubakr

Сообщений: 40

Репутация: 51

Сообщение # 65 | 19:59:46 03 Дек 2011

Katze, попробуйте так

Сервис витрин ссылок

Katze

Сообщений: 9

Репутация: 11

Сообщение # 66 | 13:16:39 07 Дек 2011

Abu-Abubakr, спасибо за внимание, но ничего не получилось. С этим дизайном вообще можно создать второй контейнер?

Добавлено (04-Дек-2011, 19:15:08)
---------------------------------------------
народ, кто-нибудь поможет?

Добавлено (07-Дек-2011, 13:16:39)
---------------------------------------------
Miss_Esq, может вы ответите, с моим сайтом можно сделать второй контейнер слева? Спасибо.

Miss_Esq

Сообщений: 13859

Репутация: 4159

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

Сообщение # 67 | 13:29:22 07 Дек 2011

Katze, C таким шаблоном - дизайном , проблематично ...
И зачем вам вторая колонка , если первая и так невысокая и при этом занимает более 25% ширины страницы , если вторую поставить , колонка содержания , правая , вообще сузится донельзя ...

geometriya ISO 3166-2 DEE

Katze

Сообщений: 9

Репутация: 11

Сообщение # 68 | 14:00:11 07 Дек 2011

спасибо за ответ, но мне хотелось бы два контейнера. А можно контейнеры сделать одинаковыми по размеру - не такими борльшими как сейчас правая, чтобы это не помешало размеру колонки содержания или легче вообще другой дизайн поставить с двумя контейнерами изначально?

Сообщение отредактировал Katze - Среда, 07 Дек 2011, 14:07:38