انتهيا سلفا من الدرس الاول والذى كان يتحدث عن تصميم صفحتك الشخصية على جيران ومن لم يقوم بقراءة هذا الدرس علية قرائتة اولا لكى يستوعب هذا الدرس ايضا ولقد قمت بنشرة مرة اخرى تحت عنوان (تصميم صفحتك الشخصية على جيران)
اما درسنا اليوم فهو خاص (بتصميم المدونة ) من حيث الشكل العام (ليس الاشكال المتوفرة على جيران )بل تصميم خاص بك شخصيا يوضح الكثير عن شخصية صاحب المدونة
ان استوعبت هذا الدرس جيدا فثق تماما انك ستكون صاحب مدونة جميلة (فانا اريد ان ارى كل المدونات جميلة)مع سهولة وضع الدرس+الشرح+الصور مش مهم اتعب شوية عشان اخدم كل احبائى على جيران المهم ان المعلومة توصل بسهولة .
نبدا الدرس
الكثير منكم قد دخل على درس تعديل الانماط على المدونة .كما هو واضح من الصورة(وطبعا لم تستفيد من الدرس لانة موضح اسماء متغيرات بس
اسمها اية المتغيرات ديت(الأنماط الانسيابية – 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يوم لحين الانتهاء من صناعة الكراك لهذا العملاق
الحمد لله على اتمامى لهذا الموضوع
والحمد والشكر لة كثيرا على منة العلم
ولا تنسو الدعاء لى ولكافة المسلمين فى مشارق الارض ومغاربها
واخر دعونا ان الحمد لله
اخوكم
محمود نجم
أضف تعليقا
من مصر

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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






















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