موضوع: كود css للتحكم بنوع وحجم الخطوط فى المنتدى الخميس سبتمبر 01, 2011 4:12 pm
السلام عليكم بدون مقدمات ومؤخرات الكود وظيفته التحكم فى انواع الخطوط وحجمها ومشروح من خلال الكود اليكم الكود . طريقه الاضافه لوحه التحكم ^^ مظهر المنتدى ^^ الالوان ^^ ورقه الاكواد الانسيابيه css . .
الكود:
/* إعدادات الخط والروابط بشكل عام */ font,th,td,p { font-family: "Arial", Tahoma, Arial } /* اسم الخط 1 */ a:link,a:active,a:visited { text-decoration: none; color : #5679CB; } /* لون الوصلة */ a:hover { text-decoration: underline; color : #0160CD; } /* اللون على الوصلة */ hr { height: 0px; border: 1px dotted #0160CD; border-top-width: 1px;} /* الخط الفاصل */
/* حدود الجداول */ .forumline { padding:1px; background-color: #E4ECFF; border: 1px dotted #A5B8E4; } /* إطار الجدول */
/* الخط الكبير الذي يستعمل في العناوين الرئيسية و عنوان الموضوع ..الخ */ .maintitle,h1,h2 { font-weight: bold; font-size: 18px; font-family: Arial, Tahoma,"Trebuchet MS",Verdana, Arial,Helvetica, sans-serif; text-decoration: none; color : #5679CB; }
/* إعدادت الخط بشكل عام */ .gen { font-size : 13px; } /* حجم الخط 3 */ .genmed { font-size : 12px; } /* حجم الخط 2 */ .gensmall { font-size : 12px; } /* حجم الخط 1 */ .gen,.genmed,.gensmall { color : #4D72CA } a.gen,a.genmed,a.gensmall { text-decoration: none; color: #5679CB; } /* لون الوصلة */ a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #0160CD; text-decoration: underline; } /* اللون على الوصلة */
/* التسجيل - الدخول - البحث ...إلخ ... الوصلات في أعلى الصفحة */ .mainmenu { font-size : 12px; color : #5679CB} /* العنوان الرئيسي لون-حجم */ a.mainmenu { text-decoration: none; color : #5679CB; } /* وصلة العنوان الرئيسي */ a.mainmenu:hover{ text-decoration: underline; color : #0160CD; } /*اللون على وصلة العنوان الرئيسي*/
/* عناوين ساحات الأقسام */ .cattitle { font-family: Arial, Verdana, Helvetica ; font-weight: bold; font-size: 15px; color : #5679CB} /* عنوان ساحة الأقسام */ a.cattitle { text-decoration: none; color : #5679CB; } /* عنوان ساحة الأقسام وصلة */ a.cattitle:hover{ text-decoration: none; color: #0160CD; } /* عنوان ساحة الأقسام اللون على وصلة */
/* عنوان الساحة: نص و index.php وصلة الساحة في الـ */ .forumlink { font-family: Arial, Verdana, Helvetica ; font-weight: bold; font-size: 15px; color : #5679CB; } /* عنوان الساحة */ a.forumlink { text-decoration: none; color : #5679CB; } /* عنوان الساحة رابط */ a.forumlink:hover{ text-decoration: none; color : #0160CD; } /* عنوان الساحة رابط اللون على وصلة */
/* أرقام الصفحات (1.2.3 ..إلخ) */ .nav { font-weight: bold; font-size: 11px; color : #5679CB;} /* لون-حجم أرقام الصفحات */ a.nav { text-decoration: none; color : #5679CB; } /* وصلة أرقام الصفحات */ a.nav:hover { color : #0160CD; } /* اللون على وصلة أرقام الصفحات */
/* عناوين المواضيع */ .topictitle { font-weight: bold; font-family: Arial, Verdana, Helvetica ; font-size: 15px; color : #5679CB; } /* لون خط الموضوع */ a.topictitle:link { text-decoration: none; color : #5679CB} /* لون وصلة الموضوع */ a.topictitle:visited { text-decoration: none; color : #86A0D9; } /* لون الوصلة القديمة */ a.topictitle:hover { text-decoration: none; color : #0160CD; } /* اللون على الوصلة */
/* إسم كاتب الموضوع */ .name { font-size : 11px; color : #7E242D;}
/* المكان - عدد المشاركات - اشترك في ... إلخ */ .postdetails { font-size : 11px; color : #5679CB; } a.postdetails:link { font-size : 11px; color : #4067BF; }
/* محتوى المشاركات (هيكل النص) */ .postbody { font-family: Tahoma,Arial, Verdana, Helvetica ; font-size: 15px; color: #5679CB; } /* حجم الخط */ a.postlink:link { text-decoration: none; color : #5679CB;} /* لون الوصلة */ a.postlink:visited { text-decoration: none; color : #86A0D9; } /* لون الوصلة القديمة */ a.postlink:hover { color : #0160CD;} /* اللون على الوصلة */
/* الحقوق والمعلومات السفلية */ .copyright { font-size: 11px; font-family: "ms sans serif", Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #5679CB;} /* حجم-نوع-لون الخط */ a.copyright { text-decoration: none; color :#5679CB} /* لون الوصلة */ a.copyright:hover { color : #0160CD;} /* اللون على الوصلة */
أتمنى الفائدة للجميع ,وشكرا والسلام عليكم :)
حكآيـَہَ صَمـتَ ≈ ♥
مَِشَرَفهَ آلمِوُقّعِ ~
معلوماتي
عدد المشـاركـات : 447
تاريخ الانضمـام : 24/08/2011
الع ـــمــر : 29
الموقع : ↑ ساحــﮧ الصَمـتَ ↓
موضوع: رد: كود css للتحكم بنوع وحجم الخطوط فى المنتدى السبت سبتمبر 10, 2011 3:50 pm