[BBcode] : تحويل الشعار لـ CSS

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

لقيت موضوع في الموقع الرسمي : رابطه هنا

يحول شعار منتداك لـ css الحقيقة الكود جميل ومميز ( أقصد بشعار الموقع هو الشعار الموجود على الاستايل في الهيدر )

المميزات الي لاحظتها :
1 - خفيف .. وممكن تلاحظ أول ما تفتح منتداك الشعار هو أول ما يظهر لك
2 - ما تقدر تنسخه ولا تعرف مسار الشعار ولا يظهر حتى في مصدر الصفحة عند العرض الكامل
3 - الـ css هي افضل وأخف من الاكواد العادية



طريقة التعديل

( 1 ) : افتح قالب additional.css في الاستايل المطلوب وأضف هذا الكود في آخره :
ولا تنسى تعدل رابط مسار الصورة مكان : http://www.YOURWEBSITE.com/images/logo.png




رمز PHP:

#vbulletin_logo {
background-image: url(http://www.YOURWEBSITE.com/images/logo.png);
display:block;
background-repeat: no-repeat;
text-indent:-9999px;
height:73px;
width:183px;
position:relative;
left:5px;
top:22px;
}

ملاحظات :
يوجد في الكود height وتعني ارتفاع الشعار ( عدل عليها بما يناسبك )
وكذلك width عرض الشعار ( عدل عليها بما يتناسب مع شعارك )


( 2 ) افتح قالب navbar وابحث عن :
رمز PHP:

لأصحاب النسخة العادية يستبدلونه بهذا الكود :
ولا تنسى على YOUR TITLE .. وعلى YOUR WEBSITE NAME
الاولى تعني : عنوان الشعار والثانيه اسم موقعك
رمز PHP:

YOUR WEBSITE NAME

* ولأصحاب النسخه الشامله suite يستبدلونه بهذا الكود :
وكذلك لا تنسى تعدل على العنوان واسم موقعك
رمز PHP:

YOUR WEBSITE NAME

====

كود بسيط وخفيف إن شاء الله تستفيدون منه وترقبو المواضيع القادمة

الله يحفظكم







أكثر...