طلب دروس تصميم استايل غير متمدد

[اجنني صبر الحوراء]

اللهم صلِّ على محمد وآل محمد وعجّل فرجهم

السلام عليكم


بعد ما اتقنا وتميزنا بتصميم الاستايل المتمدد

ببركة الدروس التي تعلمناها هنا

من الاخ هاجس ليل

نطمع ان يعلمنا

اتقان تصميم الاستايل الغير متمدد ذو الخلفية الثابته

ونسأل الله ان يوفقه لكل خير

[هاجس ليل]

عن طريقة تصميم ستايل ثابت، رغم انه لا يحتاج الى الكثير من الجهد مثل الستايل المتمدد..


لذلك افضل ان اطرح لكم موضوع يشمل النقاط المهمه ان شاء الله.. لتفادي المشاكل!


بعد التقطيع والتركيب على المنتدى.


....


أولا:


مقاسات الستايل الثابت الافضل هي:


العرض: 776 بكسل


الارتفاع: لك الحرية في اختيار ما يناسبك.


كما في الصورة التالية:


http://www.msmmy.org/up/uploads/images/msmmy-5084af433f.gif


....


بعد تصميم الهيدر والفوتر اولاً..


كما في الصورة التالية:



http://www.msmmy.org/up/uploads/images/msmmy-b43fca9530.gif





نقطع التصميم الى ثلاثة اجزاء:


1- هيدر.


2- صورة لن نحتاج اليها.


3- فوتر.


كما في الصورة التالية:



http://www.msmmy.org/up/uploads/images/msmmy-f73d5434ec.gif



اي اننا لا نحتاج سوى الصورة رقم [1] و [3]


الصورة رقم [1] = الهيدر


http://www.msmmy.org/up/uploads/images/msmmy-26290b7a96.gif




الصورة رقم [3] = الفوتر


http://www.msmmy.org/up/uploads/images/msmmy-11be009f5b.gif



........



ولتحميل الشرح بالفيديو لطريقة التوزيع في الفرونت بيج!


وتركيب الهيدر والفوتر على ستايل المنتدى بعد التوزيع
هذه المشاركة تحتوي على محتوى مخفي



.....



اما بالنسبة لطريقة عمل حدود.. عن يمين وشمال الاقسام!


كما في الصورة التالية:


http://www.msmmy.org/up/uploads/thumbs/msmmy-9ffb74a86d.gif (http://www.msmmy.org/up/uploads/images/msmmy-9ffb74a86d.gif)
اضغط على الصورة لتشاهدها بحجمها الكامل!




فهذا يعود الى الخلفية! للمنتدى؟ وليس للتصميم!


لنشاهد الخلفية معاً.. لتتضح لنا الفكرة http://www.msmmy.com/vb/images/smilies/1.jpg


http://www.msmmy.org/up/uploads/thumbs/msmmy-8aeb4969a8.gif (http://www.msmmy.org/up/uploads/images/msmmy-8aeb4969a8.gif)
اضغط على الصورة لتشاهدها بحجمها الكامل!



من الطبيعي ان يكون السؤال منكم الان..


س/ كيف اضع خلفية ثابتة للمنتدى؟


الجواب: سبق شرحة في هذا القسم، وتمنياتنا ان تستعملوا البحث!


للوصول الى استفساراتكم.

[هاجس ليل]

هذي من الطرق لوضع خلفيه للمنتدى للفائده والتوضيح..

×
×

تضع هذا الكود ...
#F4FCFE; background-image: url("images/back.jpg")

http://www.traidnt.net/vb/attachments/13406d1124096788-back.jpg
×

في Extra CSS Attributes

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

[اجنني صبر الحوراء]

مشكوور اخي بارك الله فيكم

االشرح وافي ان شاء الله رغم عدم ظهور بعض الصور

جاري التجربة والتطبيق

وفقكم الله وجزيتم خيرا