تغییر شکل ظاهری کد ها - Neater Code, Quote, HTML and PHP boxes

[AminGod]

Time taken: 2 Minutes
Difficulty: Easy as pie
What it does: This modifies the look of the boxes when people you the bbcode for PHP, HTML, Code and Quote.

You can also use this for Vb 3.5.x too

Go to:

Style manager --> [Style you want to edit] --> Main CSS --> Additional CSS Definitions

Add:

کد PHP:

/* ***** new code styles ***** */
.bbccode{
 background: #FFF;
 border: 1px solid #FFCC66;
 border-top: 4px solid #FFCC66;
 padding: 5px;
 color: #996600;
 font-size: 12px;
}
.bbccodetitle{
 font-weight: bold;
 font-size: 10px;
 border: 0px;
 border-bottom: 1px dashed #CC6600;
 color: #CC6600;
 padding-bottom: 3px;
 margin-bottom: 5px;
}
/* ***** new html styles ***** */
.bbchtml{
 background: #FFF;
 border: 1px solid #c3ffa8;
 border-top: 4px solid #c3ffa8;
 padding: 5px;
 color: #7fa66e;
 font-size: 12px;
}
.bbchtmltitle{
 font-weight: bold;
 font-size: 10px;
 border: 0px;
 border-bottom: 1px dashed #82cc00;
 color: #82cc00;
 padding-bottom: 3px;
 margin-bottom: 5px;
}
/* ***** new php styles ***** */
.bbcphp{
 background: #FFF;
 border: 1px solid #ffa8a8;
 border-top: 4px solid #ffa8a8;
 padding: 5px;
 color: #990000;
 font-size: 12px;
}
.bbcphptitle{
 font-weight: bold;
 font-size: 10px;
 border: 0px;
 border-bottom: 1px dashed #cc0000;
 color: #cc0000;
 padding-bottom: 3px;
 margin-bottom: 5px;
}
/* ***** new quote styles ***** */
.bbcquote{
 background: #FFF;
 border: 1px solid #C2CFDF;
 border-top: 4px solid #C2CFDF;
 color: #333366;
 padding: 5px;
 font-size: 9px;
}
.bbcquotetitle{
 font-weight: bold;
 font-size: 10px;
 border: 0px;
 border-bottom: 1px dashed #003366;
 color: #003366;
 padding-bottom: 3px;
 margin-bottom: 5px;
} 

Now go to:

Style manager --> [Style you want to edit] --> Edit Templates --> BB Code Layout Templates --> bbcode_code

Replace everything with:

کد PHP:

<div class="bbccode"> 
 <div class="bbccodetitle">$vbphrase[code]:</div> 
 <pre style="margin:0px; padding:$stylevar[cellpadding]px; width:$stylevar[codeblockwidth]; overflow:auto"><div dir="ltr">$code</div></pre> 
</div> 
<br /> 

Now go to:

Style manager --> [Style you want to edit] --> Edit Templates --> BB Code Layout Templates --> bbcode_html

Replace everything with:

کد PHP:

<div class="bbchtml"> 
 <div class="bbchtmltitle">$vbphrase[html_code]:</div> 
 <pre style="margin:0px; padding:$stylevar[cellpadding]px; width:$stylevar[codeblockwidth]; overflow:auto"><div dir="ltr">$code</div></pre> 
</div> 
<br /> 

Now go to:

Style manager --> [Style you want to edit] --> Edit Templates --> BB Code Layout Templates --> bbcode_php

Replace everything with:

کد PHP:

<div class="bbcphp"> 
 <div class="bbcphptitle">$vbphrase[php_code]:</div> 
 <pre style="margin:0px; padding:$stylevar[cellpadding]px; width:$stylevar[codeblockwidth]; overflow:auto"><div dir="ltr"> 
  <code style="white-space:nowrap"> 
   <!-- php buffer start -->$code<!-- php buffer end --> 
  </code> 
</div></pre> 
</div> 
<br /> 

Now go to:

Style manager --> [Style you want to edit] --> Edit Templates --> BB Code Layout Templates --> bbcode_quote

Replace everything with:

کد PHP:

<div class="bbcquote"> 
 <if condition="$show['username']"> 
  <div class="bbcquotetitle">$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>$message</div> 
 <else /> 
  <div class="bbcquotetitle">$vbphrase[quote]:</div> 
  <div>$message</div> 
 </if> 
</div> 
<br /> 

[kavehch]

سلام من از این استفاده کرده ام ولی عجیب انیجات وقتی که متن یه کم دور و دراز باشه نصفش رو نشون نمیده یعنی مثل مال شما اسکرول براش ایجاد نمیکنه عکس پیوست رو نگاه کنید تو عکس این نصف متن هستش که نشون داده شده بقیه رو نشون نداده و اتوماتیک کل متن به سمت راست میره و با چپ چین کردنم هم درست نمیشه با php و html و code هم اینجوریه فک کنم مشل از اینجاست که به صورت تمام صفحه نشون میده و مثل مال شما اسکرول نداره کمک کنید بگید چیکار کنم ممنونم


اینم ادرس عکس

http://www.dl2.patoghu.com//files/1/Untitled-1.jpg

[kavehch]

سلام کسی نیست جواب ما رو بده ؟

[AliKing]

این درست شده قسمت کد بی بی کد :

Style manager --> [Style you want to edit] --> Edit Templates --> BB Code Layout Templates --> bbcode_code

Replace everything with:

کد PHP:

<div class="bbccode" style="margin:0px; padding:$stylevar[cellpadding]px; width:$stylevar[codeblockwidth]; ">
<div class="bbccodetitle" align="right" >$vbphrase[code]:</div>
<pre  dir="ltr" style="margin:0px; width:$stylevar[codeblockwidth]; height: {$blockheight}px; overflow:auto" >$code</pre>
</div> 

[kavehch]

این درست شده قسمت کد بی بی کد :
[code]<div class="bbccode" style="margin:0px; padding:$stylevar[cellpadding]px; width:$stylevar[codeblockwidth]; ">
<div class="bbccodetitle" align="right" >$vbphrase

کد:

:</div>
<pre  dir="ltr" style="margin:0px; width:$stylevar[codeblockwidth]; height: {$blockheight}px; overflow:auto" >$code</pre>
</div> 
<br />

سلام خوب ممنونم ولی جریان این چیه باید کجا بذارمش ؟

[AliKing]

توی پست بالا نوشتم .

[SENATOR YAHYA]

کلا همه کد ها رو باید جا به جا کنی
فقط کد اولی رو اخر css اضافه کن

[kavehch]

توی پست بالا نوشتم .

مرسی ای ول الان code درست شد تغییرات php ,html,qute رو هم میشه لطف کنید

[vacvace]

مرسی ای ول الان code درست شد تغییرات php ,html,qute رو هم میشه لطف کنید

سلام ...

ممنون ميشم براي php ,html,qute هم اسکرول بذاريد . (اسكرول عمودي بذاريد نه افقي مثل همين بالايي هاي خودتون)

منتظرم ...

[vacvace]

مديران محترم كمك كنيد لطفا , توي php و bb code نصف متن و يا كد رو نشون ميده درستش كنيد لطفا !!!!

براي php ,html,qute هم اسکرول بذاريد . (اسكرول عمودي بذاريد نه افقي مثل همين بالايي هاي خودتون)