Mini Mods - Lazorbeam's Mini Template Mods

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:

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

Replace with:

<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:

<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:

<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

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

For the first effect, change it to:

.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:

.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.

[Dr.osamA]

thank you bro
installed

[Gonzales]

thanks very much, is good tip.

[doctorsexy]

} is missing from the end of your code from the CMS Separator Glow.... installed... thanks... looks better

[doctorsexy]

is it possible to do the same with the html as with the php widget.... thanks

[Lazorbeam]

Originally Posted by doctorsexy

} is missing from the end of your code from the CMS Separator Glow.... installed... thanks... looks better

Well you don't touch that part of the code so technically it's not missing :P. I'll add it though.

Originally Posted by doctorsexy

is it possible to do the same with the html as with the php widget.... thanks

Open your vbcms_widget_static_page template and remove:

<img src="{vb:stylevar imgdir_siteicons}/html.png" alt="" />

[beckham_250]

Thansks

[xabo]

How to remove the "forumname/home" that apperars on the top of the CMS always?

[strudinox]

I really liked the glowing separator. Nice touch, thanks!

[deverill2010]

I have changed the article seperator to your second option but nothing is different on the front end?