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

Страница 38 из 59
«
1
2
…
36
37
38
39
40
…
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

KaiLee

Сообщений: 5463

Репутация: 1135

Сообщение # 556 | 16:29:45 20 Янв 2013

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

В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи

Отверженный

Сообщений: 9

Репутация: 0

Сообщение # 557 | 00:22:22 21 Янв 2013

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

KaiLee

Сообщений: 5463

Репутация: 1135

Сообщение # 558 | 09:57:24 21 Янв 2013

Отверженный,
Просто у центральной колонки вместо процентов поставить пиксели... А уж куда сколько - это как нужно.

В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи

Арклайт

Сообщений: 1

Репутация: 0

Сообщение # 559 | 17:17:03 21 Янв 2013

Доброго времени суток! Ломал голову как мог, но к сожалению не выходит поставить 2 контейнер справа - прошу помочь.
Вот сайт: http://www.vampiresfilms.ru/

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

Цитата

<div class="module-content2">
<form name="rokajaxsearch" id="rokajaxsearch" class="blue" action="/search/" method="get">
<div class="rokajaxsearch">
<div class="roksearch-wrapper">
<input id="roksearch_search_str" name="q" type="text" class="inputbox" value="Поиск..." onfocus="if (this.value=='Поиск...') this.value='';"
onblur="if (this.value==''){this.value='Поиск...'}" />
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div id="rt-main" class="sa4-mb8">
<div class="rt-grid-8 rt-push-4">$CONTENT$ </div>
<div class="rt-grid-4 rt-pull-8">
<div id="rt-sidebar-a"> $GLOBAL_CLEFTER$ </div>

</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>

<div id="rt-bottom">
<div class="rt-main-overlay"> $GLOBAL_BOTTOM$
<div class="clear"></div>
</div>
</div>
</div>
<div id="rt-copyright">
<div class="rt-grid-12 rt-alpha rt-omega">
<div class="clear"></div>
<div class="rt-block">
<div id="developed-by"> </div>

<div id="powered-by"> $POWERED_BY$ </div>

Вот скайп: Arklight21011

Опишу ситуацию, создал блок $GLOBAL_DRIGHTER$ - прописывал его везде, но справа не встаёт и всё sad

Помогите кто чем может, советом, кодом - буду признателен, с меня +сик

Отверженный

Сообщений: 9

Репутация: 0

Сообщение # 560 | 16:18:34 27 Янв 2013

Очень долго мучался пытаюсь сделать 3тий контейнер паралельно со вторым правым,но так и не получилось.Менял % на количественные значения,но все в пустую.Вот код моей страницы сайта.Очень прошу подскажите как правильно он должен выглядеть[code][/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 style="background:url('/img/fon.png'); margin:0;padding:0;">
$ADMIN_BAR$

$GLOBAL_AHEADER$


<table border="0" cellpadding="0" cellspacing="0" width="1000">
<tbody><tr>
<td valign="top" style="padding:3px">

$GLOBAL_CLEFTER$
</td>
<td valign="top" width="80%" style="padding-top:5px">
<table border="10" cellpadding="5" cellspacing="0" width="100%" style="border:1px solid #dc9d00;"><tbody><tr align="left"><td style="background:#f0eded;">$CONTENT$</td></tr></tbody></table>
</td>

<td valign="top" style="padding:3px">
$GLOBAL_TWO$
$GLOBAL_DRIGHTER$
</td>
</tr></tbody><tbody><tr>
<td valign="top" style="padding:3px">
</td></tr></tbody></table>

$GLOBAL_BFOOTER$
</div>

</body>
</html>

</body></html>
$POWERED_BY$

bobka2

Сообщений: 146

Репутация: 21

Сообщение # 561 | 21:35:20 29 Янв 2013

я создал второй контейнер , но у меня почему то нету границ , как в первом и серого фона , подскажите , что нужно исправить ?

сайт http://fotokulinary.ucoz.ru/

Ministr

Сообщений: 842

Репутация: 323

Сообщение # 562 | 22:04:10 29 Янв 2013

bobka2, добавьте стиль в <td> в котором у вас расположен второй контейнер:

Код

style="background:url('/.s/t/977/2.gif');"

то есть выглядеть должно так:

Код

bobka2

Сообщений: 146

Репутация: 21

Сообщение # 563 | 22:18:49 29 Янв 2013

Цитата (Ministr)

style="background:url('/.s/t/977/2.gif');"1

то есть выглядеть должно так:

до $GLOBAL_DRIGHTER$ или псле

Добавлено (29 Янв 2013, 22:15:47)
---------------------------------------------
у меня сейчас там вот
</tr>
</table>
<hr />
$BODY$
<?if($PAGE_SELECTOR1$)?><div style="text-align:center;">$PAGE_SELECTOR1$</div><?endif?><br /></td></tr></table>
<td valign="top" width="214">
$GLOBAL_DRIGHTER$
</td>
</td><td valign="bottom" align="left" rowspan="2"><img src="/.s/t/977/15.gif" border="0"></td></tr>

<tr><td height="58" width="305" style="background:url('/.s/t/977/16.gif');padding-bottom:5px;" align="center">$POWERED_BY$</td><td width="620" style="background:url('/.s/t/977/17.gif');padding-bottom:5px;" align="center">Copyright MyCorp © $YEAR$</td></td></tr>
</table>

Добавлено (29 Янв 2013, 22:18:49)
---------------------------------------------
Ministr спасибо , получилось

masterfootbal(ADMIN)

Сообщений: 23

Репутация: 0

Сообщение # 564 | 20:51:08 30 Янв 2013

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

Код

<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="wrap">
   <div id="container">
   $GLOBAL_AHEADER$
   <div class="content-bottom">
   <div class="content-mid">
   <div class="sidebar">
   $GLOBAL_CLEFTER$
   </div>
   <div class="content">
   <div class="content-inside">
   
   $CONTENT$
   
   </div>
   </div>
   <div class="clear"></div>
   </div>
   </div>
   $GLOBAL_BFOOTER$
   </div>
</div>
<style>
.LsMesTitle {border:0px; border-top:1px solid #fff; border-bottom:1px solid #b7b7b7; background:#f1f1f1 url('http://wallaby.ucoz.ru/_ph/1/2/405661807.png') repeat-x 0 0; font-size:11px; font-family:tahoma; color:#555; font-weight:bold; padding:6px 7px 6px 7px; text-shadow:#fff 0px 1px 0px;}
span.closeLs {float:right; width:16px; height:16px; background:url('http://wallaby.ucoz.ru/_ph/1/2/885217798.png') no-repeat 0px 0px; margin:0px; margin-top:-1px; cursor:pointer;}
span.closeLs:hover {background:url('http://wallaby.ucoz.ru/_ph/1/2/941025470.png') no-repeat 0px -17px; cursor:pointer;}

.LsMesWrap {position: fixed; bottom:0px; right:10px; padding:10px;}
.LsMesWrapp {border:1px solid #bababa; background:url('http://wallaby.ucoz.ru/_ph/1/2/14063723.png'); padding:4px; margin-bottom:12px;}
.LsMesWrappp {text-align:left; border:1px solid #b7b7b7; width:300px; background:#fff; padding:0px; text-shadow:0px 1px 0px #fff;}
</style>

<div class="LsMesWrap"></div>
<script type="text/javascript">
$(".LsMesWrap").html('');
   $.get('/index/14', function (data) {
   $('b.unread', data).each(function () {
   var NameTheme = $(this).text();
   var UrlTheme = $(this).parent('a').attr('href');
   var urlSplit = $(this).parent('a').attr('href').split('/')[4].split('-')[1];

$(".LsMesWrap").append('<div class="LsMesWrapp"><div class="LsMesWrappp"><div class="LsMesTitle"><div style="float:left;">Новое уведомление</div><span onclick="$(this).parent().parent().parent().hide();" class="closeLs"></span><br/></div><div style="color:#777; padding:5px;"><a style="color:#777;" href="'+$(this).parent('a').next().attr('href')+'">'+$(this).parent('a').next().text()+'</a><span style="padding:0px 4px;"></span><a style="color:#333;" href="' + UrlTheme + '">' + NameTheme + '</a></div></div></div>');

};);
};);
</script></body>
</html>

Вот сайт: http://www.pessocer.ru/

И кстати в блок TWO что вставлять надо та?

Сообщение отредактировал masterfootbal(ADMIN) - Среда, 30 Янв 2013, 21:13:27

SHEL0372

Сообщений: 2

Репутация: 0

Сообщение # 565 | 16:49:58 04 Фев 2013

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

Код

<!DOCTYPE html>
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Undegraund Rap - портал рэпа</title>
  <link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<link type="text/css" rel="StyleSheet" href="http://s107.ucoz.net/src/layer6.css" />
<script type="text/javascript" src="http://s107.ucoz.net/src/jquery-1.7.2.js"></script>
<link href="http://s107.ucoz.net/src/ulightbox/ulightbox.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="http://s107.ucoz.net/src/ulightbox/ulightbox.js"></script>
<script type="text/javascript" src="http://s107.ucoz.net/src/uwnd.js?2"></script><style type="text/css">.UhideBlock {display:none}</style>
</head>
  <body>
<div class="menu">
<div style="width: 640px;margin: auto;">
$GLOBAL_AHEADER$
</div>
</div>
  <div class="site">
  <div class="bgtop">
  <div class="top">
  <div style="float: right">
  <form class="poisk" method="get" action="/search/" target="_blank">
  <input name="q" id="form-query" value="" placeholder="поиск по сайту">
  <input src="/_img/_blok.gif" type="image" style="vertical-align: bottom; padding: 0;width: 20px ;"/>
  </form>
  </div>
<a href="/">
  <a href="/">
  <img src="/_img/logo.png" /></a></a>
  </div>
  </div>
  <div style="width: 640px;margin: auto;">

  
  <div class="about">
  <div class="about_img"><img src="/_img/_blok.gif" alt="О сайте" title="О сайте" />
  </div>
  <a href="/">Undegraund rap</a> — распадается на две категории. Это или hardcore hip-hop, который расширяет музыкальные границы и отличается гораздо более интересными текстами, чем gangsta клише, - или hardcore gangsta rap, который собрал в себе все музыкальные и лирические стереотипы этих жанров. Эти два стиля сходятся в том, что уделяют одинаково мало внимания традициям и условностям основной музыкальной культуры, - они прославляют свой статус независимости. Underground rap записывается на крупных студиях меньше, чем hip-hop, но часто звучит одинаково.
<hr>
Онлайн музыка, скачать музыку, mp3 бесплатно, скачать песни, бесплатно, музыка онлайн без регистрации, mp3 онлайн, мп3 скачать, клипы онлайн, клипы скачать, самый большой репертуар музыки онлайн и скачать бесплатно.

  </div>
  <div class="news">
  <div class="news_img"></_img src="/_img/_blok.gif" alt="О сайте" title="О сайте" />
  </div>
  <table cellpadding="0" cellspacing="0" width="100%">
  <tr>
  <td width="50%">
  <ul>
$MYINF_3$
  </ul></td>
  </tr>
  </table>
  </div>
  
  <div class="music">
<div class="audio"><a href="$HOME_PAGE_LINK$"></a>
$BODY$$PAGE_SELECTOR$</div>
  </div>
  

  <div class="about">


<div class="Приветствую Вас">
<div align="right">$ONLINE_COUNTER$</div>
<div align="right"><?if($ONLINE_USERS_LIST$)?>$ONLINE_USERS_LIST$<?else?>На сайте никого нет.<?endif?></div>
</div></div>
  </div> </div>
$GLOBAL_BFOOTER$
  </div>
  </body>
</html>
$POWERED_BY$

bobka2

Сообщений: 146

Репутация: 21

Сообщение # 566 | 21:20:00 04 Фев 2013

после создания второго контейнера заметил , что сай не правильно отображается в браузере интернет эксплоер

сайт http://fotokulinary.ucoz.ru/ ,что можно сделать?

LAN7540

Сообщений: 7

Репутация: 0

Сообщение # 567 | 21:00:01 05 Фев 2013

Не подскажите. У меня есть блок -"категории раздела", но в фотоальбоме "категории" расположены в столбик а не в строчку, как исправить? Спасибо.
http://nivelkom.ucoz.ru/photo

KaiLee

Сообщений: 5463

Репутация: 1135

Сообщение # 568 | 21:23:07 05 Фев 2013

LAN7540,
Проверте настройки модуля. Вас интересует кол-во колонок в меню категорий. Должна стоять одна.

bobka2,
У Вас не прописан доктайп.

SHEL0372,
Адрес сайта.

masterfootbal(ADMIN),
Так у Вас даже первого блока нет... И вообще, на скриншоте покажите, что и куда ставить хотите, на сайте вообще ничего не понятно.

В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи

LAN7540

Сообщений: 7

Репутация: 0

Сообщение # 569 | 21:30:53 05 Фев 2013

А где поставить 1 колонку, а не 2 у меня там просто $CATEGORIES$

masterfootbal(ADMIN)

Сообщений: 23

Репутация: 0

Сообщение # 570 | 09:27:10 06 Фев 2013

KaiLee, У меня есть второй контейнер но когда я его код ставлю показывает $POLL$ код используется более одного раза. Что делать? Помогите плииз!
Вот скрин

Прикрепления: 2002494.png (369.5 Kb)

Сообщение отредактировал masterfootbal(ADMIN) - Среда, 06 Фев 2013, 09:29:49

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

Страница 38 из 59
«
1
2
…
36
37
38
39
40
…
58
59
»

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