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

Страница 10 из 59
«
1
2
…
8
9
10
11
12
…
58
59
»

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

Как создать второй контейнер с блоками (если предусмотрен только один контейнер...)

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

Сообщение # 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

okszah1988

Сообщений: 3

Репутация: 0

Сообщение # 136 | 19:02:44 18 Май 2012

Miss_Esq, большое спасибо буду пробовать

Добавлено (18-Май-2012, 17:57:55)
---------------------------------------------
okszah1988, вставила,контейнер создался,но вот появился косяк,он расположен между меню и центральным контейнером,есть возможность его поместить под меню,чтоб ровно было?

Добавлено (18-Май-2012, 19:02:44)
---------------------------------------------
Miss_Esq, все сама разоб
ралась

Дэнакин

Сообщений: 21

Репутация: 14

Сообщение # 137 | 15:09:09 23 Май 2012

поиогите.как создать слева) блоки с боку в форумной странице?

bandjuk

Сообщений: 6816

Репутация: 2398

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

Сообщение # 138 | 15:19:43 23 Май 2012

Quote

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<title>$MODULE_NAME$</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="http://s62.ucoz.net/src/css/431.css" />
</head>

<body style="background: url('http://corsairs-addon.ucoz.ru/derevo.jpg') repeat">
$ADMIN_BAR$
$GLOBAL_AHEADER$

<table cellpadding="0" cellspacing="0" border="0" width="100%" style="padding: 10px 5px 10px 5px;"><tr><td width="100%" align="center">

<div class="forumContent"><table border="2" cellpadding="0" height="30" cellspacing="0" width="100%">
<tr>
<td rowspan="2" width="206" valign="top">
КОД БЛОКА
</td>
<td align="right">[<?if($USER_LOGGED_IN$)?>
<a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;">Личные сообщения($UNREAD_PM$)</a> ·
<?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml','')",500)</script><bgsound src="http://s62.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0">
<?endif?><?endif?>
<a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow">Новые сообщения</a> ·
<a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow">Участники</a> ·
<a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow">Правила форума</a> ·
<a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow">Поиск</a> ·
<a class="fNavLink" href="$RSS_LINK$" rel="nofollow">RSS</a> ]</td>
</tr>
<tr><td valign="top">
$BODY$
</td></tr>
</table>
</div><br />

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

$GLOBAL_BFOOTER$

</body>

</html>

синим - ширина блоков

Сообщение отредактировал bandjuk - Среда, 23 Май 2012, 15:20:32

Дэнакин

Сообщений: 21

Репутация: 14

Сообщение # 139 | 15:25:37 23 Май 2012

bandjuk,какой код блока надо вставить?

Добавлено (23-Май-2012, 15:25:37)
---------------------------------------------
bandjuk, Твой код я вставил)а вот где в нём словечко код блока,на что заменить?

bandjuk

Сообщений: 6816

Репутация: 2398

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

Сообщение # 140 | 15:26:00 23 Май 2012

Дэнакин, а

Quote

какой код блока надо вставить?

тебе?
Откуда я знаю? $GLOBAL_CLEFTER$ или $GLOBAL_DRIGHTER$ , или вообще оба, или только какие-то определённые блоки, или ещё что-то, или......, или.........
ты же сам хочешь туда что-то вставить, вот и вставляй! wacko

Дэнакин

Сообщений: 21

Репутация: 14

Сообщение # 141 | 15:29:13 23 Май 2012

bandjuk, ну допустим я вставил код меню- $SMENU_1$,сохранил,и строки есть а интерфейсного окошка нет(

bandjuk

Сообщений: 6816

Репутация: 2398

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

Сообщение # 142 | 15:40:46 23 Май 2012

Дэнакин, ты чудной! Ты вставил тупо код меню.
Меню у тебя слева? Напиши код: ПУ -- управление дизайном -- Глобальные блоки -- Первый контейнер
если справа: Напиши код: ПУ -- управление дизайном -- Глобальные блоки -- Второй контейнер

Дэнакин

Сообщений: 21

Репутация: 14

Сообщение # 143 | 15:47:35 23 Май 2012

первый контейнер-

второй контейнер-

bandjuk

Сообщений: 6816

Репутация: 2398

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

Сообщение # 144 | 15:48:42 23 Май 2012

Дэнакин, это вставляй, твоё меню:

Quote

<?if($SMENU_1$)?>
<table border="0" cellpadding="0" cellspacing="0" width="217" style="background:url('/.s/t/431/25.gif') #F7F0BB;">
<tr><td height="32" valign="top" style="background:url('/.s/t/431/26.gif');color:#790000;padding-left:60px; padding-top:7px;font-size:10px;"><b>Меню сайта</b></td></tr>
<tr><td style="padding:5px 20px 0px 20px;">$SMENU_1$</td></tr>
<tr><td><img src="/.s/t/431/27.gif" border="0"></td></tr>
</table><br />
<?endif?>

Посмотри что и как я выдрал и разберись сам, там ничего сверхтрудного нет!

bandjuk

Сообщений: 6816

Репутация: 2398

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

Сообщение # 145 | 16:05:50 23 Май 2012

Дэнакин, да, я забыл, чтобы убрать границы, замени выделенное красным на 0

Quote

<div class="forumContent"><table border="2" cellpadding="0" height="30" cellspacing="0" width="100%">
<tr>
<td rowspan="2" width="206" valign="top">
КОД БЛОКА
</td>

Дэнакин,

Quote

спасибо.а как такое меню сайта под шапкой сделать?

создать второе горизонтальное меню
ПУ -- конструктор меню (см. скрин)

или найти меню в интернете

Прикрепления: 3279776.jpg (42.6 Kb)

Человек3896

Сообщений: 6

Репутация: 0

Сообщение # 146 | 18:22:20 25 Май 2012

Вот, я туплю и все! Вы можете помочь сделать мне блоки в левой части? Вот код:

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/551.css" />
</head>

<body style="background:url('http://sporia.ucoz.ru/kartinka.jpg') #FFFFFF; margin:0px; padding:0px;">
$ADMIN_BAR$

$GLOBAL_AHEADER$

<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td valign="top" width="214">
<img src="/.s/t/551/14.gif" border="0" height="23"><br />

<?if($SMENU_1$)?>
<table border="0" cellpadding="3" cellspacing="0" style="" width="199">
<tr><td style="background:url('/.s/t/551/15.gif') bottom no-repeat;padding:5px;">$SMENU_1$</td></tr>
</table>
<?endif?>

</td>

<td align="center">

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" style="padding:0px 15px 0px 0px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="20" height="20"><img src="/.s/t/551/16.gif" border="0"></td><td style="border-top:1px solid #9D9CAD; background:#FFFFFF;"> </td><td width="20" height="20"><img src="/.s/t/551/17.gif" border="0"></td></tr>
<tr><td style="border-left:1px solid #9D9CAD; background:#FFFFFF;"> </td><td style="background:#FFFFFF;">$CONTENT$</td><td style="border-right:1px solid #9D9CAD; background:#FFFFFF;"> </td></tr>
<tr><td width="20" height="20"><img src="/.s/t/551/18.gif" border="0"></td><td style="border-bottom:1px solid #9D9CAD; background:#FFFFFF;"> </td><td width="20" height="20"><img src="/.s/t/551/19.gif" border="0"></td></tr>
</table>
</td>

<td valign="top" width="200">
$GLOBAL_CLEFTER$
</td>
</tr>
</table>

</td><td width="15"> </td></tr></table>

$GLOBAL_BFOOTER$

</body>

</html>

bandjuk

Сообщений: 6816

Репутация: 2398

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

Сообщение # 147 | 01:30:58 26 Май 2012

Человек3896, Вставляй код левого контейнера сразу после:

Quote

<?if($SMENU_1$)?>
<table border="0" cellpadding="3" cellspacing="0" style="" width="199">
<tr><td style="background:url('/.s/t/551/15.gif') bottom no-repeat;padding:5px;">$SMENU_1$</td></tr>
</table>
<?endif?>

ТВОЙ КОД
</td>

Человек3896

Сообщений: 6

Репутация: 0

Сообщение # 148 | 16:25:57 01 Июн 2012

bandjuk, Спасибо большое, очень помогли!

Pesochek

Сообщений: 12

Репутация: 0

Сообщение # 149 | 16:26:28 01 Июн 2012

Помогите пожалуйста!!! Не могу переделать, мне нужно чтобы блоки которые слева - были справа....

Страницы сайта:

Quote

<html>
<head>
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<link type="text/css" rel="StyleSheet" href="http://prav-videonews.ucoz.ru/_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?>

<table class="content"><tr>

<td class="blocks" valign="top">

$GLOBAL_CLEFTER$

</td>

<td class="posts" valign="top">
$CONTENT$
</td>

</tr></table>

<?if($MODULE_ID$='forum')?>
</div>
<?endif?>
</div>

<div class="headerdown"></div>

$GLOBAL_BFOOTER$

</div>

</body>
</html>

Сообщение отредактировал Pesochek - Пятница, 01 Июн 2012, 16:27:45

bandjuk

Сообщений: 6816

Репутация: 2398

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

Сообщение # 150 | 16:40:55 01 Июн 2012

Pesochek,

Quote

<html>
<head>
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<link type="text/css" rel="StyleSheet" href="http://prav-videonews.ucoz.ru/_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?>

<table class="content"><tr>

<td class="posts" valign="top">
$CONTENT$
</td>
<td class="blocks" valign="top">

$GLOBAL_CLEFTER$

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

<?if($MODULE_ID$='forum')?>
</div>
<?endif?>
</div>

<div class="headerdown"></div>

$GLOBAL_BFOOTER$

</div>

</body>
</html>

Как создать второй контейнер с блоками (если предусмотрен только один контейнер...)

Страница 10 из 59
«
1
2
…
8
9
10
11
12
…
58
59
»

Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!