PDA

View Full Version : BB Code Enhancements - change CODE and PHP tags design


Mohammad Kamal
15 Jan 2013, 12:48
Hello,

New Simple design for CODE and PHP tags

I posted a similar thread for vBulletin 3 before shortly

http://www.vbulletin.org/forum/showthread.php?t=293957

*Take a backup before editing any template.

Open css_global.css template

find:

.bbcode_container .bbcode_code {
font-family:Courier,'Courier New',Monaco,Monospace;
font-size: {vb:stylevar bbcode_code_fontsize};
background: {vb:stylevar autosuggest_background};
border: 1px solid {vb:stylevar form_dropdown_border_color};
overflow: auto;
padding: 6px;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

replace it with:


.bbcode_container .bbcode_code {
font-family: Courier,'Courier New',Monaco,Monospace;
overflow: auto;
padding: 6px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #8CC8FF;
width: 700px;
max-height: 400px;
font-size: 13px;
background-color: #CDE7FF;
}


then in the same template, find:

.bbcode_container .bbcode_description {
margin-top:10px;
}

and replace it with:

.bbcode_container .bbcode_description {
margin-top: 10px;
color: #8CC8FF;
padding: 6px;
display: block;
border: 1px solid;
background-color: #CDE7FF;
width: 686px;
font-size: 14px;
font-weight: bold;
}

Done ;)

abdobasha2004
26 Feb 2013, 18:29
very nice look for webmaster forums
if more screen shots available that would be great !