+ + + + +
Share/Save/Bookmark

2008-04-18

وضع خلفيه لرأس المدونة



وضع خلفيه شخصيه لرأس المدونة

background for blog header



اولا وقبل بدأ الشرح فى الموضوع لازم يكون عندنا سيرفر شخصى نرفع عليه ملفاتنا الشخصية زى الصور او الفيديو وغيرها , طيب ازاى نشترك ؟
فى الحقيقة فيه كذا موقع بقدم مساحات مجانا لكن لحسن الحظ ان جووجل العملاق فيه الخدمة دى وهايمنحنا 100 ميجا نستخدمهم فى رفع الملفات , طيب ... عايز تشترك ؟
طبعا انتا معاك حساب فى جوجل هاتدخل http://www.pages.google.com/
وهاتنشأ حساب باسمك ويكونلك 100 ميجا مجانا عشان نرفع عليها الملفات اللى هانستخدمها فيما بعدبعد ماتنشأ الحساب ده هاتلاقى زرار على اليمين ubload

دوس عليه هايطلع زرار browse

اختار الملف اللى هاترفعه وشكرا



طيب .. نخش بقا فى موضوعنا وهو ازاى نعمل صورة خلفية لرأس المدونة


اولا : تجهز الصورة من خلال اى برنامج تحرير صور زى الفوتو شوب او اى برنامج تانى

ثانيا : تظبط مقاس الصورة تخليه 660 بيكسل عرض وحوالى 150 بيكسل طول والمقاسات دى قابلة للتغيير ويمكنك تعديل المقاسات باستخدام هذا البرنامج واللى بيسمحلك كمان انك تغير بين امتدادات الصور


من هنا

جهزت الصورة اللى انتا عايزها ؟

ظبطت المقاس بتاعها ؟

تمام الله ينور عليك نخش عالخطوة التانية



نفتح لوحة التحكم فى المدونة dashboard
layout>template>edit HTML


هانلاقى صندوق الاكواد


دور من فوق ونتا نازل هاتلاقى قطعة الكود دى







#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;


تحت السطور دى بالظبط اضف هذا السطر

background-image: url(URL address of your image);


شيل الحروف باللون الاحمر وحط مكانها لينك الصورة اللى انتا رفعتها على جوجل او اى صورة على الويب




طريقة تانية


dashboard ادخل لوحة التحكم


layout > template > Page Elements
دوس edit اللى فى جزء رأس المدونة




بعد ماتختار هاتظهرلك دى




الاختيار الاول سيجعل الصورة فى الخلفيه وراء التعليق او اى كلام فى رأس المدونة
والاختيار التانى هايخلى الصورة تغطى اى كلام

اختار واحفظ




بس



تحديث
للاجابة عن سؤال الاخ "محمد المصرى" انظر سؤاله فى التعليقات
بخصوص محاذاة الصورة فى الطريقة التانية
هاتبحث عن قطعة الكود - اللى باللون الاحمر - وتضيف السطر اللى باللون الازرق


#header img {
margin-left: 0px;


وده هايعمل "حد" من الجهة اليسرى للصورة
القيمة فى المثال ده " صفر " انت طبعا هاتغيرها براحتك لغاية ما وضع الصورة يتظبط
الجهة برضو ممكن تتغير الى right هو up او down , للجهه اليمنى او العليا او السفلى على الترتيب .
لو عايز تغير اكتر من جهه مفيش مشاكل , اعمل سطر جديد لكل جهه
.



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

23 اضف تعليق , التعليقات:

$PIDER-M@N said...

مرحبا أخ وائل كيف أستطيع وضع صوره فلاش في رأس المدونه أتمنى أن تضع الخطوات و شكرااااااا

Wael said...

spider

اهلا بيك

مشروحة فى موضوع اسمه

" اضافة فلاش الى المدونة "

$PIDER-M@N said...

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

Wael said...

يا سبايدر

اقرا الشرح , ونفذ الخطوات بالنسبة لراس المدونة

بمعنى انك تعمل اداه html فى راس المدونة وتحط فيها الكود

اما لو لم يكن متاح اضافة ادوات فى راس المدونة , فيبقا لازم تقرا الموضوع اللى اسمه " اضافة قطع الى راس المدونة وجسمها " الاول

$PIDER-M@N said...

شكرا لك حبيبي رح أجرب الخطوات و أشوف

رقة الورد said...

تسلم بس لما بحست عن الكود ماطلعشي ايه الحل

رقة الورد said...

معليش رجعت مرة تانية
ازاي أغير لون الخلفية الأساسية حاولت أطبق طريقتك بس مانفعتش معايه
وازاي اعمل محازاه للصورة لأنها كمان مش طالعة كويسة ممكن لو سمحت تزور مدونتي وتشرحلي وشكرا جزيلا
http://urcatty.blogspot.com/

بانتظار مساعدتك وربنا يوفقك دنيا وآخرة

Wael said...

رقة الورد
اعتقد لو قراتى الدروس اللى اسمها " اساسيات لابد منها " الجزء الاول والثانى والثالث بتمعن , هاتقدرى توصلى لتغيير لون الخلفية

على اى حال الخلفيه اسمها background
وكل لون له كود معين مثلا اللون الابيض #ffffff
ده لو حبيتى تبحثى فى صندوق الاكواد بنفسك

Islam Question and answer said...

شرح وافي


أخي ممكن طريقة تركيب

Backgrounds

الخلفية في المدونة

النوذج في الرابط

http://www.thecutestblogontheblock.com/free-backgrounds/item/539/asInline

Wael said...

http://blogger-lu2a.blogspot.com/2008/04/blog-post_5848.html

ده درس خلفية المدونة

اتعامل

Security32...antonious said...

رجاء كبير انا عندى مدونة و كنت نزلت من على النت موقع فلاشى مجانى و عايز اركبو للمدونة ارجو الرد بسرعة

Mohammed said...

thank you for nice information

http://24mix.blogspot.com/

المنتقبة said...

جزاك الله كل خير بجد موضوعك مهم وأفادنى ونجحت فى وضع صورة لرأس مدونتى

باقي أمل said...

ودي اضع خلفيه فلاشيه بس ماضبطت معي مثل شرحك يعني لما سويت معاينه طلع لي الرابط اعلى الصفحه ولم يظهر الفلاش تبع الصوره
علما بان الفلاش والصوره معدل ببرنامج السويش ماكس

الذات said...

حقيقة أشكرك على المعلومات القيمة وقد إستفدت منها كثيرا خاصة و إنني بدأت التدوين و أحببته ولدي الآن أولى مدوناتي التى إستفدت من معلوماتك القيمة في إخراجها .. شكرا لك مجددا .. و أرجو أن لا تبخل علينا بالمعلومات القيمة و دمت

bebi bosha said...

صراحة شرح مميز اتمني زيارة برنامج علي متصفح

Rotana baba said...


رمضان كريم كل عام وانتم بخير

http://www.arabie3lan.com الشيخ الروحاني

Rotana baba said...

I can't stand sleeping in complete silence, so I always have a fan on. Also, I'lll admit that I use my ipod for most of my work day since
http://www.arabie3lan.com الشيخ الروحاني
I spend a lot of it working through paperwork. I also often use it for my walks, though, from time to time, I'll go without it and just listen to the sounds around me and take in the nice weather.

Mai A Tayeh said...

مشكور على هذا الموضوع الرائع
www.you-pic.blogspot.com

Soufiane Noukrach said...

شكرا لك

www.prof-arab.blogspot.com

diyana tabulle said...

www.herzas.net - Domain Parking
الشيخ الروحاني http://www.sheikhrohani.de/

diyana tabulle said...
This comment has been removed by the author.
diyana tabulle said...
This comment has been removed by the author.
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

اضف تعليقك هنا

اضغط على عنوان البوست لتظهر التعليقات