3- تقنيات سريعة عن css

Sunday 25 May 2008

لتوسيط شيء في الصفحة، يمكنك استعمال margin مع تحديد القيمة auto على اليمين وعلى اليسار كالتالي:

اريد توسيط الكلاس content ليظهر في منتصف الصفحة:

#content {
	margin-right: auto;
	margin-left: auto;
}

ويمكن لك تحديد اي قيمة ل margin-top و margin-bottom حسب حاجتك ..

#content {
	margin-top: 05px;
	margin-bottom: 05px;
 
	margin-right: auto;
	margin-left: auto;
}

وبطريقة أخرى:

#content {
	margin: 05px auto;
}

تعليق واحد

2- تقنيات سريعة عن css

Sunday 25 May 2008

عند استعمال بعض الخطوط التي تحتوي على فراغات يجب وضعها بين علامتي تنصيص ..
مثال:

#sidebar p {
	font: 1.2em "Lucida Sans Unicode";
	color:#f00;
}

يمكنك استعمال خطوط أخرى وفق الترتيب الذي تريد بدءا من الاول فالثاني ..الخ:

#sidebar h2 {
	font: 1em "Lucida Sans Unicode", Tahoma, Arial;
	color:#313800;
}

Comments Off

تقنيات سريعة في css

Sunday 25 May 2008

لتحديد خصائص لبعض الأوامر الموجودة ضمن xhtml نستعمل نفس الاوامر في ملف css وتوجد عدة طرق لذلك ..
اذا كان لديك فورم بريدي ضمن كلاس اسمه content يمكن كتابة ما يلي:

#content input {
	border: 1px solid #ddd;
	padding: .3em;
}

أما اذا اردت تحديد خصائص لجميع input المستعملة في الصفحة فيمكنك كتابة ذلك مباشرة:

input, textarea, select {
	border: 1px solid #ddd;
	padding: .3em;
	color:#074173;
}

نفس الشيء مع الاوامر الاخرى: ul, li, p, h2, hr

img {
	border: none;
	vertical-align: middle;
}
 
code {
	font: 1.2em "Lucida Sans Unicode";
	color:#A60402;
}

Comments Off

مطور ويب 2.0

Tuesday 20 May 2008

ربما حان الوقت لكي نتحدث عن مطور ويب 2.0، فنحن نسمع عن web 2.0 و business 2.0 .. الخ من المفردات والمعايير الجديدة، وفي نظري مطور الويب 2.0 يجب أن يتميز بما يلي: