[Template] صفحه الموضوع كالفي بي تماما كاتب الموضوع في الاعلى و من يرد على الموضوع بشكل العادي مجانا

بسم الله الرحمان الحريم
| ₪|سلامٌ عليكم و رحمةٌ من اللهِ و بركاته | ₪| ..
مرحبا بكم مرحباً بكم أيها الكرام من أعضاء و زوار[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] من كل مكان
نقدم لكم جديدنا لعام 2012
[Template] صفحه الموضوع كالفي بي تماما كاتب الموضوع في الاعلى و من يرد على الموضوع بشكل العادي
[Template] صفحه الموضوع كالفي بي تماما كاتب الموضوع في الاعلى و من يرد على الموضوع بشكل العادي
[Template] صفحه الموضوع كالفي بي تماما كاتب الموضوع في الاعلى و من يرد على الموضوع بشكل العادي
للنتقل الى صور لكي تتعرفو على مميزات الكود

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
هذه صوره توضح صفحه لموضوع مع كاتب الموضوع
تظهر بيانات كاتب الموضوع في اعلا الموضوع

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

هذه صوره توضح الردود على الموضوع و بيانات الاعضاء الذين قامو بالرد على الموضوع
لكن بيناتهم سوف تكون قليله
فقط يظهر اسم العضو وصورته ورتبته وبيانات الاتصال به فقط لا غير

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الان للنتقل الى شرح كيفيه تركيب الكود


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]




كالان لكي تقومو بالتعديل على الوان البيانات الشخصيه
قومو باضافه الكود تالي الى
css

الكود:






.mimo{background:url("http://i28.servimg.com/u/f28/14/58/23/42/etudia11.png")
 repeat-x scroll left top #37DCFC; border-bottom:2px solid #6A6A6A;
border-radius:5px 5px 5px 5px; color:#FFF; font-family:tahoma;
font-size:12px; font-style:normal; font-variant:normal;
font-weight:bold; text-shadow:1px 1px 1px #888}
       
.user_name{background:url("http://i23.servimg.com/u/f23/15/13/67/04/f110.gif")
 repeat-x scroll center bottom #FFF; padding:1px;  margin:4px 4px 4px
4px; border:1px solid #E2E2E2; border-radius:5px 5px 5px 5px;
width:170px; text-align:center}
       
.shaduser{background:url("http://i23.servimg.com/u/f23/16/43/22/50/shadwu10.png")
 no-repeat scroll left top transparent; height:12px; margin:auto;
position:relative; width:100%}
       
.gowetobilobed-offlinebutton{background-color:transparent;
background-image:url("http://i66.servimg.com/u/f66/11/66/00/43/user_o11.gif");
 background-position:center center; background-repeat:no-repeat;
border:medium none; height:50px; min-height:50px; min-width:50px;
width:50px}






فقط قومو بالتعديل على صوره تاليه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
وهي بلون الازرق واختارو ما يناسبك منها

وايضا تستطيعو التعديل على هذه صوره وهي عباره عن الخلفيه البيانات الشخصيه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود بالكامل من تفكيري وتصميمي
audai mousa
عدي موسى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لا اسمح بنقل الموضوع من غير ذكر المصدر ابدا ابدا------
رابط الموضوع الاصلي :
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

ها وقد انتها الشرح لكم
بتمنياتي لكم ولمنتدياتيكم بالتوفيق والازدهار المستمر

ملحوظه : تم صنع هذا الكود بواسطه عدي موسى صاحب موقع اكاديميه التعليم العربي بتاريخ 1-9-2011


المصدر: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]