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


أقدم لكم تكويد لـ Layout صفحة بتقنية CSS3 الإصدار الثاني ( شاهد الإصدار الأول من هنا )عدّل او احذف منها ما شئت لإنشاء صفحتك






  • المكونات
    • هيدر
    • فوتر
    • محتوى مقسّم إلى :
      • عمود على اليسار ثابت يتمتع بخاصية fixed يتحرك مع الصفحة خاص بشبكات الاتصال الاجتماعية.
      • شريط على اليمين لوضع الأزرار أو التصنيفات ويظهر شريط Scroll bar عند الحاجة إليه.
      • محتوى بالمنتصف لوضع محتوى الصفحة.


  • مثال حي للصفحة : http://itkni.com/ahmed/CSS3v2
  • تحميل الصفحة : http://itkni.com/ahmed/CSS3v2/CSS3v2.zip
  • لك الحرية في التعديل على الصفحة وأكوادها و حذف منها ما تراه مناسباً للخروج بصفحة بشكل تختاره.
  • لك الحق في نسب حقوق الصفحة لنفسك بعد التعديل عليها وعدم الإشارة لي تماماً.
  • التصميم لا يظهر بشكله الطبيعي على IE لأن IE لا يدعم CSS3.
  • لأفضل مشاهدة للتصميم استخدم Mozilla Firefox.
  • لم يتم استخدام أي صورة بالتصميم فقط صفحة index.html & Style.css .
  • الصور المستخدمة هي صور خارجة عن إطار تصميم الصفحة وإنما هي كإضافات كصور مواقع التواصل الاجتماعية.
  • الإضافات في الإصدار الثاني :
    • إضافة تقنية jQuery - ToolTip عند الإشارة إلى الأزرار ومواقع التواصل الاجتماعي.
    • إصلاح بعض الأخطاء عند ظهور الموقع على IE.
    • إضافة صندوق للمحتويات بالمنتصف وتقسيمه إلى Posts.
    • تغيير ألوان الصفحة لألوان أكثر قابلية للاستخدام.
    • إضافة ظهور خاص للأزرار عند الظهور العادي | الإشارة لها بالماوس | الضغط عليها.
    • إضافة مواقع التواصل الإجتماعي كصور في العمود الأيسر.





الملفات المرفقة [TR]
CSS3v2.zip (141.8 كيلوبايت, عدد مرات المشاهدة 157 مرة) [/TR]



©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©