PNG Editor Buttons

With this simple CSS you can give your forum that look you always wanted. Sick and tired of the old bland square design every where in vBulletin? Well fear no more, because here's your rounded edges.

In your style of choice, go to add the following into the Additional CSS:
Code:
Code: 
.rc{display:block}
.rc *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#000000}
.rc1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #919191;
  border-right:1px solid #919191;
  background:#3f3f3f}
.rc2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
  background:#303030}
.rc3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #303030;
  border-right:1px solid #303030;}
.rc4{
  border-left:1px solid #919191;
  border-right:1px solid #919191}
.rc5{
  border-left:1px solid #3f3f3f;
  border-right:1px solid #3f3f3f}
.rcfg{
  background:#000000}
Then in your header, at the very top enter:
Code:
Code: 
<div>
  <b class="rc">
  <b class="rc1"><b></b></b>
  <b class="rc2"><b></b></b>
  <b class="rc3"></b>
  <b class="rc4"></b>
  <b class="rc5"></b></b>

  <div class="rcfg">
Then in footer at the very bottom put:
Code:
Code: 
  </div>

  <b class="rc">
  <b class="rc5"></b>
  <b class="rc4"></b>
  <b class="rc3"></b>
  <b class="rc2"><b></b></b>
  <b class="rc1"><b></b></b></b>
</div>
That will make a black box, with white background, just change the colors in the CSS to match your forum, and you're set!
 
If you haven't installed tms you need to add this into your headinclude template:

search for:
Code: 
<script type="text/javascript" src="clientscript/vbulletin_global.js?v=$vboptions[simpleversion]"></script>

and add under it:

Code:
Code: 
<link rel="stylesheet" type="text/css" href="clientscript/yui/container/container.css">
<script type="text/javascript" src="clientscript/yui/container/container-min.js"></script>
and in footer search for:
Code:
Code: 
<form action="$vboptions[forumhome].php" method="get">

and add under it:

Code:
Code: 
<style type="text/css">
.label2 { display:block;float:left;width:45%;clear:left; }
.clear { clear:both; }
#dialog1_c.yui-panel-container.shadow .underlay { background-color:$stylevar[page_bgcolor]; }
#dialog1.yui-panel { position:relative; border:none; overflow:visible; background-color:transparent;  width:400px; }
#dialog1.yui-panel .hd { padding:0; border:none; height:22px; margin-left:0px; margin-right:0px; text-align:center; overflow:visible; }
#dialog1.yui-panel .bd {height: 150px; overflow:hidden; padding:4px;     }
#dialog1.yui-panel .ft { color:#666; padding:2px; overflow:hidden; border:1px solid #aeaeae; border-top:none; background-color:$stylevar[page_bgcolor]; }
.mask { background-color:#000000;opacity:0.7;}
</style>
<script type="text/javascript">
<!--
vbphrase["send"]="$vbphrase[send]";
vbphrase["cancel"]="$vbphrase[cancel]";  
vbphrase["rec"]="$vbphrase[rag_invalidrec]";  
-->
</script>
<script type="text/javascript" src="clientscript/ragteknewpm.js?ver=1"></script>
<script type="text/javascript" src="clientscript/vbulletin_ajax_namesugg.js"></script>
<a href="private.php?do=newpm" id="ragtek_newpm">$vbphrase[send_new_message]</a>
             <div id="dialog1"  style="display:none">
	             <div class="hd thead">$vbphrase[post_new_private_message]</div>
	             <div class="bd alt1">
		             <form method="POST" action="ajax.php?do=sendnewpm">
	           		 <div id="pmrecips1">
	           		 	<label for="empaenger" class="label2">$vbphrase[recipients]</label><input type="textbox" id="pmrecips1_txt" name="empfaenger" tabindex="1" /><div class="vbmenu_popup" id="pmrecips1_menu" style="display:none;"></div>
						 <script type="text/javascript">
							<!--
								vbmenu_register('pmrecips1', true);
								recip1_sugg = new vB_AJAX_NameSuggest('recip1_sugg', 'pmrecips1_txt', 'pmrecips1');
								recip1_sugg.allow_multiple = true;
							//-->
						</script>
					</div>
	            	<div><label for="title" class="label2">$vbphrase[title]</label><input type="textbox" name="title" /></div>
	                <label for="message" class="label2">$vbphrase[text]</label><textarea name="message" cols="30" rows="4"></textarea>
	                </form>
                </div>
<div class="ft">&copy ragtek.org</div>
             </div>
Known Bugs: In Opera alt + n don't open the popup
in some cases the namesuggestbox don't appear where it should, thats a "bug" in vbulletin.
 
You must log in or register to reply here.
Back
Top