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

Страница 58 из 59
«
1
2
…
56
57
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

Georgy2352

Сообщений: 4

Репутация: 0

Сообщение # 856 | 08:13:00 22 Окт 2013

Для "Дарья8498":
Установить шаблон Вы можете в Панели управления: Настройки — Общие настройки — Дизайн сайта.

Стоит заметить, что при такой установке, все изменения в дизайне будут удалены.
Перед данной операцией рекомендуется сделать резервную копию шаблона, в
Панели управления: Дизайн — Резервное копирование шаблонов.

Record3960

Сообщений: 58

Репутация: 16

Сообщение # 857 | 21:35:57 23 Окт 2013

Добрый день!
При установки шаблона второй контейнер оказался пуст. Можно достать код контейнера из шаблона?
скачать
Мой сайт http://nytvasc3.narod.ru/
Шаблон был http://demo-shkola.ucoz.ru/
Хочу кнопку поиск.

reformator

Сообщений: 2034

Репутация: 534

Сообщение # 858 | 23:21:35 23 Окт 2013

Record3960, вот стандартный код формы поиска:

Код

<?if($SEARCH_FORM$)?>
<div id="search">
<form action="/search/" style="margin: 0pt;" method="get" onSubmit="this.sfSbm.disabled=true">
<div class="schQuery">
<input type="text" class="queryField" size="20" maxlength="40" name="q" onfocus="if(this.value=='Давай поищем...')this.value=''" onblur="if(this.value=='')this.value='Давай поищем...'" value="Давай поищем..."/>
</div>
<div class="schBtn">
<input type="submit" value="Найти" name="sfSbm" class="searchSbmFl" />
</div>
</form>
</div>
<?endif?>

установите его в удобное для вас место, оформите в плане визуального восприятия и будет вам счастье!

u-Helper |

uspih1345

Сообщений: 2

Репутация: 0

Сообщение # 859 | 21:30:06 25 Окт 2013

Сайт не мой. Попросили отредактировать. хотелось полюбопытствовать и поиграть с дизайном. Пропал правый контейнер с блоками. не закрепляются боки. Помогите вернуть. уже три часа пытаюсь разобраться. помогите решить проблему. http://kazkovidim.at.ua/
вот код

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="title" content="Повчальна книжка.Розвиваючі книги.Веселинки.Дитячий гумор. Персональна друкована казка.Ексклюзивна казка для дитини,Дитячі меблі в Чернівцях.Дитяче ліжко">
<meta name="description" content="Товари для дітей, пізнавальні книги для дітей, меблі для дітей Чернівці, дитяче ліжко,дитячі меблі чернівці, цікава книжка для розвитку дитини,підліткові ліжечка,двухярусні дитячі ліжка чернівці">
<meta name="keywords" content="товари для дітей,дитячі товари Чернівці,персональна друкована книга,повчальні казки,веселиники,ексклюзивна казка, пізнавальні книги для дітей, книги для розвитку дитини,меблі для дітей Чернівці,дитячі меблі чернівці,дитяче ліжко купити,двухярусне дитяче ліжко,підліткове ліжко,якісні дитячі меблі">
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>

<body style="background:url('/hablon/11.jpg') #362D29; margin:0px; padding:0 1% 0 1%;">
$ADMIN_BAR$

<table width="100%" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="min-width: 160px; text-align: center; letter-spacing: 0pt; word-spacing: 0pt;" align="center"><span style="font-size: 12pt; color: rgb(255, 0, 0);">Казкові кімнати</span><br><br>$SMENU_1$</td><td align="center"><img alt="" src="/hablon/67.jpg"></td><td align="center">$SEARCH_FORM$</td></tr></tbody></table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="10" height="10"><img src="/.s/t/995/6.gif" border="0"></td><td style="background:url('/.s/t/995/7.gif');"></td><td width="10" height="10"><img src="/.s/t/995/8.gif" border="0"></td></tr>
<tr><td style="background:url('/.s/t/995/9.gif');"></td><td style="background:url('/.s/t/995/10.jpg') #E9D8AD;padding:10px;">

$GLOBAL_AHEADER$


<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" style="width:178px;">

$GLOBAL_CLEFTER$
</td>

<td valign="top" style="padding:0px 10px 0px 10px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="15" height="15"><img src="/.s/t/995/17.gif" border="0"></td><td style="background:url('/.s/t/995/18.gif');"></td><td width="10" height="10"><img src="/.s/t/995/19.gif" border="0"></td></tr>
<tr><td style="background:url('/.s/t/995/20.gif');"></td><td style="background:#FFFFFF;padding:10px;">$CONTENT$</td><td style="background:url('/.s/t/995/21.gif');"></td></tr>
<tr><td width="15" height="15"><img src="/.s/t/995/22.gif" border="0"></td><td style="background:url('/.s/t/995/23.gif');"></td><td width="10" height="10"><img src="/.s/t/995/24.gif" border="0"></td></tr>
</table>
</td>

<td valign="top" style="width:178px;">
$GLOBAL_DRIGHTER$
</td>
</tr>
</table>


$GLOBAL_BFOOTER$
</td><td style="background:url('/.s/t/995/25.gif');"></td></tr>
<tr><td width="10" height="10"><img src="/.s/t/995/26.gif" border="0"></td><td style="background:url('/.s/t/995/27.gif');"></td><td width="10" height="10"><img src="/.s/t/995/28.gif" border="0"></td></tr>
</table>

<div style="color:#EBDAAF;text-align:center;padding:10px;">$POWERED_BY$</div>

</body>

</html>

Ljubasha

Сообщений: 834

Репутация: 157

Сообщение # 860 | 00:46:05 26 Окт 2013

uspih1345, Покажи код второго контейнера в управлении дизайном.

uspih1345

Сообщений: 2

Репутация: 0

Сообщение # 861 | 11:23:30 26 Окт 2013

нет там второго контейнера. только верхняя часть, нижняя часть и первый контейнер. а блоки справа стояли.

Sentimo

Сообщений: 681

Репутация: 158

Сообщение # 862 | 13:01:33 26 Окт 2013

uspih1345, Ну так добавьте, ПУ - Управление дизайном - Глобальные блоки.

Прикрепления: 6766410.png (10.9 Kb)

Record3960

Сообщений: 58

Репутация: 16

Сообщение # 863 | 16:41:44 27 Окт 2013

Почему на некоторых страницах http://nytvasc3.narod.ru/photo отображаются пустые блоки. Надо хотя бы они были тока в новостях.

Прикрепления: 1753150.jpg (35.3 Kb)

webanet

Сообщений: 24067

Репутация: 4985

Сообщение # 864 | 16:44:30 27 Окт 2013

Record3960, потому что в некоторых блоках нарушено условие

Цитата

<table width="213" border="0" cellpadding="0" cellspacing="0" class="blr"><tbody><tr><td colspan="3" width="213" height="9"><img src="/images/smblok_01.jpg" width="213" height="9"></td></tr>
<tr><td colspan="3" width="213" height="30" background="/images/smblok_02.jpg"><div align="center" class="tlt">Календарь</div></td></tr>
<tr><td colspan="3" width="213" height="6"><img src="/images/smblok_03.jpg" width="213" height="6"></td></tr>
<tr><td width="12" background="/images/smblok_04.jpg"></td><td width="191" valign="top" bgcolor="#FFFFFF" class="cn"><div align="center"></div></td><td width="10" background="/images/smblok_06.jpg"></td></tr>
<tr><td colspan="3" width="213" height="16"><img src="/images/smblok_07.jpg" width="213" height="16"></td></tr></tbody></table><br>

вы наверное используете визуальный редактор при правках

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/

Record3960

Сообщений: 58

Репутация: 16

Сообщение # 865 | 17:38:07 27 Окт 2013

Цитата webanet (

)

вы наверное используете визуальный редактор при правках

Как поправить?

Selena

Сообщений: 15657

Репутация: 1100

Сообщение # 866 | 16:19:28 28 Окт 2013

Record3960, шаблоны боковых блоков не имеют кнопки "Восстановить стандартный шаблон". Так что восстанавливаются они вручную, по образцу.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.

Record3960

Сообщений: 58

Репутация: 16

Сообщение # 867 | 15:33:39 02 Ноя 2013

Добрый день! Как сделать условие архив записей и календарь отображались тока в новостях, если это возможно или на всех страницах.

pasishnikov

Сообщений: 174

Репутация: 14

Сообщение # 868 | 20:16:26 04 Ноя 2013

Объясните что не так делаю, второй правую колонку ни как не удается добавить!
помогите пожалуйста разобраться.
сайт http://razstore.ru
вот код "страницы сайта":

Код

<html>
<head>
<meta name="msvalidate.01" content="945E7BA5C04DCDC4A58912B014EF22FD" />
<link href="https://plus.google.com/{+PageId}" rel="publisher" />
$POWERED_BY$
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<?if($URI_ID$='shMain')?>
   <meta name="description" content="Интернет-магазин сумок и аксессуаров для повседневной жизни. Мужские сумки, женские сумки, сумки из натуральной кожи, чехлы iPad,iPhone,Samsung. Доставка по г. Краснодару" />
   <meta name="keywords" content="Сумка, кожаные сумки, сумки из натуральной кожы, женские сумки, мужские сумки, сумка через плечо, чехлы ipad, Купить сумку в Краснодаре" />
   <?endif?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>
<body>
$GLOBAL_AHEADER$
<div class="wrapper">
<nav>
<div class="shad-b">
<div id="nav-box">
<div id="catmenu">

<?if($SMENU_1$)?>$SMENU_1$<?endif?>

<div class="clr"></div>
</div>
<div id="usr-menu">
<div class="usr-box">
<span class="usr-sch"><a href="javascript:void(0)" id="sch-show" title="Поиск">Поиск</a></span>
<?if($USERS_ON$)?>
<?if($USER_LOGGED_IN$)?>
<span class="usr-prof"><a href="$PERSONAL_PAGE_LINK$" title="Ваш профиль">$USERNAME$</a></span>
<span class="usr-out"><a href="$LOGOUT_LINK$" title="Выход">Выход</a></span>
<?else?>
<span class="usr-reg"><a href="$REGISTER_LINK$" title="Регистрация">Регистрация</a></span>
<span class="usr-in"><a href="$LOGIN_LINK$" title="Вход">Вход</a></span>
<?endif?>
<?endif?>
   <script type="text/javascript" src="/js/ui.js"></script>
</div>
<div id="search">
<div class="search-box">
<div class="searchForm"><form onSubmit="this.sfSbm.disabled=true" method="post" style="margin:0" action="/shop/search"><div class="schQuery"><input value="Поиск по сайту..." type="text" name="query" maxlength="30" size="20" class="queryField" /></div><div class="schBtn"><input type="submit" class="searchSbmFl" name="sfSbm" value="Найти" /></div></form></div>
</div>
</div>
<div class="clr"></div>
</div>
</div>
</nav>
$GLOBAL_SLIDER$
<div id="casing"<?if($MODULE_ID$='forum')?> class="forum-casing"<?endif?>>
<?if($MODULE_ID$='forum')?><section><?endif?>

<aside>
<div id="sidebar">
$GLOBAL_CLEFTER$
</div>
</aside>
<div id="content">
<div class="shad-m">
<div class="cont-box">
<section>
$CONTENT$

</section>
   <td valign="top" width="214">
   $GLOBAL_TWO$.
</td>

   <script type="text/javascript">
   VK.init({apiId: 3593400, onlyWidgets: true};);
</script>


<div id="vk_like"></div>
<p align="RIGHT"><script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button", height: 20};);
</script>
</p><div><br></div>


<script type="text/javascript" src="//vk.com/js/api/openapi.js?92"></script>

<script type="text/javascript">
   VK.init({apiId: 3593400, onlyWidgets: true};);
</script>



<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 5, width: "496", attach: "graffiti,photo,video,audio"};);
</script>

   <div><br>E-Mail: razstore@mail.ru </div><div>Телефон: 8-918-380-36-50</div><di>г. Краснодар</div>
   <table border="0"><tr>
<td>
<a href="http://www.megastock.ru/" target="_blank"><img src="http://razstore.ru/knopki/acc_blue_on_white_ru.png" alt="www.megastock.ru" border="0"></a>
   </td>

<td>
<a href="https://passport.webmoney.ru/asp/certview.asp?wmid=169770974817" target="_blank"><img src="http://razstore.ru/knopki/88x31_wm_v_blue_on_transparent_ru.png" title="Здесь находится аттестат нашего WM идентификатора 169770974817" border="0"</font></a>
   </td>

<td>
<script id="top100Counter" type="text/javascript" src="http://counter.rambler.ru/top100.jcn?2917269"></script>
<noscript>
<a href="http://top100.rambler.ru/navi/2917269/">
<img src="http://counter.rambler.ru/top100.cnt?2917269" alt="Rambler's Top100" border="0" />
</a>
</noscript>
</td>

<td>
<a href="http://metrika.yandex.ru/stat/?id=21743899&from=informer"
target="_blank" rel="nofollow"><img src="//bs.yandex.ru/informer/21743899/3_1_23E05CFF_03C03CFF_0_pageviews"
style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" onclick="try{Ya.Metrika.informer({i:this,id:21743899,lang:'ru'};);return false}catch(e){}"/></a>



<script type="text/javascript">
(function (d, w, c) {
   (w [c]= w [c]|| []).push(function() {
   try {
   w.yaCounter21743899 = new Ya.Metrika({id:21743899,
   clickmap:true,
   trackLinks:true,
   accurateTrackBounce:true};);
   } catch(e) { }
   };);

   var n = d.getElementsByTagName("script")[0],
   s = d.createElement("script"),
   f = function () { n.parentNode.insertBefore(s, n); };
   s.type = "text/javascript";
   s.async = true;
   s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";

   if (w.opera == "[object Opera]") {
   d.addEventListener("DOMContentLoaded", f, false);
   } else { f(); }
};)document, window, "yandex_metrika_callbacks");
</script>
<noscript><div><img src="//mc.yandex.ru/watch/21743899" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
</td>
<td>
<script type="text/javascript">//<![CDATA[
var _tmr = _tmr || [];
_tmr.push({id: '2376562', type: 'pageView', start: (new Date()).getTime()};);
(function (d, w) {
   var ts = d.createElement('script'); ts.type = 'text/javascript'; ts.async = true;
   ts.src = (d.location.protocol == 'https:' ? 'https:' : 'http:') + '//top-fwz1.mail.ru/js/code.js';
   var f = function () {var s = d.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ts, s);};
   if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); }
};)document, window);
//]]></script><noscript><div style="position:absolute;left:-10000px;">
<img src="//top-fwz1.mail.ru/counter?id=2376562;js=na" style="border:0;" height="1" width="1" alt="Рейтинг@Mail.ru" />
</div></noscript>
   
   
<a href="http://top.mail.ru/jump?from=2376562">
<img src="//top-fwz1.mail.ru/counter?id=2376562;t=479;l=1"
style="border:0;" height="31" width="88" alt="Рейтинг@Mail.ru" /></a>

</td></table>
</div>
</html>

Сообщение отредактировал pasishnikov - Понедельник, 04 Ноя 2013, 20:17:46

wоrkman

Сообщений: 710

Репутация: 84

Сообщение # 869 | 16:34:54 06 Ноя 2013

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

Знать много о HTML, CSS, Javascript. - Опасно для мозга. Можно стать умным.
-=НЕ НАЖИМАТЬ=-

VLADIMERR

Сообщений: 5

Репутация: 15

Сообщение # 870 | 19:35:09 06 Ноя 2013

подскажите как создать второй контейнер (правый ) или изменить html ? html вроде есть а контейнера нет! вот код <?if($CALENDAR$)?>
<div class="block">
<div class="blocktitle">Календарь</div>
<div class="blockcontent"><div align="center">$CALENDAR$</div></div>
<div class="block_bottom"></div>
</div>
<?endif?>

$GLOBAL_GLOBALBLOK$

<?if($POLL$)?>
<div class="block">
<div class="blocktitle">Наш опрос</div>
<div class="blockcontent">$POLL$</div>
<div class="block_bottom"></div>
</div>
<?endif?>



<?if($CHAT_BOX$)?>
<div class="block">
<div class="blocktitle">Мини-чат</div>
<div class="blockcontent">$CHAT_BOX$</div>
<div class="block_bottom"></div>
</div>
<?endif?>



<?if($MYINF_2$)?>
<div class="block">
<div class="blocktitle">Статистика</div>
<div class="blockcontent">$MYINF_2$</div>
<div class="block_bottom"></div>
</div>
<?endif?>

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

Страница 58 из 59
«
1
2
…
56
57
58
59
»