كود Css لوضع ايطار وصوره بشكل احترافى لفئات المنتدى مع امكانية تحديد لون الاطار والروابط

بسم الله الرحمن الرحيم
السلام عليكم

كودين Css لوضع ايطار وصره بشكل رائع لفئات المنتدى مع امكانية تحديد لون الاطار والروابط


ملاحظه : الكودين للنسخه الثانيه فقط


مميزات الكود
.عرض ايطار أو صوره بالكامل لمسميات الفئات
.مع امكانية تحديد لون الاطار وروابط الفئات فقط دون التأثير على ألوان الروابط الاصليه ككل


صوره للكود بصوره والروابط باللون الأبيض

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


صوره للكود بالايطار محدد بلون أزرق والروابط محدده بلون أسمر

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

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

1. /* AYMAN4u */
   
2. 
   
3. a.forumlink:link, a.forumlink:visited {
   
4. font-family: serif;
   
5. background-color:#0F2C3D;
   
6. text-align: center;
   
7. font-size: 100%;
   
8. border-bottom: 3px double #164a5d;
   
9. background-image:url(رابط الصوره);
   
10. color: #cde9f7;
    
11. display: block;
    
12. -moz-border-radius:20px;
    
13. }
    

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

1. 
   
2. /* AYMAN4u */
   
3. 
   
4. a.forumlink:link, a.forumlink:visited {
   
5. font-family: serif;
   
6. background-color:#094ce8;
   
7. text-align: center;
   
8. font-size: 100%;
   
9. border-bottom: 3px double #164a5d;
   
10. color: #000000;
    
11. display: block;
    
12. -moz-border-radius:20px;
    
13. }
    
14. 
    

طريقة ,الوضع
لوحة الادارة & مظهر المنتدى & الصور والالوان & الالوان & ورقة التصميم CSS
ضع الكود : قدم


لتحديد ألوان روابط واطارت الفئات علينافقط القيام بتغيير رموز الألوان كالتالى

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

1. color: #000000;
   

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

1. double #164a5d
   

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


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

الف شكر

شكرااا لك كثيرا