أشياء استعملها في css – جزء 2

الأربعاء 28 مايو 2008

عند إنشاء الكلاسات الرئيسية التي تحدثت عنها سابقا وهي: main, header, sidebar, content, footer .. أبدا في ملء الصفحة بالمحتويات ..

لا استعمل div بكثرة وانما استعمل تشكيلة متنوعة من أوامر xhtml فاذا اردت مثلا الحصول على عنوان رئيسي فانني استعمل h من 1 الى 6 حسب الاختيار ..

<div class="sub-title">title here ..</div>

.sub-title {
 font: 1em tahoma;
 /*color: #333 */
}

ساستعمل h2 أو h3 هكذا:

<h3>title here ..</h3>

وهكذا استعمل اكبر قدر ممكن من اوامر xhtml مثل p, span, code, hr .. الخ

اذا كنت اعمل في منطقة content ساستعمل كلاسات و tags جديدة انسبها لهذا الكلاس الرئيسي ..

#wrap span {
	color:#f00;
}

وأيضا:

#sidebar h3 {
	color:#f00;
	font: 2em arial;
	padding: .2em;
}

بحيث span الاولى تتبع الكلاس wrap و h3 تتبع sidebar ..

التعليقات مغلقة

أشياء استعملها في css – جزء 1

الثلاثاء 27 مايو 2008

في هذه المواضيع سأكتب عن بعض الأمور والتقنيات التي استعملها في كتابة ملفات css و xhtml، هي فكرة لمشاركة تجربتي الخاصة مع الاخرين.

ابدا دائما باختيار اسم للملف:

style.css
master.css
screen.css

واذا كان يخص لوحة التحكم فأسميه:

dashboard.css
admin.css

بالاضافة الى ملفات تكميلية واضحة من اسمها:

print.css
ie6.css
ie7.css

بعدها اوثق الملف:

/**
 @file: screen.css
 @date: 15/05/2008
 @by: cssbit [dot] com
*/

يمكنني تعديل القيم أو إضافة أخرى ..

ثم ابدا بتكوين الكلاسات الرئيسية:

body {
 
}
 
#main {
 
}
 
#header {
 
}
 
#sidebar {
 
}
 
#content {
 
}
 
#footer {
 
}

بعدها أعود لملف xhtml واكتب صفحة تتكون من هذه الكلاسات، .. وهكذا ابدا في بناء صفحتي ..

الثلاثاء 27 مايو 2008

التعليقات مغلقة

الثلاثاء 27 مايو 2008

في خطوات كيف تصبح مطور ويب وتحصل على عمل في شركة ويب، أو حتى تعمل freelancer من منزلك وهو الأفضل بطبيعة الحال ..

الثلاثاء 27 مايو 2008

التعليقات مغلقة