Lazorbeam's Mini Template Mods

Lazorbeam's Mini Template Mods

Mod Version: 1.00, by Lazorbeam

vB Version: 4.1.x	Rating: (4 votes - 5.00 average)	Installs: 17
Released: 28 Nov 2011	Last Update: Never	Downloads: 0
Not Supported Template Edits

Here are a few very minor enhancements you can make to your forum to make things look a little less cluttered and free up some space.

1. Remove php icon from php widgets

Open your vbcms_widget_execphp_page template.

Find:

Code:

<h3><img src="{vb:stylevar imgdir_siteicons}/php.png" alt="" /> {vb:raw title}</h3>

Replace with:

Code:

<h3>{vb:raw title}</h3>

2. Remove breadcrumbs from CMS:

Open your navbar template.

Note: if you have several categories that describe your website, do not remove the breadcrumbs for SEO purposes. If you have few categories that don't do much in terms of SEO, removing them will not punish you. This also removes

Find:

Code:

<div id="breadcrumb" class="breadcrumb">
	<ul class="floatcontainer">
		<li class="navbithome"><a href="index.php{vb:raw session.sessionurl_q}" accesskey="1"><img src="{vb:stylevar imgdir_misc}/navbit-home.png" alt="{vb:rawphrase home}" /></a></li>
		{vb:raw navbits.breadcrumb}
		{vb:raw navbits.lastelement}
	</ul>
	<hr />
</div>

Replace with:

Code:

<vb:if condition="THIS_SCRIPT != 'vbcms'">
<div id="breadcrumb" class="breadcrumb">
	<ul class="floatcontainer">
		<li class="navbithome"><a href="index.php{vb:raw session.sessionurl_q}" accesskey="1"><img src="{vb:stylevar imgdir_misc}/navbit-home.png" alt="{vb:rawphrase home}" /></a></li>
		{vb:raw navbits.breadcrumb}
		{vb:raw navbits.lastelement}
	</ul>
	<hr />
</div>
</vb:if>

3. CMS Separator Glow

The default CMS content separator is lame, and some users have even complained that it's so unnoticeable that they don't know where an article starts or ends. Adding a glow effect fixes this problem AND makes your CMS look great. The separator is actually not a line - it's a dashed border for the top portion of each post's div element. Screenie:

This can't be done through stylevars, as they don't offer enough options (vbcms_content_separator will become obsolete).

Go to vbcms.css and find

Code:

.cms_separator {
	border-top: {vb:stylevar vbcms_content_separator};
}

For the first effect, change it to:

Code:

.cms_separator {
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#777777;
	-moz-box-shadow:   0 -8px 6px -8px #4195fc, inset 0 8px 6px -8px #4195fc !important;
	-webkit-box-shadow: 0 -8px 6px -8px #4195fc, inset 0 8px 6px -8px #4195fc !important;
	box-shadow: 0 -8px 6px -8px #4195fc, inset 0 8px 6px -8px #4195fc !important;
}

!important is required because additional.css has a !important tag for all elements and defines no glow. I'm not sure why.

For the second effect, change it to:

Code:

.cms_separator {
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#777777;
	-moz-box-shadow: inset 0 8px 6px -8px #FFFFFF !important;
	-webkit-box-shadow: inset 0 8px 6px -8px #FFFFFF !important;
	box-shadow: inset 0 8px 6px -8px #FFFFFF !important;
}

More cool effects can be achieved using the shadow technique, play around with the colors and see what you can get!

------

I will add more as I continue to make changes to my forums.

Download

No files for download.

vBulletin LTS