منتديات الوطن العربي التعليمية

منتديات الوطن العربي التعليمية

اهلا وسهلا بك يا زائر في منتديات الوطن العربي التعليمية
 
الرئيسيةأنا عربيبحـثالتسجيلخدمات المنتدىدخول

شاطر | 
 

  رتب رائعة وبصور مختلفة احترافية بطريقة سهلة

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
الأدارة
مؤسس المنتدى
مؤسس المنتدى
avatar

طالب
رايق

مصر

ذكر
عدد المساهمات : 812
نقاط : 26969
السٌّمعَة : 4
تاريخ التسجيل : 16/09/2010
العمر : 22
الموقع : arab-world.ahlamountada.com


مُساهمةموضوع: رتب رائعة وبصور مختلفة احترافية بطريقة سهلة    الأربعاء ديسمبر 01, 2010 7:22 pm

في درس اليوم سنتعلم كيفية التحكم في خصائص عناوين رتب الأعضاء عبر الـcss
و
كيفية تغيير لون كل رتبة ووضع خلفية مختلفة لكل رتبة بطريقة سهلة وبسيطة



ضع رد لمشاهدة الاكواد وباقى الشرح

أولا ضع هذا الكود في عنوان الرتبة التي ستقوم بانشائها
الكود:
 



[table border=0 cellSpacing=1 cellPadding=0 width="90%" align=center]

[tr]
[td]الرمز:[/td][/tr]
[tr]
[td class=code]<div
class="rotba">Admin</div>

[/td][/tr][/table]
 [center]
وغير ما يلزمك في الكود يعني بدلا من Admin ضع
عنوان
الرتبة الخاص
بك
وإذا كنت ستغير خصائص كل رتبة في كل مرة غير أيضا
كلمة rotba
إلى أي اسم ىخر مثلا rotba2
بعد ذلك اذهب الى ورقة الـcss
وضع الكود
التالي
[/center]

 

[table border=0 cellSpacing=1 cellPadding=0 width="90%" align=center]

[tr]
[td]الرمز:[/td][/tr]
[tr]
[td class=code].rotba{
color:#000;
border:1px

dotted red;
text-align:center;
background:url(http://i66.servimg.com/u/f66/11/86/37/19/d982d910.gif);
}
[/td][/tr][/table]
 [center]
وغير ما يلزمك في الكود وأضف عليه ما تريد
لاحظ

أن كلمة
".rotba" الموجودة بالكود العلوي ستتغير في كل مرة تنشيء فيها رتبة

جديدة يعني مثلا لو وضعت في عنوان الرتبة
class="rotba2"
ستكون في
كود
الـcss
.rotba2{
وهكذا
انتهى الدرس بفضل الله[/center]

 

 


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://arab-world.ahlamountada.com
 
رتب رائعة وبصور مختلفة احترافية بطريقة سهلة
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات الوطن العربي التعليمية :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS-
انتقل الى: