Вопрос по стилям и изменению форума

04-07-2009, 04:56 PM

Помогите пожалуйста, нужно чтобы форум *прилипал* к границам экрана?то етсь мне нужно чтобы не было расстояний от края шапки до форума например, в цсс свойствах в боди отступы убрал...что еще может быть?

04-07-2009, 07:38 PM

Quote:

Originally Posted by airus39

т края шапки до форума например

Надо в код шапки менять вроде.

04-07-2009, 07:43 PM

Quote:

Originally Posted by airus39

Помогите пожалуйста, нужно чтобы форум *прилипал* к границам экрана?то етсь мне нужно чтобы не было расстояний от края шапки до форума например, в цсс свойствах в боди отступы убрал...что еще может быть?

вроде достаточно в опциях стиля указать "Основная ширина таблиц" равной "100%", а в CSS для BODY прописать "margin: 0px;" и "padding: 0px;".

04-07-2009, 08:41 PM

ок спасиб, так и сделал,просто сначала маргин просто удалил, прописал ему 0 и все ок)а есть вариант как слева от форума сделать меню?)

04-08-2009, 11:05 AM

Quote:

Originally Posted by airus39

а есть вариант как слева от форума сделать меню?

Create Leftside Rightside Column - includes Table(s)
Version: 1.00, vBulletin Version: 3.6.5

Quote:

These instructions are with table(s) added into the empty column you see after using the instruction provided by Floris & Jake Bunce tutorials in Quick Tips forum @ vBulletin.com. I have little changes, but in whole it is the same. This is for displaying under navbar menu. If you are using a portal, you can add modules within forum and those instruction are posted within other sites forums.

Left Column Table

Admin CP > Styles & Templates > Style Manager > Edit Templates {Drop Down Menu} > footer

# find in template: footer
# add 'leftside column' close table code
# optional: to display in certain pages and not all, add conditional statement

HTML Code:

$spacer_close
<!-- /content area table -->

<!-- leftside column -->
	</td>
</tr>
</table>
<!-- / leftside column -->

<form action="$vboptions[forumhome].php" method="get">

Example of conditional to display in three selected forum pages and must be applied to other code in same manner.

HTML Code:

$spacer_close
<!-- /content area table -->

<if condition="THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='showthread'">
<!-- leftside column -->
		</td>
	</tr>
	</table>
<!-- / leftside column -->
</if>

<form action="$vboptions[forumhome].php" method="get">

Admin CP > Styles & Templates > Style Manager > Edit Templates {Drop Down Menu} > navbar

# find in template: navbar
# add 'leftside column' open table code
# optional: to display in certain pages and not all, add conditional statement

HTML Code:

<!-- / PAGENAV POPUP -->
</if>

<!-- leftside column -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
 <tr>
 <td style="padding:0px 10px 0px 0px" width="175" valign="top" class="page" style="0px;">
 		<table class="tborder" border="0" cellspacing="1" cellpadding="6" width="100%" align="center">
<!-- leftsidebar_1 -->
		<thead width="150" valign="top">
		<tr align="center">
			<td class="thead">
			Left Column
			</td>
		</tr>
		</thead>
		<tbody>
		<tr align="center">
			<td class="tcat">
		<a style="float:right" href="#top" onclick="return toggle_collapse('leftsidebar_1')"><img id="collapseimg_leftsidebar_1" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a>
<!-- title start -->
			Left Column Bar
<!-- / title end -->
			</td>
		</tr>
		</tbody>
		<tbody id="collapseobj_leftsidebar_1" style="">
		<tr align="center">
			<td class="alt2">
<!-- leftbar_1 code -->



<!-- / leftbar_1 code -->
			</td>
		</tr>
		</tbody>
<!-- / leftsidebar_1 -->
		</table>

 </td>
 <td valign="top">
<!-- / leftside column -->

Example of conditional to display in three selected forum pages and must be applied to other code in same manner.

HTML Code:

<!-- / PAGENAV POPUP -->
</if>

<if condition="THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='showthread'">
<!-- leftside column -->
	<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td style="padding:0px 10px 0px 0px" width="175" valign="top" class="page" style="0px;">
	 		<table class="tborder" border="0" cellspacing="1" cellpadding="6" width="100%" align="center">
<!-- leftsidebar_1 -->
			<thead width="150" valign="top">
			<tr align="center">
				<td class="thead">
		                         Left Column
				</td>
			</tr>
			</thead>
			<tbody>
			<tr align="center">
				<td class="tcat">
			<a style="float:right" href="#top" onclick="return toggle_collapse('leftsidebar_1')"><img id="collapseimg_leftsidebar_1" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a>
<!-- title start -->
				Left Column Bar
<!-- / title end -->
				</td>
			</tr>
			</tbody>
			<tbody id="collapseobj_leftsidebar_1" style="">
			<tr align="center">
				<td class="alt2">
<!-- leftbar_1 code -->



<!-- / leftbar_1 code -->
				</td>
			</tr>
			</tbody>
<!-- / leftsidebar_1 -->
			</table>

	</td>
	<td valign="top">
<!-- / leftside column -->
</if>

These instructions are with table(s) added into the empty column you see after using the instruction provided by Floris & Jake Bunce tutorials in Quick Tips forum. I have little changes, but in whole it is the same. This is for displaying under navbar menu. If you are using a portal, you can add modules within forum and those instruction are posted within other sites forums.

Right Column Table

Admin CP > Styles & Templates > Style Manager > Edit Templates {Drop Down Menu} > footer

# find in template: footer
# add 'rightside column' close table code
# optional: to display in certain pages and not all, add conditional statement

HTML Code:

$spacer_close
<!-- /content area table -->

<!-- rightside column -->
	</td>
	<td width="10px"></td>
	<td valign="top" width="175">
		<table class="tborder" border="0" cellspacing="1" cellpadding="6" width="100%" align="center">
<!-- rightsidebar_1 -->
		<thead>
		<tr align="center">
			<td class="thead">
			Right Column
			</td>
		</tr>
		</thead>
		<tbody>
		<tr align="center">
			<td class="tcat">
		<a style="float:right" href="#top" onclick="return toggle_collapse('rightbar_1')"><img id="collapseimg_rightbar_1" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a>
<!-- title start -->
			Right Column Bar
<!-- / title end -->
			</td>
		</tr>
		</tbody>
		<tbody id="collapseobj_rightbar_1" style="">
		<tr align="center">
			<td class="alt2">
<!-- rightbar_1 code -->



<!-- / rightbar_1 code -->
			</td>
		</tr>
		</tbody>
<!-- / rightsidebar_1 -->
		</table>
	</td>
</tr>
</table>
<!-- / rightside column -->

<form action="$vboptions[forumhome].php" method="get">

Example of conditional to display in three selected forum pages and must be applied to other code in same manner.

HTML Code:

$spacer_close
<!-- /content area table -->

<if condition="THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='showthread'">
<!-- rightside column -->
		</td>
		<td width="10px"></td>
		<td valign="top" width="175">
			<table class="tborder" border="0" cellspacing="1" cellpadding="6" width="100%" align="center">
<!-- rightsidebar_1 -->
			<thead>
			<tr align="center">
				<td class="thead">
				Right Column
				</td>
			</tr>
			</thead>
			<tbody>
			<tr align="center">
				<td class="tcat">
			<a style="float:right" href="#top" onclick="return toggle_collapse('rightbar_1')"><img id="collapseimg_rightbar_1" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a>
<!-- title start -->
				Right Column Bar
<!-- / title end -->
				</td>
			</tr>
			</tbody>
			<tbody id="collapseobj_rightbar_1" style="">
			<tr align="center">
				<td class="alt2">
<!-- rightbar_1 code -->



<!-- / rightbar_1 code -->
				</td>
			</tr>
			</tbody>
<!-- / rightsidebar_1 -->
			</table>
		</td>
	</tr>
	</table>
<!-- / rightside column -->
</if>

<form action="$vboptions[forumhome].php" method="get">

Admin CP > Styles & Templates > Style Manager > Edit Templates {Drop Down Menu} > navbar

# find in template: navbar
# add 'rightside column' open table code
# optional: to display in certain pages and not all, add conditional statement

HTML Code:

<!-- / PAGENAV POPUP -->
</if>

<!-- rightside column -->
<table border="0" width="100%" class="page" cellspacing="0" cellpadding="0" align="center">
<tr>
	<td valign="top">
<!-- / rightside column -->

Example of conditional to display in three selected forum pages and must be applied to other code in same manner.

HTML Code:

<!-- / PAGENAV POPUP -->
</if>

<if condition="THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='showthread'">
<!-- rightside column -->
<table border="0" width="100%" class="page" cellspacing="0" cellpadding="0" align="center">
<tr>
	<td valign="top">
<!-- / rightside column -->
</if>

These instructions are with table(s) added into the empty column you see after using the instruction provided by Floris & Jake Bunce tutorials in Quick Tips forum. I have little changes, but in whole it is the same. This is for displaying under navbar menu. If you are using a portal, you can add modules within forum and those instruction are posted within other sites forums.

Left and Right Column Table

Admin CP > Styles & Templates > Style Manager > Edit Templates {Drop Down Menu} > footer

# find in template: footer
# add 'rightside & leftside column' close/open table code
# optional: to display in certain pages and not all, add conditional statement

HTML Code:

$spacer_close
<!-- /content area table -->

<!-- leftside column -->
	</td>
</tr>
</table>
<!-- / leftside column -->

<!-- rightside column -->
	</td>
	<td width="10px"></td>
	<td valign="top" width="175">
		<table class="tborder" border="0" cellspacing="1" cellpadding="6" width="100%" align="center">
<!-- rightbar_1 -->
		<thead>
		<tr align="center">
			<td class="thead">
			Right Column
			</td>
		</tr>
		</thead>
		<tbody>
		<tr align="center">
			<td class="tcat">
		<a style="float:right" href="#top" onclick="return toggle_collapse('rightbar_1')"><img id="collapseimg_rightbar_1" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a>
<!-- title start -->
			Right Column Bar
<!-- / title end -->
			</td>
		</tr>
		</tbody>
		<tbody id="collapseobj_rightbar_1" style="">
		<tr align="center">
			<td class="alt2">
<!-- rightbar_1 code -->



<!-- / rightbar_1 code -->
			</td>
		</tr>
		</tbody>
<!-- / rightsidebar_1 -->
		</table>
	</td>
</tr>
</table>
<!-- / rightside column -->

<form action="$vboptions[forumhome].php" method="get">

Example of conditional to display in three selected forum pages and must be applied to other code in same manner.

HTML Code:

$spacer_close
<!-- /content area table -->

<if condition="THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='showthread'">
<!-- leftside column -->
		</td>
	</tr>
	</table>
<!-- / leftside column -->

<!-- rightside column -->
		</td>
		<td width="10px"></td>
		<td valign="top" width="175">
			<table class="tborder" border="0" cellspacing="1" cellpadding="6" width="100%" align="center">
<!-- rightbar_1 -->
			<thead>
			<tr align="center">
				<td class="thead">
				Right Column
				</td>
			</tr>
			</thead>
			<tbody>
			<tr align="center">
				<td class="tcat">
			<a style="float:right" href="#top" onclick="return toggle_collapse('rightbar_1')"><img id="collapseimg_rightbar_1" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a>
<!-- title start -->
				Right Column Bar
<!-- / title end -->
				</td>
			</tr>
			</tbody>
			<tbody id="collapseobj_rightbar_1" style="">
			<tr align="center">
				<td class="alt2">
<!-- rightbar_1 code -->



<!-- / rightbar_1 code -->
				</td>
			</tr>
			</tbody>
<!-- / rightsidebar_1 -->
			</table>
		</td>
	</tr>
	</table>
<!-- / rightside column -->
</if>

<form action="$vboptions[forumhome].php" method="get">

Admin CP > Styles & Templates > Style Manager > Edit Templates {Drop Down Menu} > navbar

# find in template: navbar
# add 'rightside & leftside column' close/open table code
# optional: to display in certain pages and not all, add conditional statement

HTML Code:

<!-- / PAGENAV POPUP -->
</if>

<!-- leftside column -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td style="padding:0px 10px 0px 0px" width="175" valign="top" class="page" style="0px;">
		<table class="tborder" border="0" cellspacing="1" cellpadding="6" width="100%" align="center">
<!-- leftsidebar_1 -->
		<thead width="150" valign="top">
		<tr align="center">
			<td class="thead">
			Left Column
			</td>
		</tr>
		</thead>
		<tbody>
		<tr align="center">
			<td class="tcat">
		<a style="float:right" href="#top" onclick="return toggle_collapse('leftsidebar_1')"><img id="collapseimg_leftsidebar_1" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a>
<!-- title start -->
			Left Column Bar
<!-- / title end -->
			</td>
		</tr>
		</tbody>
		<tbody id="collapseobj_leftsidebar_1" style="">
		<tr align="center">
			<td class="alt2">
<!-- leftbar_1 code -->



<!-- / leftbar_1 code -->
			</td>
		</tr>
		</tbody>
<!-- / leftsidebar_1 -->
		</table>

	</td>
	<td valign="top">
<!-- / leftside column -->

<!-- rightside column -->
<table border="0" width="100%" class="page" cellspacing="0" cellpadding="0" align="center">
<tr>
	<td valign="top">
<!-- / rightside column -->

Example of conditional to display in three selected forum pages and must be applied to other code in same manner.

HTML Code:

<!-- / PAGENAV POPUP -->
</if>

<if condition="THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='showthread'">
<!-- leftside column -->
	<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td style="padding:0px 10px 0px 0px" width="175" valign="top" class="page" style="0px;">
			<table class="tborder" border="0" cellspacing="1" cellpadding="6" width="100%" align="center">
<!-- leftsidebar_1 -->
			<thead width="150" valign="top">
			<tr align="center">
				<td class="thead">
				Left Column
				</td>
			</tr>
			</thead>
			<tbody>
			<tr align="center">
				<td class="tcat">
			<a style="float:right" href="#top" onclick="return toggle_collapse('leftsidebar_1')"><img id="collapseimg_leftsidebar_1" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a>
<!-- title start -->
				Left Column Bar
<!-- / title end -->
				</td>
			</tr>
			</tbody>
			<tbody id="collapseobj_leftsidebar_1" style="">
			<tr align="center">
				<td class="alt2">
<!-- leftbar_1 code -->



<!-- / leftbar_1 code -->
				</td>
			</tr>
			</tbody>
<!-- / leftsidebar_1 -->
			</table>

		</td>
		<td valign="top">
<!-- / leftside column -->

<!-- rightside column -->
	<table border="0" width="100%" class="page" cellspacing="0" cellpadding="0" align="center">
	<tr>
		<td valign="top">
<!-- / rightside column -->
</if>

Admin CP > Styles & Templates > Style Manager > StyleVars {Drop Down Menu} > Sizes and Dimensions

Message Area Width (pixels): [440px]
(This value allows you to specify the width in pixels of the text box used for all message posting in vBulletin)
Code Block Width (pixels): [440px]
(This value controls the width of [code], [php] and [html] bbcode blocks. You may set this value to 'auto', but if you do, Internet Explorer will stretch the width of the block rather than inserting a scrollbar.)

Maintenance > Update Counters > Rebuild Post Cache

You also need to use postbit instead of postbit_legacy to utilize the most of message space.

View images below.

Yes, I do know many have posted variation of this and this is a variation of that. It is place under navbar and you may choose both to display at same time.

04-08-2009, 11:24 AM

Ghost, есть немного попроще вариант (меню слева или справо)

04-08-2009, 11:57 AM

DI&YA, помнил о нем, но кто ж мог догадаться, что ссылку на него можно найти в теме под названием "vBSkinworks GameDen 3.8.1"

искал по слову "column" в названии темы - что нашел, то выложил

не проверял, как работают эти хаки, т.к. для таких целей своими ручками правил шаблоны. могу сказать, что натолкнулся на одну проблему: не во всех шаблонах есть и $navbar, и $footer. часто бывало, что $footer есть, а $navbar'а - нет. приходилось выискивать такие шаблоны и либо удалять $footer, либо добавлять $navbar. правда, я прикручивал левый/правый столбцы не только к главной странице и просмотру раздела/темы, а вообще ко всему форуму.

04-08-2009, 03:08 PM

да знаю, там спросили о левом блоке, вот и бросил его туда, а потом и забыл про него до тех пор пока эту тему не встретил
р.с. я переведу этот модуль и выложу его уже отдельно
а насчет твоего поста (где руками изменять) выше, тоже спасибо, нашел кое что полезное для себя