سراب احلامى
ممنوع نقل او اقتباس اى مقال او موضوع او قصيدة من على هذة المدونة الا للاشخاص الذين سمحت لهم بذلك.ومن يفعل غير ذلك ؟؟؟

حصريا وبأنفراد تام على المنتديات العربية(من اجل جمال مدونتك


 

  (بفضل من الله تعالى) 

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

ومن لم يقوم بقراءة هذا الدرس علية قرائتة اولا لكى يستوعب هذا الدرس ايضا ولقد قمت بنشرة مرة اخرى تحت عنوان (تصميم صفحتك الشخصية على جيران)

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

ان استوعبت هذا الدرس جيدا فثق تماما انك ستكون صاحب مدونة جميلة (فانا اريد ان ارى كل المدونات جميلة)مع سهولة وضع الدرس+الشرح+الصور  مش مهم اتعب شوية عشان اخدم كل احبائى على جيران المهم ان المعلومة توصل بسهولة .

نبدا الدرس

الكثير منكم قد دخل على درس تعديل الانماط على المدونة .كما هو واضح من الصورة(وطبعا لم تستفيد من الدرس لانة موضح اسماء متغيرات بس

اسمها اية المتغيرات ديت(الأنماط الانسيابيةCSS)

 


مع هذا الدرس سوف تكون محترف فالقوائم الانسيابية

ركز شوية عشان هندخل فالجد

اولا:عندما تقوم بالضغط على كلمة (تعديل الانماط)يظهر اليك صفحة فيها العديد من الاكواد( اكواد القوائم الانسيابية)سوف اشرح لك كل جزء من اجزاء هذة الاكواد(وانتظر اجمل مفاجأة فى نهاية الدرس فهذة هدية لاحبابى على جيران)

انا هاخدهم جزء جزء

1-اول حاجة هتبدا من عندها-/* المناطق الأساسية*/ (هذا الجزء يحدد خصائص الخلفية للمدونة)هتلقيها مكتوبة عندك

تحتها

 

body {

margin: 0px;

padding: 0px;

border: 0px;

color: #555555;

background: url(http://sitetop.jeeran.com/1389296_l.jpg);

font: tahoma;

 

}

#container {

margin: 0px auto;

padding: 0px;

border: 0px;

width: 737px;

font-size:90%;

text-align: right;

direction: rtl;

}

هتلقى جنب كلمة background


كود لون ممكن تغيرة اوتقوم بعمل خلفية صورة باضافة الوصلة للصورة بجانب

background

كما فالصورة السابقة



 

كل اللى يهمك من الكود دوت


1-انت محتاج تغير لون الخلفية بتاعت المدونة كلها لون سادة ودوت عبارة عن الكود دوت(#555555)

الكود دوت عبارة عن لون خلفية مدونتك وانا بشرح على مدونتى دلوقتى (يعنى لو لقيت الكود متغير عندك جنب كلمة color عادى دوت عبارة عن لون (مثلا عاوز تغير اللون دوت لاى لون تانى يبقى اكيد هتغير الكود دوت عشان انا قولت الكود دوت عبارة عن لون

طيب واحد يسئلنى اجيب الكود بتاع اللون اللى انا عاوزة منين

ااقوللك هى ديت المفاجئة (برنامج جميل جدا جدا )تحدد اللون يديك الكود (سهلة مش كدة)

البرنامج انتاج شهر3/2008جديد وقوى جدا وسهل جدا

نرجع للدرس

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

ااقولة سهلة جدا جدا

تحت كلمة اللون color: #555555;

هتلقى كلمة

Background ديت جمبها لينك (وصلة نت)

هترفع الصورة اللى انت عاوزها خلفية على المدونة عندك مثلا اكنك هتكتب مقال جديد واعمل اضافة صورة واعملها تحميل لما هتضغط على الصورة هتديك وصلة على جيران  خدها كوبى وجنب كلمة Background  ركز هنا

هتلقى الوصلة الاساسية بين  قوسين وقبلها url

انت هتاخد وصلة الصورة اللى حملتها وتحطها مكان الوصلة اللى بين قوسين بس .يعنى هتسيب url زى ما هى واللى بعد القوسين زى ما هو (شغللك كلة داخل الاقواس

كدة اول جزئية انا هديك المهم

**الجزء التانى

 

/*راس التصميم للمدونة*/

 

#blog-header {

color:#FFA1FF;

background: url(http://sitetop.jeeran.com/heade22r.GIF);

margin: 0px auto;

border: 0px;

padding: 9px 10px 0 10px;

height: 125px;

word-wrap: break-word;

}

#blog-title  {

font-size: 30px;

padding: 0px 20px 0px 20px;

margin: 0px;

color: #ffffff;

word-wrap: break-word;

}

#blog-description  {

font-size: 20px;

padding: 0px 20px 0px 20px;

margin: 0px;

word-wrap: break-word;

}

يعنى اية راس التصميم للمدونة (يعنى بداية الصفحة زى صفحتى ديت)الجزء دوت


ديت كدة راس المدونة الجزء دوت

 

هتلقية بردك نفس القصة بتاعت الجزء الاول color:#FFA1FF

خليك فاكر

عاوز راس المدونة خلفية سادة باى لون يبقى هتشتغل بالاكواد والالوان اللى فالبرنامج وتحدد اللى انت عاوز وتغير الكود وخليك فاكر شكل الكود بياخد الاشكال ديت#FF1FF

طيب واحد يقولى عاوز صورة بدل اللون زى راس المدونة بتعتك

ااقوللك سهلة جدا

هتلقى كلمة background

نفس القصة بتاعت الخلفية (اوعى تكون نسيت)وهتلقى جنبها لينك هترفع صورتك اللى انت عاوزها وتحط اللينك بتعها بين الاقواس

ملحوظة:-فالجزء دوت هتلقى margin: 0px;

color: #ffffff;

                               الكود اللى جنب كلمة color: دوت عبارة عن لون اسم مدونتك والوصف  ممكن تغيرة لاى لون تانى من البرنامج وتنسخ كود اللون اللى عجبك بدل الكود اللى موجود فالمربع

وانا افضل ان تكون راس المدونة صورة وسوف اقوم بتصميم 50صورة غدا ان شاء لتناسب جميع الازواق وانا فى مساعدة  اى احد فى اى وقت(فضل من الله)

/*قسم السجل الشخصي*/

 

#profile-box    {

width: 200px;

background:#fce6ad;

text-align: right;

direction: rtl;

margin: 0px 10px 0px 10px;

word-wrap: break-word;

}

#profile-name {

padding: 5px 5px 5px;

word-wrap: break-word;

}

.profile-image

{

 border: 2px;

 width: 76px;

 align: center;

}

#profile-description

{

padding: 5px 5px 5px;

word-wrap: break-word;

}

يعنى اية قسم السجل الشخصى دوت

هو دوت قسم السجل الشخصى


ممكن تغير لونة لاى لون تحبة من البرنامج عن طريق تغير الاكواد

باقى الاجزاء من ذللك المربع هى تعديل على الخط وسوف اقوم بطرح موضوع اخر علية.

               والان مع الهدية

البرنامج اسمة Skybound Stylizer 3.0جديد فى عالم القوائم الانسيابية

 

اول ما تفتح البرنامج هديك الرسالة ديت


هتنزل بالسهم وتبقى زى ديت


واضغط اوكى هتفتح معاك الصفحة الجميلة ديت


اضغط على كلمة كليك هير( لونها ازرق)

هتفتح معاك صفحة اجمل اللى هى ديت

 

هتكتب عنوان مدونتك فالمربع اللى انا معلم علية فالصورة (لينك المدونة مش الصفحة الشخصية)واضغط انتر

على الشمال هتفتح معاك صفحة  مدونتك على البرنامج ولو النت ضعيف عندك ومش فتحت الصفحة على البرنامج اشتغل على البرنامج عادى وعلى اليمن دوت البرنامج بقى


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

هتفتح معاك ديت


هتلقى فوق اللون اللى جة علية الماوس وجنبة الكود اللى بتنسخة بدل الكود اللى على المدونة (فمربع الانماط)

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

واحد يقولى افرض انا مش عجبنى ولا لون من اللى موجود على البرنامج وعجبنى لون موجود على موقع او صورة عندى على الجهاز

الحل سهل شايف الايقونة اللى انا معلم عليها ديت واخدة شكل جهاز كمبيوتر تحت افتح الصورة او الموقع اللى انت عاوز تاخد لون من علية واضغط على الايقونة ديت هيفتح معاك عدسة متحركة لما تروح بالماوس على اللون هيكتب ليك الكود(اى خدمة يا غالى)


طريقة تحميل البرنامج

هتدخل على موقع الشركة http://www.skybound.ca/stylizer/buy/?referrer=program

هتفتح معاك الصفحة ديت

بعد فتح الصفحة قم بالضغط على كلمة دونلود (فمربع ارزق فوق

ثم قم بكتابة بيناتك والاميل يجب ان يكون صحيح ثم اضغط على سيجن اب دونلود


وبكدة يكون عندك البرنامج تستخدمة 14يوم لحين الانتهاء من صناعة الكراك لهذا العملاق

         الحمد لله على اتمامى لهذا الموضوع

          والحمد والشكر لة كثيرا على منة العلم

ولا تنسو الدعاء لى ولكافة المسلمين فى مشارق الارض ومغاربها

واخر دعونا ان الحمد لله

اخوكم

محمود نجم

(27) تعليقات


أضف تعليقا

اضيف في 14 ابريل, 2008 08:31 ص , من قبل bntalnoor2008
من اليمن

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


اضيف في 14 ابريل, 2008 09:07 ص , من قبل ehab116
من مصر

السلام عليكم عجزت يدى عن وصف ما اشعر بة من شكر وتقدير لشخص عزيز بجد شكرا يا محمود بس فى سؤال رفيع ازاى عملت الاغنية كدة بتشتغل لوحدها وكمان شكل البرنامج حلو مش تقليدى ودة العادى بتاعك وشكرررررررررررررررررا


اضيف في 14 ابريل, 2008 09:09 ص , من قبل yolafamely64
من سوريا

أخي الكريم محمود
الله يجزيك الخير ده انت ريحتنا كتير
كل يوم بنفتح صفحة التصميم و ما بيطلعش معانا حاجة
أنا شخصيا أقوم الآن بتطبيق الدرس خطوة خطوة
و أدعو كل من يرى صفحتي بعد تطبيق الدرس عليها و أرجو أن أنجح بذلك و تظهر بصورة جميلة أن يدعو لأخي محمود بوافر الصحة و أن يمده الله بمزيد من العلم و الابداع...
ليمدنا أيضا....
لك شكر و احترام كبير


اضيف في 14 ابريل, 2008 11:32 ص , من قبل alaiade
من مصر

الاخ العزيز محمود.. افادك الله علي هذا المجهود الرائع وعلي هذا الاسلوب السلس.ساعود الي مدونتك لاحقا تحياتي وشكري..محمد مهير العيادي


اضيف في 14 ابريل, 2008 11:39 ص , من قبل yolafamely64
من سوريا

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


اضيف في 14 ابريل, 2008 01:13 م , من قبل nasma83
من فلسطين

مش عارف ايش احكي وكيف اشكرك عنجد موضوع في غاية الروعة الجميع بحاجة اله
وان شاء الله حتعلم منه وحترتاح مني كمان ومن اسئلتي

جزاك الله كل خير على مجهودك الرائع والله يعطيك الف عافية

تقبل مروري المتواضع


اضيف في 14 ابريل, 2008 02:16 م , من قبل sitetop
من مصر

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


اضيف في 14 ابريل, 2008 02:18 م , من قبل sitetop
من مصر

اخى وصديقى العزيز/ايهاب
دومت بصحة وسعادة وشكرا على مرورك الجميل
اما بخصوص وضع اغانى على الصفحة فهذا سيكون الدرس القادم ان شاء الله
اخوك
محمود نجم


اضيف في 14 ابريل, 2008 02:20 م , من قبل sitetop
من مصر

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


اضيف في 14 ابريل, 2008 02:22 م , من قبل sitetop
من مصر

اخى وصديقى العزيز/محمد
شكرا على مرورك العطر ودومت بصحة وسعادة
وادعو الله ان يجمعنا على الخير وخدمة المسلمين دائما
اخوك
محمود نجم


اضيف في 14 ابريل, 2008 02:24 م , من قبل sitetop
من مصر

اختى العزيزة /ام همام
لكى شكرى وتقديرى انا لم وتصميمى لمدونتك هدية من اخ لاختة
بارك الله فيكى ودومتى بخير
اخوكى
محمود نجم


اضيف في 14 ابريل, 2008 02:27 م , من قبل sitetop
من مصر

اختى العزيزة /نسمة
شكرا على مرورك العطر واتمنى لكى الاستفادة من مدونتى المتواضعة
ولكن انا فى خدمة اى احد يطلب المساعدة
فكيف اتاخر عن اختى الغالية
اخوكى
محمود نجم


اضيف في 14 ابريل, 2008 02:58 م , من قبل butairia
من المملكة العربية السعودية

اهلا بك جاري العزيز

بس ياليت تسوي تصميم اكثر جمالاً لصفحتك ... لانها بصراحة مره ملخبطه

شكراً


اضيف في 14 ابريل, 2008 04:13 م , من قبل sitetop
من مصر

اخى العزيز/butairia
هى الصفحة مش ملخبطة بس فية ناس بتشوف الحجات ملغبطة لما يكون نظرها ضعيف
يعنى لو لبست النضارة بتاعت النظر اكيد هتشوفها مقلوبة وهتعجبك
وكمان انا مش بعتللك دعوة عشان تيجى تقولى صفحتك ملغبطة انا بعتللك درس واكيد مش فهمتة. انت عاوز تعلق باى حاجة وخلاص لانك لو فهمت قيمة الدرس مش هتعلق بالاسلوب دوت
وشكرا ليك
اخوك
محمود


اضيف في 14 ابريل, 2008 04:59 م , من قبل alialdabagh
من Satellite Provider

اخي الغالي محمود سلمك الله
معلومات اغلبنا نحتاج لها شكرا جزيلا


اضيف في 14 ابريل, 2008 05:18 م , من قبل sitetop
من مصر

اخى العزيز/على
شكرا على مرورك العطر ودومت بصحة وسعادة
اخوك
محمود نجم


اضيف في 14 ابريل, 2008 06:30 م , من قبل km21960

اخي العزيز
ان ماقدمته لشي رائع وخدمه جليله ورائعه لاكنه تحتاج الى دراسه موسعه
ساعود ثانيا وثالثا الى ان استفيد
تحياتي كمال الهاشمي


اضيف في 14 ابريل, 2008 06:33 م , من قبل sitetop
من مصر

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


اضيف في 14 ابريل, 2008 07:12 م , من قبل sara2288
من النرويج

اللة يعطيك العافية اخي محمود على هذا الموضوع الحلو انا كنت محتاجة كتير الها دمت دايما متالقا
اختك سارا


اضيف في 14 ابريل, 2008 07:20 م , من قبل sitetop
من مصر

اختى العزيزة/سارة
شكرا على مرورك العطر ودومتى بصحة وسعادة
لكى شكرى وتقديرى دائما
اخوكى
محمود نجم


اضيف في 14 ابريل, 2008 08:13 م , من قبل yafa64
من الأردن

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


اضيف في 14 ابريل, 2008 09:54 م , من قبل sitetop
من مصر

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


اضيف في 17 ابريل, 2008 05:48 ص , من قبل mgn7
من كندا

الله يعطيك العافية على الموضوع المفيد


اضيف في 17 ابريل, 2008 05:48 ص , من قبل mgn7
من كندا

الله يعطيك العافية على الموضوع المفيد


اضيف في 17 ابريل, 2008 06:03 ص , من قبل sitetop
من مصر

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


اضيف في 17 ابريل, 2008 06:57 م , من قبل sosocool88
من المملكة العربية السعودية

عزيزي

الله يعطيك الف عافيه على الموضوع

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

الله يقدرني واعمله

تقبل مروري

سوسو


اضيف في 17 ابريل, 2008 07:45 م , من قبل sitetop
من مصر

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




أضف تعليقا

<<الصفحة الرئيسية