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

Страница 8 из 59
«
1
2
…
6
7
8
9
10
…
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

FeniX_kz

Сообщений: 1642

Репутация: 971

Сообщение # 106 | 10:12:05 09 Фев 2012

sun-sun,

Code

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

sun-sun

Сообщений: 2

Репутация: 0

Сообщение # 107 | 15:51:24 09 Фев 2012

Ничего не изменилось...

Code

riba720

Сообщений: 1

Репутация: 0

Сообщение # 108 | 23:38:52 10 Фев 2012

Добрый вечер.ставил-ставил $GLOBAL_TWO$ и так и этак ,что бы был контейнер справа,не выходит,прошу профи откликнуться и помочь,вот сайт
http://fish-primanki.ucoz.ru/
вот код

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

<body style="background:#060807; margin:0px; padding:0px;">
$ADMIN_BAR$
<div align="center">
<table cellpadding="0" cellspacing="0" border="0" width="920" align="center">
<tr><td height="38" width="233" id="data">$WDAY$, $DATE$, $TIME$</td><td height="38" width="687" id="bar"><a href="$HOME_PAGE_LINK$" title="Главная">Главная</a><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль">Мой профиль</a><?else?> | <a href="$REGISTER_LINK$" title="Регистрация">Регистрация</a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$" title="Выход">Выход</a><?else?> | <a href="$LOGIN_LINK$" title="Вход">Вход</a><?endif?><?endif?></td></tr>
<tr><td height="165" width="920" colspan="2" id="header"><h1>МАСТЕРСКАЯ РЫБОЛОВА BY</h1></td></tr>
<td valign="top" width="233"style="background:url('/.s/t/956/1.gif') repeat-y #D9DC82;">

<?if($SMENU_1$)?>
<div id="boxMenu"><h3>Меню сайта</h3><div class="boxContent">$SMENU_1$</div></div>
<?endif?>


$GLOBAL_CLEFTER$
</td>
<td width="687" valign="top" style="background:url('/.s/t/956/2.gif') repeat-y #FFFFFF;"><div style="background:#060807;"><img src="/.s/t/956/3.jpg" border="0"></div><div id="line">$MODULE_NAME$</div>
<div style="margin:0 15px 0 20px;width:652px;">$CONTENT$</div></td></tr>
<tr><td><img src="/.s/t/956/4.jpg" border="0"></td><td style="background:#FFFFFF;"><img src="/.s/t/956/5.gif" border="0"></td></tr>
</table>

$GLOBAL_BFOOTER$

</div>
</body>

</html>/td>

$GLOBAL_BFOOTER$

И еще что то на главной картинка в шапке сдвинулась не пойму где ошибка.Помогите плиз...
crazy

Admin4646

Сообщений: 1

Репутация: 0

Сообщение # 109 | 01:43:18 13 Фев 2012

Помогите, пожалуйста!

Вот сайт http://roz.ucoz.net , проблема заключается в том, что на главной странице сайте правый контейнер уходит вниз, а на других страницах сайта все отображается правильно. А, сейчас, нижняя часть сайта тоже стоит непонятно где, а должна быть снизу. Подскажите где ошибка.

Code

<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<link rel="stylesheet" href="http://roz.ucoz.net/_st/my.css" type="text/css" media="all" />
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?47"></script>
  </head>

<body>
<div id="wrapper">
$GLOBAL_AHEADER$
<?if($MODULE_ID$='forum')?>
<div id="forum-casing">
<?else?>
<div id="casing">
<?endif?>

<div class="sidebar1">
$GLOBAL_CLEFTER$
</div>
<div id="content">
$CONTENT$
</div>
<div class="sidebar2">
$GLOBAL_DRIGHTER$
  <div class="utsite"><a href="http://infomus.ru/" target="_blank">Новости музыки</a></div>
</div>


<div class="clear"></div>
</div>
$GLOBAL_BFOOTER$
</div>
  <script type="text/javascript">
  VK.init({apiId: 2799013, onlyWidgets: true});
</script>
</body>
</html>

admin1041

Сообщений: 1

Репутация: 0

Сообщение # 110 | 14:42:50 18 Фев 2012

Помогите пожалуйста! Делаю все как описано, но не получается.

вот код.

<html xmlns="http://www.w3.org/1999/xhtml"><script type="text/javascript" src="http://p0rtal.org/informer/23"></script><div id="carousel" style="position: absolute; top: 150px;"><script type="text/javascript" src="http://p0rtal.org/informer/24"></script></div>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<link rel="stylesheet" href="http://temp38.ucoz.com/_st/my.css" type="text/css" />

</head>
<body id="page_bg">
<div class="center">
<div id="wrapper">
<div id="area">
$GLOBAL_AHEADER$
<div id="content">
<div id="leftcolumn">
$GLOBAL_CLEFTER$
</div>
<div id="pathway">
<a href="$HOME_PAGE_LINK$">Главная</a>
<?if($MODULE_URL$)?><a href="$MODULE_URL$">$MODULE_NAME$</a><?endif?>
<?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$">Мой профиль</a><?else?><a href="$REGISTER_LINK$">Регистрация</a><?endif?><?endif?>
<?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?><a href="$LOGOUT_LINK$">Выход</a><?else?><a href="$LOGIN_LINK$">Вход</a><?endif?><?endif?><?if($RSS_LINK$)?><a class="feed-icon" href="$RSS_LINK$">RSS</a><?endif?>
</div>
<div id="maincolumn">
<div class="nopad">
$CONTENT$
</div>
</div>

</div>
</div>
<div class="clr"></div>
</div>
</div>
$GLOBAL_BFOOTER$
</body>
</html>

Primavera

Сообщений: 23

Репутация: 18

Сообщение # 111 | 01:22:38 19 Фев 2012

Знающие люди, помогите вставить новый глобальный блок ($GLOBAL_LEFT$) слева!
Сайт http://green-tour.at.ua/
Уже кучу экспериментов на эту тему провела, но когда для теста в новый блок пишу абракадабру, она появляется под шапкой сайта. Подставляла разные варианты кодов, рекомендованные в этой теме ранее - результат один.
Помогите, плс, вставить блок правильно!
А еще, во время этих экспериментов я создала $GLOBAL_DRIGHTER$, так он теперь не удаляется! Не будет ли он мешать установке $GLOBAL_LEFT$ слева?

Yoh__Asakura

Сообщений: 1

Репутация: 0

Сообщение # 112 | 02:21:13 20 Фев 2012

Помогите сделать второй контейнер

Stato

Сообщений: 1

Репутация: 0

Сообщение # 113 | 16:20:05 20 Фев 2012

Здравствуйте, очень нужна ваша помощь!
похожая проблема нужно создать левый контейнер!
вернее я его создал, назвал "TWO" но правмльно разместить неполучается sad

Дизайн # 798(изменен)
Заранее благодарю! cry

вот код

Chesterfield5017

Сообщений: 243

Репутация: 10

Сообщение # 114 | 00:48:00 22 Фев 2012

Доброго времени суток!!!!
Помогите пожалуйста с создание второго контейнера с лева.
Шаблон стандартный Дизайн # 947 просмотрите чтобы не было проблем.За ранее спасибо!!!!!
Вот код страниц сайта:
<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/947.css" />
</head>

<body style="background:#EDFBFF; margin:0px; padding:0px;">
$ADMIN_BAR$

<table cellpadding="0" cellspacing="0" border="0" width="100%" style="background:url('/.s/t/947/1.gif') repeat-x;">
<tr><td valign="top" align="center">
$GLOBAL_AHEADER$
<table cellpadding="0" cellspacing="10" border="0" style="width:751px;background:#FFFFFF;border:1px solid #ACACAC;">
<tr><td valign="top" align="center">
<div style="background:#F5F5F5;font-size:10px;text-align:left;color:#B7B7B7;padding:5px;margin-bottom:5px;" class="grayLink"><a href="$HOME_PAGE_LINK$" title="Главная">Главная</a> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль">Мой профиль</a><?else?> | <a href="$REGISTER_LINK$" title="Регистрация">Регистрация</a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$" title="Выход">Выход</a><?else?> | <a href="$LOGIN_LINK$" title="Вход">Вход</a><?endif?><?endif?></div>
<?if($MODULE_NAME$)?><h1>$MODULE_NAME$</h1><?endif?>
$CONTENT$
</td>
<td valign="top" style="width:200px;background:#EDFBFF;" align="center">
$GLOBAL_CLEFTER$

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

$GLOBAL_BFOOTER$

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

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

</html>

Каталог статей

Mirrasar

Сообщений: 5

Репутация: 2

Сообщение # 115 | 13:01:49 02 Мар 2012

Помогите пожалуйста снова второй контейнер разместить.... никак не получается((((
http://1sk.my1.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">$CONTENT$</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><td><img src="/.s/t/988/20.gif" border="0"></td>
</tr>
</table><br />

</tr>

</table>

$GLOBAL_BFOOTER$

</body>

</html>

Сообщение отредактировал Mirrasar - Суббота, 03 Мар 2012, 19:54:15

Terakota

Сообщений: 1

Репутация: 0

Сообщение # 116 | 16:36:44 02 Мар 2012

У меня дизайн сайта 943, помогите мне добавить левый контейнер, что-то у меня ничего не получается.
Код у меня такой
Доступно только для пользователей

Berecunda

Сообщений: 31

Репутация: 20

Сообщение # 117 | 16:27:05 03 Мар 2012

Добрый день! А можно ли сдвинуть правый и левый контейнер? Если да, то как? У меня справа и слева пространство хочу его закрыть контейнерами, чтобы центральная часть была больше! Благодарю за внимание smile

Ministr

Сообщений: 842

Репутация: 323

Сообщение # 118 | 17:16:33 03 Мар 2012

Berecunda, в CSS:

ищите блок:

#content {
margin: auto;
padding-top: 1px;
text-align: left;
width: 1000px;
}

в нем width: 1000px; отвечает за ширину вместе взятых левого контейнера, центра, правого контейнера

Добавлено (03-Мар-2012, 17:16:33)
---------------------------------------------
для того чтобы изменить размеры (допустим увеличить) левого и правого блока нужно сначала увеличить размер ширины общей сверху написал, затем для каждого контейнера нужно прописывать свою ширину дополнительно,

т.е. для левого:

#leftcol {
float: left;
text-align: justify;
width: 200px;
}

для центра:

#maincol {
float: left;
margin-left: 10px;
margin-top: 10px;
text-align: justify;
width: 580px;
}

для правого контейнера:

#rightcol {
float: right;
text-align: justify;
width: 200px;
}

Прикрепления: 9403486.png (245.8 Kb)

wings9512

Сообщений: 1

Репутация: 0

Сообщение # 119 | 13:14:20 09 Мар 2012

помогите как Mirrasar тоже такой же код нужен только гамма стандартная вот мой код

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<?$META_DESCRIPTION$?>

<link href="/.s/src/css/786.css" rel="stylesheet" type="text/css"/>
</head>
<body>
$ADMIN_BAR$
<div id="wrap">
<div id="container">
$GLOBAL_AHEADER$
<div id="content">
<div id="content-top"></div>
<div id="content-mid">
<div class="sidebar">
<div class="block soc-block">
<div class="block-top"></div>
<div class="block-mid">
<div class="blockcontent" style="margin-right: 0;">
<div class="bc-inside" style="width: auto;">
<div id="soc">
<?if($RSS_LINK$)?><a href="$RSS_LINK$" target="_blank" title="RSS" class="soc-rss"></a><?endif?>
<a href="http://del.icio.us/post?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Del.icio.us" class="soc-del"></a>
<a href="http://www.facebook.com/share.php?u=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="FaceBook" class="soc-facebook"></a>
<a href="http://memori.ru/link/?sm=1&u_data[url]=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Memori" class="soc-memori"></a>
<a href="http://vkontakte.ru/share.php?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Vkontakte" class="soc-vkontakte"></a>
<a href="http://twitter.com/share?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Twitter" class="soc-twitter" style="margin: 0;"></a>
</div>
</div>
</div>
</div>
<div class="block-bottom"></div>
</div>
$GLOBAL_CLEFTER$
</div>
<div class="maincont">

$CONTENT$

</div>
<div class="clear"></div>
</div>
<div id="content-bottom"></div>
</div>
$GLOBAL_BFOOTER$
</div>
</div>
</body>
</html>

MirADMIN

Сообщений: 4

Репутация: 2

Сообщение # 120 | 18:56:33 17 Мар 2012

Quote (Владислав1999)

www.mirrasar.my1.ru

Можно ли сделать фото до и после, для того, что бы было понятно визуально, что меняется фото Глобальные блоки1 и фото 2 - Глобальные блоки 2

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