BB Code Enhancements - IBP BB Code Style For vBulletin 3.8x

//////////////
// By: vBulletin Services
// Released for free use @ vB.org only!
/////////////

This will change the boring vBulletin quote into something with a little more life and spice for your forums. Change the boring quote bbCode to a little more snazz.

go to your styles and templates and locate the bbCode template group.
Double click the bbcode_quote template and replace the entire contents with

<div style="margin:20px; margin-top:5px; <if condition="$show['iewidthfix']">width: 100%;</if>">

<div style="width:100%">
		
			<if condition="$show['username']">

				<div class="quotetop">
					$vbphrase[quote]: <phrase 1="$username">$vbphrase[originally_posted_by_x]</phrase>
					<if condition="$postid"><a href="showthread.php?$session[sessionurl]p=$postid#post$postid" rel="nofollow"><img class="inlineimg" src="$stylevar[imgdir_button]/viewpost.gif" border="0" alt="$vbphrase[view_post]" /></a></if>
				</div>
				<div style="font-style:italic" class="quotemain">$message</div>
			<else />
	<div class="smallfont quotetop">$vbphrase[quote]:</div>
				<div class="quotemain">$message</div>
			</if>
</div>
</div>

Save your new template, and open up the Main CSS editor (choose Main CSS From drop down)

All the way at the bottom under additional CSS enter

.quotetop
{
	width=98%
	color: #000;
	margin: 8px auto 0px auto;
	font-weight:bold;
	font-size:10px;
	padding: 8px;
	background-color:#E4EAF2;
	border-left: 4px solid #8394B2;
	border-top: 1px dotted #000;
	border-right: 1px dotted #000;
}
.quotemain
{
	width=98%
	color: #465584;
	background-color: #FAFCFE;
	border-left: 4px solid #8394B2;
	border-right: 1px dotted #000;
	/*border-top: 1px dotted #000;*/
	border-bottom: 1px dotted #000;
	padding: 4px;
	margin: 0px auto 8px auto;
}

End result is the attached image.

You are free to reuse this code for any modification that is free to vBulletin.org users

For a look thats a little more and different you can check out this post: https://vborg.vbsupport.ru/showpost....6&postcount=26

[Brandon Sheley]

Originally Posted by FRDS

Thanks, after careful review of the vBulletin.org signature rules, it seems to fit in the guidelines.

Thanks

no it doesn't and you know that

[Shishir]

Just installed on 3.7.5 Works fine and Of course looks Sexy.

Shishir

[Leo Brazil]

Just a question:

Am I supposed to have adictional images for this ?

I've noticed that there is a viewpost.gif on you code that's not Vb by default.

Edited: My bad, it's there. Sorry.

Thanks for sharing this, I liked the idea.

[SEOvB]

Originally Posted by Leo Brazil

Just a question:

Am I supposed to have adictional images for this ?

I've noticed that there is a viewpost.gif on you code that's not Vb by default.

Edited: My bad, it's there. Sorry.

Thanks for sharing this, I liked the idea.

No problem, dont forget to hit install.

If your looking for the image from the screenshot is provided in the "Fam Fam Fam" icon pack thats available for free download.

If I have the path wrong to the image let me know as well and I'll look into it.

Best regards

[Emrah Kaya]

Thanks !

[jeefo]

what about right-to-left forums ??

it is really look great..
installed but waiting for right to left support..

[SEOvB]

Originally Posted by jeefo

what about right-to-left forums ??

it is really look great..
installed but waiting for right to left support..

Do you have a screenshot of what it results to in the RtL forums.

Or if you can send the bbCode_quote template I'll modify it for right to left forums as I wasn't aware it was different.

[jeefo]

Originally Posted by FRDS

Do you have a screenshot of what it results to in the RtL forums.

Or if you can send the bbCode_quote template I'll modify it for right to left forums as I wasn't aware it was different.

screen shoot attached ,,
& i'm using ur template ..

thanks alot

_______________
edited ,,

I'm sorry FRDS ,it's so easy ..
just making this changes in CSS to be like that :

.quotetop
{
	border-right: 4px solid #8394B2;
	border-left: 1px dotted #000;
}

.quotemain
{
	border-right: 4px solid #8394B2;
	border-left: 1px dotted #000;
}

thank you ,,

[Ascor]

Installed, thank you

[faantastic]

Thanks very cool