انشاء ملف css جديد لصور الاستايل

ابـن غياث · 01-01-2008, 11:03 مساءً

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

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

في البدايه نحتاج لصنع ملف جديد css ونسميه بأي اسم انا اخترت
ssdaa.css

بعدها نفتح ملف style.css ونضع في البدايه

كود:

@import "ssdaa.css";

معناها جلب الملف داخل ملف style.css بدون استخدام وسم

كود:

<link rel="stylesheet" type="text/css" href="mkportal/style.css" />

وسط وسوم head في ملف الاستايل هذي الطريقه مهمه وراح تفتح لكم ابواب كثيره في المستقبل من الممكن استغلالها وتطويعها

بعد ما قطعنا الاستايل راح ينتج لنا مجلد images وملف html بجانبه وهذا هو المطلوب

نفتحه بداخل برنامج Expression Web

بنشاهد وسوم css مابين

كود:

<style type="text/css">

و

كود:

</style>

ننسخها كامله ونضعها في الملف اللي انشئناه ssdaa.css او حسب ما سميتوه

الآن نفتح صفحه جديده في برنامج Expression Web عن طريق الضغط على ctrl+n

بنشاهد اسفل على اليمين قائمة css نختار مثل مافي الصوره

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

بعدها نختار الملف الجديد ونحضره داخل الصفحه حتى نعدل عليه

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

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

ابن غياث

كرم العربي · 01-01-2008, 11:08 مساءً

رائع ابن غياث
شكرا لك وننتظر الدرس القادم

ADMIN · 01-02-2008, 06:15 صباحاً

قواك الله ياابن غياث

وبإنتظار باقي السلسله

ابـن غياث · 01-03-2008, 12:58 صباحاً

كرم العربي و admin حياكم الله

وبكره بإذن الله نبدى في المرحله الثاني التركيب بتكون مثل المرحله الاولى كل يوم او يومين نازل درس جديد

GoLdEN QuIlL · 01-04-2008, 12:04 صباحاً

^_^

<<< المستخدم هذا تنح تتنيحه مو طبيعية ><

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

ابن غياث اذا لازم البرنامج فحتأخر في التطبيق على بال مااحمله لانه حجمه كبير بالنسبة ليا =(

فالعفو منك اخوي

ابـن غياث · 01-04-2008, 07:54 صباحاً

GoLdEN QuIlL اتبعي الجزء الاول من الشرح انشاء ملف css مع ربطه بالملف الافتراضي مع الاستايل ونسخ الاكواد ولصقها في الملف الجديد فقط

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

دقايق ونازل درس تركيب الهايدر للمجله

GoLdEN QuIlL · 01-06-2008, 07:47 صباحاً

السلام عليكم ورحمة الله وبركاته

اول اعتذر على الـتأخير بس قصم مو مني مدري الموقع مو راضي
يفتح معايا مدري المشكلة من عندي والا من نفس الموقع =(

بالنسبة للتطبيق ^_^

انا حطيت مجلد الصور وصفحة html وملف saven7.css وملف style.css في مجلد واحد

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

مدري كذا شغلي تمام والا مو ><

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

<<< ياكثر هرجك

انا ارفقت ملف saven7.css
وصورة المجلد

يعطيك العافيه اخوي والف شكر لمجهودك الرااائع

احترامي وتقديري

ابـن غياث · 01-06-2008, 08:29 صباحاً

حتى انا عانيت من الدخول للموقع

saven7.css خطأ الاكواد اللي بداخله المطلوب الاكواد مثل اللي في الصوره التاليه بدون وسوم html

لاحظي الفرق بينهم ومكانهم وين ركزي شوي على الشرح او افتحي ملف style.css وقارني بينهم طريقة كتابة الاكواد نفسها ؟؟

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

GoLdEN QuIlL · 01-06-2008, 07:16 مساءً

السلام عليكم

يعطيك العافيه ابن غياث
والف شكر على ردك

اقتباس:

او افتحي ملف style.css وقارني بينهم طريقة كتابة الاكواد نفسها ؟؟

ماعرفت ايش يعني اقارن بينهم بين ايه وايه

انا مسحت كله وخليت الجدول بس مدري كذا صح ><

العفو منك اخوي على تعبك

احترامي وتقديري

ابـن غياث · 01-07-2008, 01:46 صباحاً

حياك من جديد GoLdEN QuIlL

وسوم الجداول والصفوف والاعمده وكل وسوم body ما توضع في css وسوم css مختلفه عنها

شاهدي المرفق موضح فيها بداية وسوم css ونهايتها اللي بينهم هو اللي ننسخه ونلصقه في ملف css الجديد فقط وسوم css ونترك باقي الوسوم في الصفحه مثل الجداول وغيرها

اتبعي طريقة التصدير من الفوتوشوب وراح تضبط معك

http://www.ssdaa.com...eviews-60.html

ومافيه اي تعب ترددك الدائم دليل على رغبتك في التعلم وهذا شي يسعدني

01-01-2008, 11:03 مساءً	#1 (permalink)
ابـن غياث :: تطوير مجلة المنتديات :: تاريخ التسجيل: May 2006 المشاركات: 628 معدل تقييم المستوى: 78172	انشاء ملف css جديد لصور الاستايل درس تمهيدي وطريقة ربط ملف css في برنامج اكسبريشن والتعديل عليه بكل راحه لكن رجائي عدم الاعتماد على البرنامج حتى ما نكون تابعين له نستخدمه كوسيله لتوضيح بعض الامثله فقط في البدايه نحتاج لصنع ملف جديد css ونسميه بأي اسم انا اخترت ssdaa.css بعدها نفتح ملف style.css ونضع في البدايه كود: @import "ssdaa.css"; معناها جلب الملف داخل ملف style.css بدون استخدام وسم كود: <link rel="stylesheet" type="text/css" href="mkportal/style.css" /> وسط وسوم head في ملف الاستايل هذي الطريقه مهمه وراح تفتح لكم ابواب كثيره في المستقبل من الممكن استغلالها وتطويعها بعد ما قطعنا الاستايل راح ينتج لنا مجلد images وملف html بجانبه وهذا هو المطلوب نفتحه بداخل برنامج Expression Web بنشاهد وسوم css مابين كود: <style type="text/css"> و كود: </style> ننسخها كامله ونضعها في الملف اللي انشئناه ssdaa.css او حسب ما سميتوه الآن نفتح صفحه جديده في برنامج Expression Web عن طريق الضغط على ctrl+n بنشاهد اسفل على اليمين قائمة css نختار مثل مافي الصوره بعد ما نضغط على اللي داخل الاطار بتفتح لنا نافذه نفس الخيارات الموجوده في الصوره التاليه بعدها نختار الملف الجديد ونحضره داخل الصفحه حتى نعدل عليه النتيجه ظهور كامل الكلاسات في نفس قائمة css في برنامج اكسبريشن ومنها نقدر نعدل عليها او نحذف الباقي الهدف من الطريقه السابقه اننا نصمم على صفحه في البرنامج وبعدها ننقله لملف الاستايل ابن غياث من مواضيع ابـن غياث في المنتدى [تابع] شرح تركيب الهايدر موديل المتجر oscommerce_rc2 لمجلة mkportal تحويل روابط مجلة mkportal من php الى html طلب + اقتراح اتمنى مشاركة الجميع شرح تثبيت الخلفيه في استايل mkportal

01-01-2008, 11:08 مساءً	#2 (permalink)
كرم العربي Gulfson.com تاريخ التسجيل: Apr 2006 الدولة: Egypt المشاركات: 15,092 معدل تقييم المستوى: 53	رد: انشاء ملف css جديد لصور الاستايل رائع ابن غياث شكرا لك وننتظر الدرس القادم من مواضيع كرم العربي في المنتدى 2 مليون أميل لمن يريد اشهار موقعه ( مجانا ) [Product] أفضل المشاركين خلال الشهر ! -:- [ تمبلت ] عدم مشاهدة الزوار المواضيع -:-! Quote of the day موسوعة الشعراوى الشاملة .. هنا تجد كل ما يخص الشيخ الشعراوى من خواطر وخطب ومحاضرات __________________ Im Back

01-02-2008, 06:15 صباحاً	#3 (permalink)
ADMIN .::+: Gulf Son :+::. تاريخ التسجيل: May 2005 الدولة: بلاد الخليج المشاركات: 53,991 معدل تقييم المستوى: 53	رد: انشاء ملف css جديد لصور الاستايل قواك الله ياابن غياث وبإنتظار باقي السلسله من مواضيع ADMIN في المنتدى وقعة اليرموك بطل ستار اكاديمي يرقم بنت سعوديه العثور على طفلين مكتملي النمو بمحطة الصرف الصحي ( صورة ) من اغرب الطيور ( طائر الكيوي ) كيف تعرف بوجود فيروس على جهازك __________________ يقول الامام مالك رحمه الله: إنما هؤلاء أقوام أرادوا القدح في النبي صلى الله عليه وسلم فلم يمكنهم ذلك، فقدحوا في أصحابه حتى يقال رجل سوء ولو كان رجلاً صالحاً لكان أصحابه صالحين. وقال أبو الوفا بن عقيل رحمه الله: انظر كيف اختار لمرضه بيت البنت، واختار لموضعه من الصلاة الأب، فما هذه الغفلة المستحوذة على قلوب الرافضة عن هذا الفضل والمنزلة التي لا تكاد تخفى عن البهيم فضلا عن الناطق. وحيد القرن، كسرنا قرنه، ودككنا حصنه، وهدمنا برجه، فخرج يتبختر بعتاده مزهواً بعدده ففللنا حدّه، وقتلنا جنده، وفرقنا صحبه، والفضل لله وحده ولئن أبيد أبناء دولة الإسلام عن بكرة أبيهم خيرٌ لهم من أن يحكمهم رافضيٌّ خبيث أو أن تستظلّ بغداد برايات الصفويين يوما واحداً.

01-03-2008, 12:58 صباحاً	#4 (permalink)
ابـن غياث :: تطوير مجلة المنتديات :: تاريخ التسجيل: May 2006 المشاركات: 628 معدل تقييم المستوى: 78172	رد: انشاء ملف css جديد لصور الاستايل كرم العربي و admin حياكم الله وبكره بإذن الله نبدى في المرحله الثاني التركيب بتكون مثل المرحله الاولى كل يوم او يومين نازل درس جديد من مواضيع ابـن غياث في المنتدى استايلات اجنبيه لمجلة mkportal استايل شبكة صدى لمجلة mkportal غلق وفتح البلوك في mkportal [شرح] تحويل رابط موديل الى html في mkportal مواقع اعجبتني تستخدم mkportal

01-04-2008, 12:04 صباحاً	#5 (permalink)
GoLdEN QuIlL عضو مستمر تاريخ التسجيل: Nov 2007 المشاركات: 64 معدل تقييم المستوى: 20	رد: انشاء ملف css جديد لصور الاستايل ^_^ <<< المستخدم هذا تنح تتنيحه مو طبيعية >< صراحتن ماعرفت يمكن علشان ماعندي البرنامج وقلت اسوي فيها شطارة وفتحت الفرونت بيج وطلع ماعندي ماعند جدتي ^_^ ابن غياث اذا لازم البرنامج فحتأخر في التطبيق على بال مااحمله لانه حجمه كبير بالنسبة ليا =( فالعفو منك اخوي من مواضيع GoLdEN QuIlL في المنتدى خطأ: لايمكن قرائة ملف الـ Settings.php تأكد من البيانات المدخله [متوسط] درس عمل تصميم أو أفاتار •●[ ستايل blue-light]●• مشكلة صغيروونة في ايطارات الاقسام •●乂[ رسالهـ معتقهـ ]乂●•

01-04-2008, 07:54 صباحاً	#6 (permalink)
ابـن غياث :: تطوير مجلة المنتديات :: تاريخ التسجيل: May 2006 المشاركات: 628 معدل تقييم المستوى: 78172	رد: انشاء ملف css جديد لصور الاستايل GoLdEN QuIlL اتبعي الجزء الاول من الشرح انشاء ملف css مع ربطه بالملف الافتراضي مع الاستايل ونسخ الاكواد ولصقها في الملف الجديد فقط باقي الدرس ما انتي ملزمه به دقايق ونازل درس تركيب الهايدر للمجله من مواضيع ابـن غياث في المنتدى شرح تحويل مكتبة الدروس الى المقالات الاطار المضمن في الموديلات ifreame مالها وما عليها موديل الفتاوى لمجلة mkportal معلومات مهمه قبل البدء في تصميم استايل mkportal احصائية مركز تحميل mkportal

01-06-2008, 08:29 صباحاً	#8 (permalink)
ابـن غياث :: تطوير مجلة المنتديات :: تاريخ التسجيل: May 2006 المشاركات: 628 معدل تقييم المستوى: 78172	رد: انشاء ملف css جديد لصور الاستايل حتى انا عانيت من الدخول للموقع saven7.css خطأ الاكواد اللي بداخله المطلوب الاكواد مثل اللي في الصوره التاليه بدون وسوم html لاحظي الفرق بينهم ومكانهم وين ركزي شوي على الشرح او افتحي ملف style.css وقارني بينهم طريقة كتابة الاكواد نفسها ؟؟ الفرونت بيج ما يدعم css وشي طبيعي ما يطلع معك شي لما تحولينه الى تصميم استخدميه كمحرر html فقط بمعنى اضيفي وعدلي على الاكواد واحفظيها ومن خلال المتصفح ادخلي عليه وشاهدي التغييرات مع كل تعديل واستمري على هالطريقه لأنها اللي بتنفعك في المستقبل من مواضيع ابـن غياث في المنتدى قاعدة بيانات مكتبة الدروس = تحت التجربه [تابع] شرح تركيب الهايدر تحويل روابط مجلة mkportal من php الى html استرجاع استايل المنتدى الافتراضي(( الاصلي )) بأسهل الطرق معلومات مهمه قبل البدء في تصميم استايل mkportal

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
انشاء قسم جديد بتقنية ال RSS بالتفصيل	serag	هاكات وشروحات vBulletin 3.8.X	12	10-17-2008 04:08 مساءً
مشـــكلة في انشاء موضوع جديد	فرانشيسكو	مشاكل وحلول الـ مواقع	1	06-26-2008 03:00 مساءً
مشـــكلة في انشاء موضوع جديد	فرانشيسكو	مشاكل وحلول الـ مواقع	1	06-26-2008 02:50 مساءً
مشكلة عند انشاء مجموعة جديد منتدى Vb	amoo3sl	مشاكل وحلول الـ مواقع	7	04-04-2008 02:59 صباحاً
سكربت جديد هنا طرحه لصور وفلاش وصوت وغيره	كافي عذاب	سكربتات وادوات تطوير المواقع	5	11-01-2007 02:52 صباحاً

انشاء ملف css جديد لصور الاستايل

منتديات شبكة ابن الخليج