الويب العربي - قالب الأقتباس الجديد 2011 نقلة في عالم الإبداع !

بسم الله الرحمن الرحيم

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

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

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

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

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

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

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

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

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