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

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

Miss_Esq

Сообщений: 13859

Репутация: 4159

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

Сообщение # 91 | 11:12:07 26 Дек 2011

skapunker,

Quote

то пишет "$POLL$

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

geometriya ISO 3166-2 DEE

Сообщение отредактировал Miss_Esq - Понедельник, 26 Дек 2011, 11:12:39

holidey

Сообщений: 2

Репутация: 17

Сообщение # 92 | 01:13:14 03 Янв 2012

как мне сделать левый контейнер ? Помогите пожалуйста

Code

<html>
<head>
<meta name="google-site-verification" content="qIV_22i20V-xBdh7n-y63Z9aDvliOOOLdiwUQIJkz84" />
<meta name='yandex-verification' content='7d340e31c0449240' />
<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="http://s58.ucoz.net/src/css/936.css" />
<meta name="google-site-verification" content="Or50P8GniShhc7tQSrMdIgUjEr5a14YxB-pZHMd8hgw" />
</head>
<meta name='yandex-verification' content='7d340e31c0449240' />
<body style="background:#FFFFFF; margin:0px; padding:0px;">
$ADMIN_BAR$
<div id="data">$WDAY$, $DATE$, $TIME$<br><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>Вы вошли как <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><b>$USERNAME$</b></a> | Группа "<u>$USER_GROUP$</u>"<?else?>Приветствую Вас <b>$USERNAME$</b><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$" title="RSS">RSS</a><?endif?></div>

<div id="contanier">
<div id="left">
<div id="header"><span>Мы поможем Вам построить тёплый и уютный дом</span></div>
<div id="content">$CONTENT$</div>
<td valign="top" width="214">
$GLOBAL_TWO$
</td>
</div>
<div id="navigation">
<div id="navBar"><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($SMENU_1$)?>
$SMENU_1$
<?endif?>

$GLOBAL_CLEFTER$

</div>

<div class="clear"></div>
$GLOBAL_BFOOTER$
</div>
</body>

</html>

Miss_Esq

Сообщений: 13859

Репутация: 4159

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

Сообщение # 93 | 08:42:43 03 Янв 2012

holidey, Но этого может оказаться мало ...

geometriya ISO 3166-2 DEE

Miss_Esq

Сообщений: 13859

Репутация: 4159

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

Сообщение # 94 | 11:30:48 03 Янв 2012

holidey,

Quote

Этого действительно мало...

Нужно ещё и с CSS поработать ... Но без сайта , его адреса ни чего определённого не сказать ..

geometriya ISO 3166-2 DEE

holidey

Сообщений: 2

Репутация: 17

Сообщение # 95 | 12:14:44 03 Янв 2012

Строим-с-умом.рф

damingo

Сообщений: 10

Репутация: 0

Сообщение # 96 | 15:34:31 12 Янв 2012

Помогите в 809 шаблон

Ни как не могу вставить контейнеры под блоки вробовал по всякому просто не отображается... Может в css что менять надо? да тока пока ни как не дотумкаю как прописать... с ксс вообще дружу(начинаю дружить)

Miss_Esq

Сообщений: 13859

Репутация: 4159

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

Сообщение # 97 | 16:42:23 12 Янв 2012

damingo, В CSS так же возможно нужно что то изменить ..

geometriya ISO 3166-2 DEE

Т_е_н_ь:

Сообщений: 11

Репутация: -3

Сообщение # 98 | 17:03:35 18 Янв 2012

Здрасте... Помогите второй контейнер создать на стандартном шаблоне юкоз Дизайн # 786 я не очень разбираюсь в кодах. Вот адрес сайта http://viprylsk.ucoz.ru/

Добавлено (18-Янв-2012, 17:03:35)
---------------------------------------------
Владислав1999, не сможешь подсказать?

Miss_Esq

Сообщений: 13859

Репутация: 4159

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

Сообщение # 99 | 17:12:45 18 Янв 2012

Т_е_н_ь:, Зачем вам второй ??? У вас фиксированный тип макета , поставите вторую колонку места для контета вообще не останется ...

geometriya ISO 3166-2 DEE

OlegM

Сообщений: 191

Репутация: 2

Сообщение # 100 | 21:53:33 18 Янв 2012

Добрый вечер. У меня нестандартный шаблон и предлагаемые вами варианты не получаются. Вот мой сайт http://www.businkishop.ru/ Можно ли здесь дабавить колонку справа? Как это сделать? GLOBAL_TWO я создал, но как правильно его вставить и куда?
Помогите, пожалуйста.

Roy

Сообщений: 1

Репутация: 0

Сообщение # 101 | 12:03:41 22 Янв 2012

http://wwwanimetop.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/847.css" />
</head>

<body>
$ADMIN_BAR$
<div id="contanier">
<div id="leftPick">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td valign="top" id="leftColumn">
<?if($SMENU_1$)?>$SMENU_1$<?endif?>
</td>
<td valign="top">

$GLOBAL_AHEADER$

<?if($MODULE_ID$='forum')?><div style="height:10px;"></div><?endif?>

<table cellpadding="0" cellspacing="0" border="0" width="100%" id="contentBlock">
<tr>
<td id="textBlock"><?if($MODULE_NAME$)?><h1>$MODULE_NAME$</h1><?endif?>$CONTENT$</td>
</tr>
</table>
</td>
<td valign="top" id="rightColumn">
<div id="dataBar">$WDAY$<br>$DATE$<br>$TIME$</div>
$GLOBAL_CLEFTER$
</td>
</tr>
</table>

<br />

$GLOBAL_BFOOTER$

</div>
</div>

</body>

</html>

Inga_Star

Сообщений: 1

Репутация: 0

Сообщение # 102 | 14:22:59 22 Янв 2012

Здравствуйте! Помогите, пожалуйста, женщине-чайнику. Сайт делаю сама, интересно, но технических знаний не хватает. sad

Мой стандартный дизайн № 956. Сайт http://astroway.ucoz.ru

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

Создала глобальный блок $GLOBAL_DRIGHTER$
Куда его нужно вставить?

Вот код страницы

Nikos0218

Сообщений: 48

Репутация: 33

Сообщение # 103 | 20:06:57 29 Янв 2012

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

http://odniprogi.ucoz.ru/

Добавлено (29-Янв-2012, 20:06:57)
---------------------------------------------
http://odniprogi.ucoz.ru/

Код "Страницы сайта"

Djeik

Сообщений: 58

Репутация: 6

Сообщение # 104 | 11:59:24 06 Фев 2012

Уважаемые эксперты! Подскажите, пожалуйста, как правильно мне прописать второй контейнер? $GLOBAL_TWO$ создан. В него был добавлен блок меню, для проверки отображения.
Если вставлять контейнер так как написано на первой странице, то отображается он слева снизу сайта. Как задать его расположение и изменить направление зеркально?
Шаблон №789.

Код страницы сайта:

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" />
  <style type="text/css">

  h1 em {
  border: dashed 1px #e3792c;
  display: block;
  padding: 10px 0;
  font-style: normal;
  }

  img {
  border: none;
  }

  .gallery {
  list-style-type: none!important;
  margin: 0;
  padding: 0;
  }
  .gallery li {
  padding: 10px;
  margin: 0;
  float: left;
  position: relative;
  width: 145px;
  height: 79px; list-style-type: none!important;

  }
  .gallery li:hover img {
  border-color: #000;
  }
  .gallery img {
  background: #fff;
  border: solid 1px #888;
  padding: 5px;
  }
  .gallery em {
  background: #fff url(http://pstest.ucoz.ru/demo/1/images/grey-gradient.gif) repeat-y;
  color: #000;
  font-style: normal;
  padding: 2px 10px;
  display: block;
  position: absolute;
  top: 50px;
  left: 9px;
  border: 1px solid #999;
  border-left-color: #888;
  }
  .gallery a {
  text-decoration: none;
  }
  .gallery a:hover em {
  background: #ffdb01 url(http://pstest.ucoz.ru/demo/1/images/orange-gradient.gif) repeat-y;
  border-color: #c25b08;
  }

  .one_third {float:left; margin-right:4%; position:relative;width: 30,66%;}
  .last { margin-right: 0px !important; clear:right; }
  .et-box { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; margin: 0px 0px 10px; }

  </style>
</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>
  </div>


$GLOBAL_BFOOTER$
  </div>
</div>
</body>
  <script type="text/javascript" src="/jquery.hoverpulse.js"></script>
<script type="text/javascript">
$(window).load(function() {
  $('p.msg').html('Mouse over images for pulse effect, click to open link in new window.');
});
$(document).ready(function() {
  $('div.thumb img').hoverpulse().each(function() {
  var $img = $(this);
  var link = $img.attr('data-link');
  $img.attr('title','Перейти на страницу с фото: ' + link);
  $img.click(function() {
  window.open(link);
  return false;
  });
  });
});
</script>

<script type="text/javascript" src="/cycle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
  $('.slideshow').cycle({
  fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
  });
});
</script>

</html>

sun-sun

Сообщений: 2

Репутация: 0

Сообщение # 105 | 23:20:37 08 Фев 2012

Подскажите,куда поставить нужно $GLOBAL_TWO$ ,чтобы был справа

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

<body style="background:url('/.s/t/903/1.gif') center repeat-y #252525; margin:0px; padding:0px;">
$ADMIN_BAR$

<div id="contanier">
  <div id="content">
$GLOBAL_AHEADER$

  
  <table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
  <td valign="top" style="padding:0px 20px 0px 0px;">$CONTENT$</td>
  <td valign="top" style="width:200px;">
  $GLOBAL_CLEFTER$
  </td>
  </tr>
  </table>
  
$GLOBAL_BFOOTER$
  </div>
</div>
</body>

</html>

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