أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

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

مشاهدة المشاركة في الموضوع بالعرض العادي

: [مجابه] ممكن شرح طريقة تغيير شكل الإقتباس مثل ترايد نت

05-09-2012 06:36 مساءً

Soliman

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

CODE

.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;
    }

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

CODE

.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;
    }

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

هذا كل شيء

الساعة الآن 06:02 AM