cssbit 2.0

blueprint عبارة عن منصة Framework ل css، سهلة الاستعمال بالنسبة لمن يستعمل css بشكل محدود ويكرر اوامر متشابهة دائما

إطار العمل يحتوي على ملفات كثير (print, ie ..) سأضع مثالا صغيرا لكيفية استعمال هذا الإطار .. بعد تحميل الملفات من الموقع الرسمي، سيتجد بعض المجلدات، ابحث عن الملف screen.css الموجود داخل المجلد blueprint

اربطه بالصفحة او حتى انقله الى مجلدك الأصلي ..

<link rel='stylesheet' href='screen.css' type='text/css' />

بقي عليك ان تتعرف على محتويات الملف والكلاسات الموجودة فيه ..

مثال على استعمال رسائل error و success ..الخ

<div class='error'>
  This is a div with the class (.error)
</div>

<div class='success'>
  This is a div with the class (.success)
</div>

ولتحديد عرض الرسائل اختار القياس الذي أريد:

<div class='span-10'>
   ...
</div>

حيث span-10 تعادل 390 بيكسل، كذلك يمكنني اختيار الخط والمكان الذي اريد اظهار الرسائل فيه، فكل شيء منفصل ويكفي اضافة class تناسبك

مثال حي

هذه التدوينة ادرجت بتاريخ 13 أكتوبر 2008 في الساعة 3:39 م ضمن تصنيف تطوير. يمكنك متابعة أي تعليق من خلال RSS 2.0 خلاصات التعليقات. يمكنك ترك تعليق, أو تعقيب من خلال موقعك الشخصي.