Как создать второй контейнер с блоками
Сообщение # 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
Сообщение отредактировал Владислав1999 - Среда, 10 Авг 2011, 17:38:17
Сообщение от Модератор форума
bandjuk
Сообщений: 6816
Уровень замечаний:
Сообщение # 316 |
21:00:12
14 Авг 2012
Quote (Deadshot )
Сандал, используйте <div style="float:left\right"></div>
бред. Сандал , код "Общего вида форума"
Deadshot
Сообщений: 412
Сообщение # 317 |
21:03:15
14 Авг 2012
bandjuk , почему? у меня ведь работает . . . правда пока с одним =\
Пум-пурум-пурум-пум-пум!
Сандал
Сообщений: 23
Сообщение # 318 |
21:15:52
14 Авг 2012
Quote (Deadshot )
Сандал, используйте <div style="float:left\right"></div> Что жирным в зависимости от нужного места :D
Такое впечатление, что нужно ещё уменьшать ширину самого форума? Quote (bandjuk )
бред. Сандал, код "Общего вида форума"
<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://s70.ucoz.net/src/css/836.css" /> </head> <body> $ADMIN_BAR$ <div id="wrap"> $GLOBAL_AHEADER$ <div class="forumContent"><table border="0" cellpadding="0" height="30" cellspacing="0" width="100%"> <tr> <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;"><!--<s3065>-->Особисті повідомлення<!--</s>-->($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://s70.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0"> <?endif?><?endif?> <a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow"><!--<s5209>-->Нові повідомлення<!--</s>--></a> · <a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"><!--<s5216>-->Учасники<!--</s>--></a> · <a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><!--<s5166>-->Правила форуму<!--</s>--></a> · <a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"><!--<s3163>-->Пошук<!--</s>--></a> · <a class="fNavLink" href="$RSS_LINK$" rel="nofollow">RSS</a> ]</td> </tr> </table> <div style="float:left"><!-- <block1> --> <?if($SMENU_1$)?> <div class="boxTable"><h2><!-- <bt> --><!--<s5184>-->Меню сайту<!--</s>--><!-- </bt> --></h2><div class="boxContent"><!-- <bc> -->$SMENU_1$<!-- </bc> --></div></div> <?endif?> <!-- </block1> --> <!-- <block3> --> <?if($CATEGORIES$)?> <div class="boxTable"><h2><!-- <bt> --><!--<s5351>-->Категорії розділу<!--</s>--><!-- </bt> --></h2><div class="boxContent"><!-- <bc> -->$CATEGORIES$<!-- </bc> --></div></div> <?endif?> <!-- </block3> --> <!-- <block4> --> <?if($CHAT_BOX$)?> <div class="boxTable"><h2><!-- <bt> --><!--<s3199>-->Міні-чат<!--</s>--><!-- </bt> --></h2><div class="boxContent"><!-- <bc> -->$CHAT_BOX$<!-- </bc> --></div></div> <?endif?> <!-- </block4> --> <!-- <block5> --> <?if($CHANNELS$)?> <div class="boxTable"><h2><!-- <bt> --><!--<s6439>--><!--</s>--><!-- </bt> --></h2><div class="boxContent"><!-- <bc> -->$CHANNELS$<!-- </bc> --></div></div> <?endif?> <!-- </block5> --> <!-- <block6> --> <?if($POLL$)?> <div class="boxTable"><h2><!-- <bt> --><!--<s5207>-->Наше опитування<!--</s>--><!-- </bt> --></h2><div class="boxContent"><!-- <bc> -->$POLL$<!-- </bc> --></div></div> <?endif?> <!-- </block6> --> <!-- <block7> --> <?if($COUNTER$ || $ONLINE_COUNTER$)?> <div class="boxTable"><h2><!-- <bt> --><!--<s5195>-->Статистика<!--</s>--><!-- </bt> --></h2><div class="boxContent"><div align="center"><!-- <bc> -->$COUNTER$<?if($ONLINE_COUNTER$)?><hr />$ONLINE_COUNTER$$ONLINE_USERS_LIST$<?endif?><!-- </bc> --></div></div></div> <?endif?> <!-- </block7> --> <!-- <block8> --> <?if($LOGIN_FORM$)?> <div class="boxTable"><h2><!-- <bt> --><!--<s5158>-->Форма входу<!--</s>--><!-- </bt> --></h2><div class="boxContent"><!-- <bc> -->$LOGIN_FORM$<!-- </bc> --></div></div> <?endif?> <!-- </block8> --></div> $BODY$ <div style="float:right"><!-- <block10> --> <?if($BASKET$)?> <div class="boxTable"><h2><!-- <bt> --><!--<s5441>-->Кошик<!--</s>--><!-- </bt> --></h2><div class="boxContent"><!-- <bc> -->$BASKET$<!-- </bc> --></div></div> <?endif?> <!-- </block10> --> <!-- <block11> --> <?if($CURRENCY$)?> <div class="boxTable"><h2><!-- <bt> --><!--<s5442>-->Валюта<!--</s>--><!-- </bt> --></h2><div class="boxContent"><!-- <bc> -->$CURRENCY$<hr><?$RATE$()?><!-- </bc> --></div></div> <?endif?> <!-- </block11> --> <!-- <block12> --> <?if($SEARCH_FORM$)?> <div class="boxTable"><h2><!-- <bt> --><!--<s3163>-->Пошук<!--</s>--><!-- </bt> --></h2><div class="boxContent"><div align="center"><!-- <bc> -->$SEARCH_FORM$<!-- </bc> --></div></div></div> <?endif?> <!-- </block12> --> <!-- <block13> --> <?if($CALENDAR$)?> <div class="boxTable"><h2><!-- <bt> --><!--<s5171>-->Календар<!--</s>--><!-- </bt> --></h2><div class="boxContent"><div align="center"><!-- <bc> -->$CALENDAR$<!-- </bc> --></div></div></div> <?endif?> <!-- </block13> --> <!-- <block14> --> <?if($ARCHIVE_LINKS$)?> <div class="boxTable"><h2><!-- <bt> --><!--<s5347>-->Архів записів<!--</s>--><!-- </bt> --></h2><div class="boxContent"><!-- <bc> -->$ARCHIVE_LINKS$<!-- </bc> --></div></div> <?endif?> <!-- </block14> --> <!-- <block15> --> <div class="boxTable"><h2><!-- <bt> --><!--<s5204>-->Друзі сайту<!--</s>--><!-- </bt> --></h2><div class="boxContent"><!-- <bc> --><!--<s1546>--><!--</s>--><!-- </bc> --></div></div> <!-- </block15> --></div></div><br /> $GLOBAL_BFOOTER$ </body> </html>
Сообщение отредактировал Сандал - Вторник, 14 Авг 2012, 22:24:15
Deadshot
Сообщений: 412
Сообщение # 319 |
21:20:38
14 Авг 2012
Сандал , ага, только что-то сразу я про это не подумал
Пум-пурум-пурум-пум-пум!
Сандал
Сообщений: 23
Сообщение # 320 |
21:22:27
14 Авг 2012
Quote (Deadshot )
Сандал, ага, только что-то сразу я про это не подумал
Эм... А как правильно это сделать?)) Через "Вид Материалов" форума? Вот с этой переменной нужно играться - "width="100%" ?
bandjuk
Сообщений: 6816
Уровень замечаний:
Сообщение # 321 |
22:04:55
14 Авг 2012
Quote (Сандал )
Такое впечатление, что нужно ещё уменьшать ширину самого форума?
такое впечатление, что форум вытянули из попы, вот нужный код, комментарии к нему выделил красным: 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://s70.ucoz.net/src/css/836.css" /> </head> <body> $ADMIN_BAR$ <div id="wrap"> $GLOBAL_AHEADER$ <div class="forumContent"> <table border="0" cellpadding="0" height="30" cellspacing="0" width="100%"> <tr> <td rowspan="2" width="Ширина контейнера " 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;"><!--<s3065>-->Особисті повідомлення<!--</s>-->($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://s70.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0"> <?endif?><?endif?> <a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow"><!--<s5209>-->Нові повідомлення<!--</s>--></a> · <a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"><!--<s5216>-->Учасники<!--</s>--></a> · <a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><!--<s5166>-->Правила форуму<!--</s>--></a> · <a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"><!--<s3163>-->Пошук<!--</s>--></a> · <a class="fNavLink" href="$RSS_LINK$" rel="nofollow">RSS</a> ] </td> </tr> <tr><td valign="top"> $BODY$ </td></tr> </table> </div><br /> $GLOBAL_BFOOTER$ </body> </html>
Сандал
Сообщений: 23
Сообщение # 322 |
22:15:52
14 Авг 2012
Quote (bandjuk )
вот нужный код, комментарии к нему выделил красным:
Это код для одной колонки? А как вставить вторую, правую?
bandjuk
Сообщений: 6816
Уровень замечаний:
Сообщение # 323 |
22:24:38
14 Авг 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://s70.ucoz.net/src/css/836.css" /> </head> <body> $ADMIN_BAR$ <div id="wrap"> $GLOBAL_AHEADER$ <div class="forumContent"> <table border="0" cellpadding="0" height="30" cellspacing="0" width="100%"> <tr> <td colspan="3" 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;"><!--<s3065>-->Особисті повідомлення<!--</s>-->($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://s70.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0"> <?endif?><?endif?> <a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow"><!--<s5209>-->Нові повідомлення<!--</s>--></a> · <a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"><!--<s5216>-->Учасники<!--</s>--></a> · <a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><!--<s5166>-->Правила форуму<!--</s>--></a> · <a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"><!--<s3163>-->Пошук<!--</s>--></a> · <a class="fNavLink" href="$RSS_LINK$" rel="nofollow">RSS</a> ] </td> </tr> <tr> <td width="Ширина контейнера " valign="top"> Блоки </td> <td valign="top"> $BODY$ </td> <td width="Ширина контейнера " valign="top"> Блоки 2 </td> </tr> </table> </div><br /> $GLOBAL_BFOOTER$ </body> </html>
Сандал
Сообщений: 23
Сообщение # 324 |
22:30:00
14 Авг 2012
bandjuk Спасибо, все получилось!
XOTAB7438
Сообщений: 11
Сообщение # 325 |
16:37:55
15 Авг 2012
помогите пожалуйста, мне перенести "Поиск" вправо никак не получаеться(((
bandjuk
Сообщений: 6816
Уровень замечаний:
Сообщение # 326 |
16:46:54
15 Авг 2012
XOTAB7438 , в этом коде нет поиска, вырежи его код с шаблона первого контейнера и вставь во второй
XOTAB7438
Сообщений: 11
Сообщение # 327 |
16:55:54
15 Авг 2012
извини, я не то скинул, вот поссмотри, скажи как сделать пожалуйста Добавлено (15-Авг-2012, 16:55:54) --------------------------------------------- и ещё заодно, может здесь что изменить нада?
bandjuk
Сообщений: 6816
Уровень замечаний:
Сообщение # 328 |
16:56:12
15 Авг 2012
вот блок поиска: Quote
<!-- <block36451> --> <?if($SEARCH_FORM$)?> <table border="0" cellpadding="0" cellspacing="0" class="boxTable"><tr><td class="boxTitle"><b><!-- <bt> --><!--<s3163>-->Поиск<!--</s>--><!-- </bt> --></b></td></tr><tr><td class="boxContent"><div align="center"><!-- <bc> -->$SEARCH_FORM$<!-- </bc> --></div></td></tr></table> <?endif?> <!-- </block36451> -->
XOTAB7438
Сообщений: 11
Сообщение # 329 |
17:03:47
15 Авг 2012
я такто сделал, но понять немогу почему у меня так отображаеться, а не как бы хотелось, в чём может быть причина? http://stx.ucoz.com/
KIRYUHA39
Сообщений: 45
Сообщение # 330 |
15:55:22
16 Авг 2012