الويب العربي - كيف تم تصميم هذا الاستايل يوجد صورة

الويب العربي (http://www.arabwebtalk.com/index.php)

- تبادل خبرات التصميم (http://www.arabwebtalk.com/forumdisplay.php?f=58)

- - كيف تم تصميم هذا الاستايل يوجد صورة (http://www.arabwebtalk.com/showthread.php?t=76300)

كيف تم تصميم هذا الاستايل يوجد صورة

شاهدت في الفترة ستايلات جميلة وهي عبارة عن استايل في وسط الصفحة وأعمدة عريضة ثابتة

يمين ويسار المنتدى كما في الصورة التالية .

وبصراحة حاولت أعرف الطريقة ولا عرفت وبحثت في أكثر من منتدى ولا لقيت أي درس يتعلق بهذه

الطريقة في تصميم الاستايل

كله فرش :D

بس شلون تصميم ستايل فيه العديد من الدروس

يمكنك تطبيق احد الدروس وتسوي احسن من الستايل هذا

إقتباس:

اقتباس من مشاركة هويتك (المشاركة 436698)

كله فرش :D

بس شلون تصميم ستايل فيه العديد من الدروس

يمكنك تطبيق احد الدروس وتسوي احسن من الستايل هذا

أحي الكريم شكرا على مرورك

يمكن ماعرفت وش أقصد ، أنا الحمد لله أعرف أصمم ستايل مثل هذا ويمكن أفضل ، لكن سؤالي كيف أقطعه وأركبه على المنتدى ليكون كما في الصورة الموجودة في الموضوع الأول

( يعني أعمدة عريضة ثابتة يمين ويسار المنتدى بينما أقسام المنتدى هي التي تتحرك طلوعا ونزولا )

السلام عليكم

اخي تصميم الستايل بسيط و لا يوجد اعمدة عريضة كما تقول هذا الستايل بعتمد على تصميم ستايل بمقاس محدد ( غير متمدد )
و هناك طريقتين لعمله احداها يحتاج شرح بالصور ولكني سأعطيك فكرة عن الطريقة الأسهل
و هي بعمل تصميم بعرض يكون ما بين 780 الي 800 بيكسل و تقطيعة بالطريقة المناسبة لك و بعد الإنتهاء توجه الى الفرونت بيج
لتركيب الصور و سيكون عليك تحديد عرض الـ Table بعرض التصميم لديك في الفوتو شوب و ليكن 800 وقم بتركيب الستايل على المنتدى كما هو سيتبقى عليك وضع ما تسميه بالأعمده العريضة الثابته
و ما هي الى مجرد خلفية للمنتدى لكن مصممة بشكل بناسب المنتدى و غير مكررة بعد تصميم الخلفية توجه الى خصائص الستايل
و ضع في ( خلفية المنتدى/Body ) في صندوق خواص CSS الإضافية هذا الكود التالي

كود:

background-image: url(ضع بين القوسين مسار الخلفية);

background-repeat: repeat-x;

background-attachment: fixed;

background-position: center top;

وقد يتوجب عليك تغير بعض المتغيرات حسب التصميم

تقبل تحياتي عزيزي

إقتباس:

اقتباس من مشاركة DarkStyle (المشاركة 437817)

كود:

background-image: url(ضع بين القوسين مسار الخلفية);

background-repeat: repeat-x;

background-attachment: fixed;

background-position: center top;

وقد يتوجب عليك تغير بعض المتغيرات حسب التصميم

تقبل تحياتي عزيزي

ألف ألف شكر لك أخي الكريم وضحت الفكرة وتم تجربتها ونجحت بالفعل

ألف شكر لك مرة أخرى .