انشاء ملف 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/reviews-60.html

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

01-01-2008, 11:03 مساءً	#1 (permalink)
ابـن غياث :: تطوير مجلة المنتديات :: تاريخ التسجيل: May 2006 المشاركات: 647 معدل تقييم المستوى: 78167	انشاء ملف 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 في برنامج اكسبريشن و منها نقدر نعدل عليها او نحذف الباقي الهدف من الطريقه السابقه اننا نصمم على صفحه في البرنامج وبعدها ننقله لملف الاستايل ابن غياث من مواضيع ابـن غياث في المنتدى قاعدة بيانات مكتبة الدروس = تحت التجربه شرح تصميم header هيدر لمجلة mkportal هاك Search Engine لمجلة mkportal القائمة الرئيسية المطوره لمجلة mkportal شرح تكرار موديل الدروس mkportal = الجزء الاول التعديل الأخير تم بواسطة : ADMIN بتاريخ 01-02-2008 الساعة 06:12 صباحاً. <a rel="nofollow" href="http://www.dartmediakuwait.com/adclick.php?n=a85a316d" target="_new"><img src="http://www.dartmediakuwait.com/adview.php?what=zone:107&source=MP3Q8&n=a85a316d" border="0" alt=""></a>

01-01-2008, 11:08 مساءً	#2 (permalink)
كرم العربي :: administrator :: تاريخ التسجيل: Apr 2006 الدولة: ::In De GhEtTo:: المشاركات: 14,088 معدل تقييم المستوى: 53	رد: انشاء ملف css جديد لصور الاستايل رائع ابن غياث شكرا لك وننتظر الدرس القادم من مواضيع كرم العربي في المنتدى لعبة bobmbermania أذا أنسرق جوالك تعال شوف كيف تحرق دم السارق برنامج (BB FlashBack Full) لصناعة الشروحات هاك المواضيع المميزة المطور الإصدار الثاني وصف الرسول صلي الله عليه وسلم __________________ دليل مواقع ابن الخليج اضف موقعك واكسب صداقه محركات البحث اضف زر Google PageRank الي موقعك خدمه اختصار الروابط الآن تستطيع جلب كل ستايلات المنتدى للمجلة ومن غير اي تدخل شخصي منك فقط بـ 120 ريال [يمنع] وضع المواقع الربحية من الإنترنت للاستفادة منها على حساب الاعضاء بريدي للتعامل الشخصي فقط واي اضافه لطلب تجاري او خدمي سيتم رفضه YoU kNoW hOw wE dO

01-02-2008, 06:15 صباحاً	#3 (permalink)
ADMIN .::+: Gulf Son :+::. تاريخ التسجيل: May 2005 الدولة: بلاد الخليج المشاركات: 45,681 معدل تقييم المستوى: 53	رد: انشاء ملف css جديد لصور الاستايل قواك الله ياابن غياث وبإنتظار باقي السلسله من مواضيع ADMIN في المنتدى زوجة عبد الله عزام:بن لادن ليس فقيها وثقافته محدودة ومنقاد للظواهري افكار تزيين الفواكه بشكل سلات وورود روعه درس تثبيت كاميرا وتحريرها Cinema 4D Babylon-Pro 5.06 السعرات الحرارية و الرشاقة __________________ دليل مواقع ابن الخليج خدمة google page rank مقدمه من ابن الخليج خدمه اختصار الروابط الآن تستطيع جلب كل ستايلات المنتدى للمجلة ومن غير اي تدخل شخصي منك فقط بـ 120 ريال اطلب منتج بالضغط هنا "من هارون أمير المؤمنين إلى نقفور كلب الروم، قد قرأت كتابك يا ابن الكافرة، والجواب ما تراه دون أن تسمعه، والسلام" اين نحن من هذه الرساله؟

01-03-2008, 12:58 صباحاً	#4 (permalink)
ابـن غياث :: تطوير مجلة المنتديات :: تاريخ التسجيل: May 2006 المشاركات: 647 معدل تقييم المستوى: 78167	رد: انشاء ملف css جديد لصور الاستايل كرم العربي و admin حياكم الله وبكره بإذن الله نبدى في المرحله الثاني التركيب بتكون مثل المرحله الاولى كل يوم او يومين نازل درس جديد من مواضيع ابـن غياث في المنتدى اضافة التحقق لحماية مركز التحميل من التحميل المباشر [Hack] اضافة خلاصات لموديلات المجلة mkp RSS 2.5 - تعريب ابن غياث شرح تكرار موديل الدروس mkportal = الجزء الثاني [module][All] القرآن بالفلاش الاطار المضمن في الموديلات ifreame مالها وما عليها

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

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

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

اكثر الكلمات بحثاً

	Sitemap \| Archive \| Tag Could
	$موقع ولد الامارات - ينتهي الاعلان بتاريخ 20\8\2008$

		$شبكة مدينة الحب - ينتهي الإعلان بتاريخ 19\8\2008$
	$شبكة مملكتي - ينتهي الإعلان بتاريخ 8\8\2008$	$ملتقى الدعوة الاسلامي - ينتهي الإعلان بتاريخ 6\8\2008$

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

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

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
فن التعامل مع Google و كل ما تود معرفته عن هذا المحرك العملاق	ADMIN	سكربتات وادوات تطوير المواقع	11	07-21-2008 08:58 مساءً
دروس الفتوشوب صوت وصوره ..	Mr Nigga	دروس فوتوشوب Adobe Photoshop	3	07-19-2008 03:14 مساءً
التعديل علي الاستايل الافتراااضي جديد	mohamedhamdy	قسم ستايلات vBulletin	9	03-26-2007 10:02 مساءً
برنامج لأخفاء ملف داخل صورة مع الشرح بالصور رائع	ايهاب	برامج عامة	5	12-08-2006 10:40 صباحاً
كل ما يتعلق بالـ Ms-DOs	ADMIN	دروس انظمة تشغيل و هاردوير و شبكات	1	10-11-2006 03:46 صباحاً