ممكن شرح طريقة تغيير شكل الإقتباس مثل ترايد نت

وعليكم السلام ورحمة الله وبركاته،،
يمكنك تنفيذ شكل مشابه تماماً من خلال فقط التعديل على كلاس الاقتباس في الأستايل شييت CSS دون الحاجة لكل هذه الصور والجداول وهذه التعقيدات
فقط حرر الـ CSS من خلال لوحة الادارة او من خلال ملف style.css للأستايل المراد تغيير شكل الاقتباس به
وابحث عن كلاسي الاقتباس وهما :

.quotetop
{
    background: #EFEFEF url(images/css_img_quote.gif) no-repeat left;
    border-bottom: 0;
    color: #000;
    font-family: Tahoma;
    font-weight: bold;
    font-size: 10px;
    margin: 2px auto 0 auto;
    padding: 8px;
    border: 1px solid #dbdbdb;
    -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.quotemain
{
    background: #F7F7F7;
    border: 1px solid #E5E5E5;
    border-top: 0;
    font: bold 16px Arial;
    color: #000;
    padding: 4px;
    border: 1px solid #dbdbdb;
    -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    }

واستبدلهما بهذا :

.quotetop
{
    background: #fff url(images/lastpost.gif);
    background-repeat: no-repeat;
    background-position: 14px 3px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
    border: 2px solid #C6C9C9;
    color: #C70917;
    font-family: Arial;
    font-size: 13px;
    padding-right: 18px;
    width: 30%;
    margin: 15px 25px -11px 18px;
    position: relative;
}

.quotemain
{
    background: #fff url(images/css_img_quote.gif);
    background-repeat: no-repeat;
    background-position: 10px 9px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
    border: 2px solid #C6C9C9;
    color: #000;
    font-family: Arial;
    font-weight: bold;
    font-size: 15px;
    padding-top: 20px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 20px;
    }

وسيظهر لديك الشكل المطلوب ..

هذا كل شيء

شكرا جزيلا أستاذ Soliman
نجحت التجربة 100/100

السلام عليكم ورحمة الله وبركاته ،،
تم غلق الموضوع لأحد الأسباب التالية:

1. تم حل المشكلة والحمدلله.
   
2. بقاء الموضوع لمدة 3 أيام بدون الرد عليه أو وجود إشارة تدل على رجوع العضو إليه.
   
3. لا يوجد حل لهذه المشكلة (إذا وجد الحل سوف يتم إعادة فتح الموضوع).

عزيزي العضو حرصا على عدم تداخل المواضيع ببعضها وبالتالي صعوبة إستخدام عملية البحث بالنسبة للأعضاء قررت إدارة المنتديات بإغلاق المواضيع التي تتوافق مع الأسباب السابقة.
بإمكانك بدأ موضوع جديد أو مراسلة أحد المشرفين إن كنت متأكد من رغبتك في الإستمرار .

إدارة المنتديات،،