الدرس الثالث من دوره تصميم الاستايل بتقنيه (css)

قناص جوبا · #1 (**permalink**) 11-24-2009

السلام عليكم ورحمه الله
النهارده ان شاء الله الدرس الثالث من دوره تصميم الاستايلات بتقنيه ال css

الدرس عباره عن توزيع الايطارات شرح مصور وفيديو
وللعلم يمكن الاكتفاء بالشرح المصور واما الفيديو فلزياده تاكيد فقط
ملحوظه لازم اللى يتابع الدرس ده يكون متابع الدرس الثانى على الرابط
http://vbegy.info/vb/t689.html

ناتى الى الشرح الفيديو
http://vbegy.info/up/css_3.zip

منتديات فى بى ايجى التطويرية
http://vbegy.info/vb

الموضوع الاصلى من هنا

هبهوبة · 11-24-2009

السلام عليكم ورحمة الله وبركاته
بارك الله فيك اخي الغالي
الشرح مميز وراااائع بمعنى الكلمة
لكن استفساري بسيط في توزيع الاعمدة
ازاي هنختار صورة تمدد العمود واحنا كاتبين Background
مش كاتبين Background-images
??

انا كتبتها بالطريقة ده

اقتباس:

background-image:url('../../../AppServ/www/vb/orange-css/images/frames-orange-css_09.jpg');
height:100%;}

ومنفعش

وبالطريقة الفي الشرح كتبتها كتابة لان مش بتطلع اصلا قوائم والبرنامج بيقول خطا ؟

قناص جوبا · 11-24-2009

لا زى مانا بقول
background ومهم هنا كله اسمول مفيش كاتبتل زى مانتى كاتبه
اول ما تكتبيها تكتبى بعديها : ودى بتتعمل ب كنترول + حرف الكاف بس طبعا بالانجلش
وبعدين تختارى لون وليكن الاسود وبعدين تدوسى مسافه وبعدين تختار صوره العمود وبعدين تدوسى مسافه بعدين تكتبى repeat-y وبعدين تدوسى مسافه وبعدين تكتبى left وبعدين تختمى السطر ب ;

هبهوبة · 11-25-2009

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

كود:

.f_g_1{
    background-color:#FBEBCA;
    height:100%;
    
}

.f_g_2{background:url('../../../AppServ/www/vb/orange-css/images/frames-orange-css_09.jpg') repeat-y right;
height:100%;
    
}

.f_g_3{background:url('../../../AppServ/www/vb/orange-css/images/frames-orange-css_07.jpg') repeat-y left;
height:100%;
}

وبالنسبة للكلاس f_h4
انا مش هعمله فهل دا بيأثر في حاجة ؟ لان انا تقطيعي عبارة عن جزء ايمن وجزء ايسر ونقطة تمدد بس
وكمان الشكر هو مظبوط في البرنامج بس لما احفظه كصفحة HTML للمعاينة بيبقى في مسافات بين الاعمدة ومسافات في اماكن غريبة
والف شكر بجد
معلش تعبناك معانا

قناص جوبا · 11-25-2009

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

هبهوبة · 11-25-2009

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

قناص جوبا · 11-25-2009

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

همس الأطياف · 11-25-2009

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

Y A S S I N E · 11-26-2009

ألف شكر لك يا غالي كفيت و فيت درس جميل
و في أنتضار درس وضع الروابط على الهيدر << اضنه مرتفع في درجة الصعوبة ههه
ان شاء الله خير ..
و عيد مبارك سعيد ..

قناص جوبا · 11-26-2009

لا يا غالى ان شاء الله مش صعب ولا حاجه
بس فين تطبيقك

11-24-2009	رقم المشاركة : [3 (permalink)]
قناص جوبا VB EGY	لا زى مانا بقول background ومهم هنا كله اسمول مفيش كاتبتل زى مانتى كاتبه اول ما تكتبيها تكتبى بعديها : ودى بتتعمل ب كنترول + حرف الكاف بس طبعا بالانجلش وبعدين تختارى لون وليكن الاسود وبعدين تدوسى مسافه وبعدين تختار صوره العمود وبعدين تدوسى مسافه بعدين تكتبى repeat-y وبعدين تدوسى مسافه وبعدين تكتبى left وبعدين تختمى السطر ب ;
قناص جوبا VB EGY	التوقيع: لا اله الا الله .. محمد رسول الله فى بى ايجى منتديات فى بى ايجى دليل مواقع فى بى ايجى مركز رفع فى بى ايجى مدونه فى بى ايجى التقنيه للمراسله فقط ولا نقبل اى اضافات vbegy.info@gmail.com vbegy@vbegy.info قريبا موقع تكويد لخدمها التكويد والاستضافه غائب لسفرى للسعوديه حتى الثالث من شوال

11-25-2009	رقم المشاركة : [4 (permalink)]
هبهوبة مؤسسه المنتدى	شكرا للمتابعة هي ظبطت بس بعد ما شلت اللون خالص ودا بقى شكل الاكواد من اول الخلفية كود: .f_g_1{ background-color:#FBEBCA; height:100%; } .f_g_2{background:url('../../../AppServ/www/vb/orange-css/images/frames-orange-css_09.jpg') repeat-y right; height:100%; } .f_g_3{background:url('../../../AppServ/www/vb/orange-css/images/frames-orange-css_07.jpg') repeat-y left; height:100%; } وبالنسبة للكلاس f_h4 انا مش هعمله فهل دا بيأثر في حاجة ؟ لان انا تقطيعي عبارة عن جزء ايمن وجزء ايسر ونقطة تمدد بس وكمان الشكر هو مظبوط في البرنامج بس لما احفظه كصفحة HTML للمعاينة بيبقى في مسافات بين الاعمدة ومسافات في اماكن غريبة والف شكر بجد معلش تعبناك معانا التعديل الأخير تم بواسطة هبهوبة ; 11-25-2009 الساعة 11:21 AM.
هبهوبة مؤسسه المنتدى

11-25-2009	رقم المشاركة : [5 (permalink)]
قناص جوبا VB EGY	اول حاجه التطبيق للخلفيه والاعمده صح تمام بس فين الحشو اللى تكلمنا عنه وبالنسبه للكلاس f_h4 ده فى حاله انه كان فيه صوره وسطى وكل واحد وتسمتيه اما انتى فعندك تلت كلاسكات بس والمسافه اللى انتى شوفتها متقلقيش بيها هى بيكون شكلها كده فى اى صفحه html اما فى الاستايل هيكون مظبوط
قناص جوبا VB EGY	التوقيع: لا اله الا الله .. محمد رسول الله فى بى ايجى منتديات فى بى ايجى دليل مواقع فى بى ايجى مركز رفع فى بى ايجى مدونه فى بى ايجى التقنيه للمراسله فقط ولا نقبل اى اضافات vbegy.info@gmail.com vbegy@vbegy.info قريبا موقع تكويد لخدمها التكويد والاستضافه غائب لسفرى للسعوديه حتى الثالث من شوال

11-25-2009	رقم المشاركة : [6 (permalink)]
هبهوبة مؤسسه المنتدى	اوك الف شكر ليك بالنسبة للحشو ده كانت الاكواد قبل ما اكمل الشرح ودلوقتي كله تمام بارك الله فيك
هبهوبة مؤسسه المنتدى

11-25-2009	رقم المشاركة : [7 (permalink)]
قناص جوبا VB EGY	اوك تمام كده الدرس القادم ان شاء الله هيكون وضع الروابط على الاستايل لانه شويه محتاج تركيز ويكون فى درس لوحده
قناص جوبا VB EGY	التوقيع: لا اله الا الله .. محمد رسول الله فى بى ايجى منتديات فى بى ايجى دليل مواقع فى بى ايجى مركز رفع فى بى ايجى مدونه فى بى ايجى التقنيه للمراسله فقط ولا نقبل اى اضافات vbegy.info@gmail.com vbegy@vbegy.info قريبا موقع تكويد لخدمها التكويد والاستضافه غائب لسفرى للسعوديه حتى الثالث من شوال

11-25-2009	رقم المشاركة : [8 (permalink)]
همس الأطياف عضو جديد	جهود جميلة بحق وحقيقي ومن متابعين كل جديد وإن شاء الله راح أستفيد منه كثير في توزيع الإستايلات وجاري التطبيق على تصميم جديد لي إن شاء الله والله اوفقكم وبشوق إنتظار الدرس الجديد بعد يومين إن شاء الله بالتوفيق
همس الأطياف عضو جديد

11-26-2009	رقم المشاركة : [9 (permalink)]
Y A S S I N E عضو نشيط	ألف شكر لك يا غالي كفيت و فيت درس جميل و في أنتضار درس وضع الروابط على الهيدر << اضنه مرتفع في درجة الصعوبة ههه ان شاء الله خير .. و عيد مبارك سعيد ..
Y A S S I N E عضو نشيط	التوقيع: ' ' ماذا ؟؟

11-26-2009	رقم المشاركة : [10 (permalink)]
قناص جوبا VB EGY	لا يا غالى ان شاء الله مش صعب ولا حاجه بس فين تطبيقك
قناص جوبا VB EGY	التوقيع: لا اله الا الله .. محمد رسول الله فى بى ايجى منتديات فى بى ايجى دليل مواقع فى بى ايجى مركز رفع فى بى ايجى مدونه فى بى ايجى التقنيه للمراسله فقط ولا نقبل اى اضافات vbegy.info@gmail.com vbegy@vbegy.info قريبا موقع تكويد لخدمها التكويد والاستضافه غائب لسفرى للسعوديه حتى الثالث من شوال

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

LinkBacks (?) LinkBack to this Thread: http://vbegy.info/vb/t721.html
أرسلت بواسطة	For	Type	التاريخ
الدرس الثالث من دوره تصميم الاستايل بتقنيه (css) - مرسى الفي بي	This thread	Refback	06-13-2010 10:01 PM
الدرس الثالث من دوره تصميم الاستايل بتقنيه (css) - Traweq : : Css :: Web3 ::	This thread	Refback	12-01-2009 04:59 PM

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

الدرس الثالث من دوره تصميم الاستايل بتقنيه (css)

دوره فى بى ايجى لتصميم الاستايل بتقنيه css