romaissa
11-01-2013, بتوقيت غرينيتش 06:12 AM
بسم الله الرحمن الرحيم
http://cdn5.tribalfusion.com/media/37536.gif (http://a.tribalfusion.com/h.click/akmyQ8WUQSTHn4mUFxQrJsYTMy3Efl5TMRmEZbCXrb9WHFSnm3 ZcpGMwotfH2aBl5HIy4mZbGnbUZcYGYP1c3V0VvopT7U3bZb2W r7ZaVAMTPqb1PsYrQWBNYtbuTmYy2G3YXr3ZdUAaw2SQSfRgqf I/http://a.tribalfusion.com)
أقدم لكم تكويد لـ Layout صفحة بتقنية CSS3 الإصدار الثاني ( شاهد الإصدار الأول من هنا (http://dzbatna.net/vb/showthread.php?t=1850254) )عدّل او احذف منها ما شئت لإنشاء صفحتك
المكونات
هيدر
فوتر
محتوى مقسّم إلى :
عمود على اليسار ثابت يتمتع بخاصية fixed يتحرك مع الصفحة خاص بشبكات الاتصال الاجتماعية.
شريط على اليمين لوضع الأزرار أو التصنيفات ويظهر شريط Scroll bar عند الحاجة إليه.
محتوى بالمنتصف لوضع محتوى الصفحة.
مثال حي للصفحة : http://itkni.com/ahmed/CSS3v2
تحميل الصفحة : http://itkni.com/ahmed/CSS3v2/CSS3v2.zip
لك الحرية في التعديل على الصفحة وأكوادها و حذف منها ما تراه مناسباً للخروج بصفحة بشكل تختاره.
لك الحق في نسب حقوق الصفحة لنفسك بعد التعديل عليها وعدم الإشارة لي تماماً.
التصميم لا يظهر بشكله الطبيعي على IE لأن IE لا يدعم CSS3.
لأفضل مشاهدة للتصميم استخدم Mozilla Firefox (http://www.mozilla.com/en-US/firefox/fx/).
لم يتم استخدام أي صورة بالتصميم فقط صفحة index.html & Style.css .
الصور المستخدمة هي صور خارجة عن إطار تصميم الصفحة وإنما هي كإضافات كصور مواقع التواصل الاجتماعية.
الإضافات في الإصدار الثاني :
إضافة تقنية jQuery - ToolTip عند الإشارة إلى الأزرار ومواقع التواصل الاجتماعي.
إصلاح بعض الأخطاء عند ظهور الموقع على IE.
إضافة صندوق للمحتويات بالمنتصف وتقسيمه إلى Posts.
تغيير ألوان الصفحة لألوان أكثر قابلية للاستخدام.
إضافة ظهور خاص للأزرار عند الظهور العادي | الإشارة لها بالماوس | الضغط عليها.
إضافة مواقع التواصل الإجتماعي كصور في العمود الأيسر.
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif CSS3v2.zip (http://www.traidnt.net/vb/attachments/572979d1304884991-css3v2.zip) (141.8 كيلوبايت, عدد مرات المشاهدة 157 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
http://cdn5.tribalfusion.com/media/37536.gif (http://a.tribalfusion.com/h.click/akmyQ8WUQSTHn4mUFxQrJsYTMy3Efl5TMRmEZbCXrb9WHFSnm3 ZcpGMwotfH2aBl5HIy4mZbGnbUZcYGYP1c3V0VvopT7U3bZb2W r7ZaVAMTPqb1PsYrQWBNYtbuTmYy2G3YXr3ZdUAaw2SQSfRgqf I/http://a.tribalfusion.com)
أقدم لكم تكويد لـ Layout صفحة بتقنية CSS3 الإصدار الثاني ( شاهد الإصدار الأول من هنا (http://dzbatna.net/vb/showthread.php?t=1850254) )عدّل او احذف منها ما شئت لإنشاء صفحتك
المكونات
هيدر
فوتر
محتوى مقسّم إلى :
عمود على اليسار ثابت يتمتع بخاصية fixed يتحرك مع الصفحة خاص بشبكات الاتصال الاجتماعية.
شريط على اليمين لوضع الأزرار أو التصنيفات ويظهر شريط Scroll bar عند الحاجة إليه.
محتوى بالمنتصف لوضع محتوى الصفحة.
مثال حي للصفحة : http://itkni.com/ahmed/CSS3v2
تحميل الصفحة : http://itkni.com/ahmed/CSS3v2/CSS3v2.zip
لك الحرية في التعديل على الصفحة وأكوادها و حذف منها ما تراه مناسباً للخروج بصفحة بشكل تختاره.
لك الحق في نسب حقوق الصفحة لنفسك بعد التعديل عليها وعدم الإشارة لي تماماً.
التصميم لا يظهر بشكله الطبيعي على IE لأن IE لا يدعم CSS3.
لأفضل مشاهدة للتصميم استخدم Mozilla Firefox (http://www.mozilla.com/en-US/firefox/fx/).
لم يتم استخدام أي صورة بالتصميم فقط صفحة index.html & Style.css .
الصور المستخدمة هي صور خارجة عن إطار تصميم الصفحة وإنما هي كإضافات كصور مواقع التواصل الاجتماعية.
الإضافات في الإصدار الثاني :
إضافة تقنية jQuery - ToolTip عند الإشارة إلى الأزرار ومواقع التواصل الاجتماعي.
إصلاح بعض الأخطاء عند ظهور الموقع على IE.
إضافة صندوق للمحتويات بالمنتصف وتقسيمه إلى Posts.
تغيير ألوان الصفحة لألوان أكثر قابلية للاستخدام.
إضافة ظهور خاص للأزرار عند الظهور العادي | الإشارة لها بالماوس | الضغط عليها.
إضافة مواقع التواصل الإجتماعي كصور في العمود الأيسر.
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif CSS3v2.zip (http://www.traidnt.net/vb/attachments/572979d1304884991-css3v2.zip) (141.8 كيلوبايت, عدد مرات المشاهدة 157 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
