الحمزاوي
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)
مصادفة كنت أتجول في موقع أجنبي , وجدت فكرة جميلة لوضع الاسم المستعار ضمن قالب 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)