طريقة عمل استايل منتديات بهيدر جانبي بالصور

~
اولا الطريقه هذي تعتمد على تفكيرك في اخراج الأستايل بشكل غير ..
..
ثانيا نحتاج لعمل اطار جميل عاد انتم تبدعون فيه ويكون خاص للمحتوى ..
بعد مانصمم الأطار ونقوم بتوزيعه مثل اي توزيع راح يكون مثل هذا الشكل ..
,
اضغط ع الصوره للتكبير
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
~
طيب بعد التوزيع علينا نضبط شغلنا للهيدر اللي غالبا مايكون فيه اسم الموقع ..
ولازم نحاول نبدع فيه وبقوه حتى يطلع الشكل رائع مره ..
(طبعا اللي تشوفونه هذا مجرد مثال فقط لا غير حتى توصل الفكره

ادري طولت كلام ..
نرجع لمحور طريقتنا ..
~
الحين الله يسلمكمـ لازم نتجه الى ..
لوحهـ التحكم > الإستايلات والقوالب > التحكم بالإستايلات > الأستايل المراد التعديل عليه >*css رئيسي
..
الحين نشوف الصور اللي راح اضعها وراح يكون فيها الشرح بالترتيب ..
~
1-

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

هذه الصورة تم اعادة تحجيمها . الحجم الافتراضي لها هو 1022x366.

2-

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

هذه الصورة تم اعادة تحجيمها . الحجم الافتراضي لها هو 1022x366.

3-

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

هذه الصورة تم اعادة تحجيمها . الحجم الافتراضي لها هو 1022x366.

4-

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

هذه الصورة تم اعادة تحجيمها . الحجم الافتراضي لها هو 1022x366.

~
طبعا انا ضبطت الأعدادات على هـ الأرقام ..

كود:

Margin: 50px 250px 0px 0px;padding: 0px;

لينتج لي هذا الشكل ..

اضغط ع الصوره للتكبير
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
~
طبعا باقي لنا الخلفيهـ ..
حنا بعد مانضبط الأعدادات على اللي يناسبنا ..
نقوم بتصوير كامل الصفحه واخذ مقاس العرض اللي بنخصصه للهيدر ..
اما بالنسبه للطول يفضل ان يكون بهذا المقاس: 1080
طبعا انا على حسب الأعدادات اللي عملتها فوق ..
بعد الحوسه و الحساب طلع لي هذي المقاسات ..
العرض:250
الطول:1080
وبعدين نضع هذا الكود للخلفيه ..
في > خواص css الإضافية
مع تغيير مايلزمنا ..

اقتباس:

Background-image: Url(smp/logo.png); background-repeat: No-repeat; background-attachment: Fixed; background-position: Top right

;
طبعا الكود انا مخليه يمين ..
لو انت مضبط الأعدادات على اليسار تغير آخر الكلمه الى left ..

~
النتيجه النهـائيه للدرس
,
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
~

و بكذا تكون حصلت على إستايل خفيف و بفكرة جديدهـ :-
* بإمكانك وضع كود خيارات تغير لون خلفية المنتدى أعلى المنتدى لترضي أذواق اعضاءك .
* بإمكانك تركيب هاك القوائم الجانبيه أو الإعلانات أسفل الهيدر.

» طريقة عمل صينية الشاورما بالصور
» بالصور طريقة عمل الشخشوخة الجزائرية
» طريقة عمل دجاج محمر بالفرن على الطريقة الايطالية بالصور