وضع الاسم المستعار داخل مربع ( css)

[linnou]

http://www.dzbatna.com/images/icons/iconrote.gif ظˆط¶ط¹ ط§ظ„ط§ط³ظ… ط§ظ„ظ…ط³طھط¹ط§ط± ط¯ط§ط®ظ„ ظ…ط±ط¨ط¹ ( css) (http://www.dzbatna.com/t1849038/)



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

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


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

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

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


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

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

الكود code
رمز Code:
.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; }
ثانيا / بالبحث عن القوالب , أبحث عن قالب template Postbit_legacy , ونبحث فيه عن الكود code التالي :
رمز Code:
<div id=&quot;postmenu_$post[postid]&quot;>
نستبدله بهذا الكود code :

رمز Code:
<div id=&quot;postmenu_$post[postid]&quot; align=&quot;center&quot;>
ونضيف بعدها مباشرة :

رمز Code:
<div class=&quot;postbitbox&quot;>
http://i.imgur.com/ZEeNC.png




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

رمز Code:
$post[skypeicon]</div> </div>
نضيف قبلها /

رمز Code:
</div>

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

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

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






ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©