مشاهدة النسخة كاملة : وضع الاسم المستعار داخل مربع ( css)


الحمزاوي
2011-05-04, 11:35 AM
السلام عليكم ورحمة الله أيها الأحبة ..

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


معاينة التأثير :
مباشرة (http://alhamzawi.p2h.info/showthread.php?p=7&styleid=1#post7)

أو صورة توضيحية /

http://i.imgur.com/mFXQx.png


شرح /
نقوم أولا بوضع كود css في تعاريف الإضافية في نهاية الإستايل المراد التعديل عليه /

http://i.imgur.com/9dUIe.png

الكود
.postbitbox
{
background-color: #ececec;
border-top: solid 2px #fff;
border-left: solid 4px #BBC7CE;
border-right: solid 4px #BBC7CE;
border-bottom: solid 2px #fff;
padding:2px;
color:#000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
-moz-box-shadow: 0 0 6px #979797;
-webkit-box-shadow: 0 0 6px #979797;
box-shadow: 0 0 6px #979797;
}

ثانيا / بالبحث عن القوالب , أبحث عن قالب Postbit_legacy , ونبحث فيه عن الكود التالي :
<div id="postmenu_$post[postid]">

نستبدله بهذا الكود :

<div id="postmenu_$post[postid]" align="center">

ونضيف بعدها مباشرة :

<div class="postbitbox">

http://i.imgur.com/ZEeNC.png

ثالثا / وفي نفس القالب نبحث عن الكود :

$post[skypeicon]</div>
</div>

نضيف قبلها /

</div>


ختاما / هذا العمل جهد شخصي ومن شرحي نأمل حفظ الحقوق لملتقى كلمة الثقافي .
هوامش /
1- تم التعديل على قالب البوست بيت لاجسي الافتراضي لنسخة الفي بي .
2- يمكنك التغير على المربع حول الاسم من خلال كود السي اس اس ليلائم إستايل منتداك وألوانه.

ود + تحايا
أخوكم / أحمد الحمزاوي

المصدر (http://1kalmah.com/vb/showthread.php?p=1579#post1579)