[BBcode] قالب الأقتباس الجديد 2011 نقلة في عالم الإبداع !

alaanoby

عضو جديد
20 مارس 2009
2
0
0
بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

كل عام و حضراتكم بخير و سنه جديدة سعيدة عليكم يا رب

اليوم معنا قالب الإقتباس الجديد و الحصري على ترايدنت

مميزاته :
خفيف , سريع , لا يعتمد على صور كثير
و أهم ميزة فية أنة يحتوي الكلام المقتبس بالضبط أي أنة يكون على حجم الكلمات المكتوبة

لن أطيل عليكم هذه صورة :

1292010112121am.jpg




و هذا مثال مباشر من هنــــــــــــــــــــــا

طريقة التركيب:

1 - ارفع الصور الى هذا المسار
كود:
images/misc/

2 - قم بالدخول إلى هذا القالب :
كود:
bbcode_quote

و استبدل محتواه بهذا الكود:
كود:
<table class="quote_global quote_global-quote" cellspacing="0">
<tr>
    <td class="quote_head"><div><span></span></div></td>
</tr>
<tr>
    <td class="quote_name">
        <if condition="$show['username']">
            <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>
        <else />
            <div class="smallfont">$vbphrase[quote]:</div>
        </if>
    </td>
</tr>
<tr>
    <td class="quote_body">
        $message
    </td>
</tr>
<tr>
    <td class="quote_foot"><div><span></span></div></td>
</tr>
</table>


3 - افتح الاستايل المطلو تنفيذ الكود علية - خيارات جميع الاستيلات - رئيسي CSS
انزل الى اسفل في مربع
كود:
تعاريف CSS الإضافية/Additional CSS Definitions

اضف هذا الكود:
كود:
.quote_body {
    padding: 3px;
    background-color: #F8F8F8;
    color: #444;
}
.quote_global-quote { background: #FAFAFA url(images/misc/q_quote.png) top left no-repeat; }
.quote_global {
    background-color: #FAFAFA;
    margin: 3px 20px 3px 20px;
}

.quote_head, .quote_head div, .quote_head span, .quote_foot, .quote_foot div, .quote-foot span {
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 1px;
    font-size: 1px;
    height: 5px;
}
.quote_head, .quote_head div {
    background: url(images/misc/bg_quote1.gif) top right no-repeat;
}
.quote_foot, .quote_foot div {
    background: url(images/misc/bg_quote2.gif) top right no-repeat;
}
.quote_head div, .quote_foot div {
    background-position: 0 -5px;
    height: 5px;
    padding: 0 5px;
}
.quote_head span {
    display: block;
    border-top: solid 1px #CCC;
    height: 4px;
}
.quote_foot span {
    display: block;
    border-bottom: solid 1px #CCC;
    height: 4px;
}
.quote_name, .quote_body {
    border-left: solid 1px #CCC;
    border-right: solid 1px #CCC;
    padding: 4px;
}


و زيادة في التأكيد يمكنك تحميل الملفات الثلاثة من هنا :

1- upload.zip
2- bbcode_quote.txt
3- CSS.txt

دمتم بكل خير
و السلام عليكم ورحمة الله وبركاته