منتديات العاشق - [الدرس السادس والاخير] : تنسيق الاستايل

http://www.3asq.com/img/uploads/13124767901.jpg

http://dc15.arabsh.com/i/03309/d0kf5biygv7u.jpg

اڷصڷاة ۈاڷسڷام عڷى اشرف اڷانبياء ۈاڷمرسڷين سيدنا ۈحبيبنا محمد صڷى اڷڷۃ عڷيه ۈسڷم خير خڷق اڷڷۃ ۈعڷى آڷه ۈ صحبه
اما بعد

اڷسڷام عڷيڪم ۈرحمٺ اڷڷۃ ۈبرڪاٺـۃ

ڪيف حاڷڪم اعضاء منٺدى [ ٱڷےξـٱڜڦے ] اڷڪرام ؟ ••• ان شاء اڷڷۃ بصحة جيدة •

درسنا اڷيۈم هۈ اڷدرس اڷاخير من اڷدرۈة بعنۈان
"ٺنسيق اڷاسٺايڷ"
معنى ٺنسيق اڷاسٺايڷ : شڪڷ اڷخطۈط ۈحجمها ۈڷۈنها••• ۈ ٺنسيق جداۈڷ اڷمنٺدى من جميع اڷنۈاحي <~ بشرح مفصڷ

نبداء عڷى برڪـۃ اڷڷۃ

http://dc10.arabsh.com/i/03309/tul5oq2wxi8h.jpg
من اسفڷ اڷمنٺدى اخٺار [ اڷادارة ]

http://dc12.arabsh.com/i/03306/zcq7k8xdgt1b.png

http://dc12.arabsh.com/i/03306/83mf1zee20bm.gif

http://dc12.arabsh.com/i/03306/c21tpa9wg2nj.png

http://dc12.arabsh.com/i/03306/c7jkiyip9cmy.png

[خلفية المنتدى]
http://dc10.arabsh.com/i/03306/l7tbbytok2yk.png

1
الخلفية : يقصد بها لون خلفية المنتدى مثال :
http://dc10.arabsh.com/i/03306/wmnd8o22udsl.png

ۈاما ان ٺڪۈن عبارة عن ڷۈن: FFFCDF#
اۈ صۈرة : ٺڪۈن بهذا اڷشڪڷ

url(images/gradients/gradient_tcat.gif)

images/gradients/gradient_tcat.gif
هۈ مسار اڷصۈرة

2

ڷۈن اڷخط : هۈ ڷۈن خط صفحة اڷاسٺايڷ

3
شڪڷ اڷخط : اذا ڪُنٺ ٺريد اڷخط عريض ضع اڷڪڷمة bold اما اذا ڪُنٺ ٺريد اڷخط عڷى طبيعٺة اٺرڪ اڷمربع فارغ .

4
حجم اڷخط : يڪٺب حجم اڷخط هڪذا pt ۈڷيس px •• ڪڷما ڪبر اڷعدد ڪڷما زاد حجم اڷخط ۈاڷعڪس

5
نۈع اڷخط : انۈاع اڷخطۈط ڪثيرة •• ۈاڪثرها اسٺخدام : tahoma ۈ arial

ۈانا ۈضعٺ جميع اڷخطۈط <~ يفضڷ ذڷڪ
tahoma,MS Sans Serif,verdana,arial,helvetica,sans-serif
ۈڷاڪن اڷخط اڷذي ٺريدة يجب ان يڪۈن اۈڷ خط مثڷ tahoma

اڷفائدة من ۈضع جميع اڷخطۈط اذا اڷخط اڷاۈڷ غير مۈجۈد اۈ اڷمٺصفح ڷا يدعم اڷخط يعمڷ اڷخط اڷٺاڷي ۈهڪذا •••

http://dc10.arabsh.com/i/03306/930bekmvx6iw.png
↕
http://dc10.arabsh.com/i/03306/d0gyn2zahlsg.png

هۈ ڷۈن خط اڷمنٺدى

يفضڷ ان يڪۈن اڷجدۈڷين ڷۈن خطيهما مٺسۈياً

http://dc10.arabsh.com/i/03306/kc2l96supvfb.png

ڷۈن اڷرۈابط عند مرۈر اڷماۈس عڷيها •

« خلفية الصفحة»
http://dc08.arabsh.com/i/03306/bnx6x2rieym8.png

هۈ نفس اڷجدۈڷ اڷسابق

1
اڷخڷفية : يجب ان يڪۈن ڷۈنها مثڷ ڷۈن خڷفية اڷجدۈڷ اڷسابق ••

2
مثڷ ما هۈ مُبين في اڷصۈرة يكون فارغ

« حدود الجدول »
http://dc08.arabsh.com/i/03306/hqbsc97fu4un.png

اڷمقصۈد بة ۈ اين يۈجد اڷجدۈڷ " .....؟

اڷمقصۈد : هۈ حدۈد جميع اڷجداۈڷ اڷٺي في اڷمنٺدى ••

اين يۈجد شۈف اڷمثاڷ :-

http://dc08.arabsh.com/i/03306/b2eltv2isz1e.png

1
اڷخڷفية : ڷۈن حدۈد اڷجدۈڷ •

2
px1 : يعني عرض اڷحدۈدڷ

0B198C#: ڷۈن اڷاطراف <~ يفضڷ عند ٺغيير اڷۈن ان يڪۈن غامض شۈي ••

« اڷأقسام اڷرئيسية »
http://dc08.arabsh.com/i/03306/5xlihg338rwt.png

اين يۈجد اڷجدۈڷ " .....؟

يۈجد هنا...ۈفي بعض اڷاماڪن اڷاخرى شۈف اڷمثاڷ :-

http://dc08.arabsh.com/i/03306/lp8w93tn7qlt.png

ڷٺغيير اڷخڷفيـۃ ۈڷۈن اڷخط ۈشڪڷ اڷخط •••أڷخ
ڷقد ٺم شرحها مُسبقاً في بدايـۃ اڷشرح•

«رأس اڷجدۈڷ»

http://dc09.arabsh.com/i/03306/93m8ty77oz91.png

اين يۈجد اڷجدۈڷ " ....؟

يۈجد هنا••• ۈفي بعض اڷاماڪن اڷاخرى شۈف اڷمثاڷ :-

http://dc09.arabsh.com/i/03306/a0ol0u9pj0nx.png

«نهايـۃ اڷجدۈڷ»
http://dc09.arabsh.com/i/03306/n2gcqz982mgi.png

اڷمقصۈد بة ۈ اين يۈجد اڷجدۈڷ " ....؟

اڷمقصۈد بـۃ ؟ نهايـۃ جداۈڷ اڷمنٺدى ۈڷقد ۈضعٺ ڷڪم مثاڷ ۈاحد •

يۈجد هنا••• ۈفي بعض اڷاماڪن اڷاخرى شۈف اڷمثاڷ :-

http://dc09.arabsh.com/i/03306/9jtq1ttn5dib.png

«ڷۈن اڷٺۈزيع اڷاۈڷ»
http://dc09.arabsh.com/i/03306/mgivv1np3sjd.png

اين يۈجد اڷجدۈڷ " ...؟

يۈجد هنا••• ۈفي بعض اڷاماڪن اڷاخرى شۈف اڷمثاڷ (في اڷصفحـۃ اڷرئيسيـۃ ~ اڷفرۈم هۈم) :- ۈفي ڪثير اڷمنٺدياٺ يڪۈن ابيض ••

http://dc10.arabsh.com/i/03306/9wgnhp9idcob.png

«ڷۈن اڷٺۈزيع اڷثاني»
http://dc10.arabsh.com/i/03306/e78um9nlhpdc.png

اين يۈجد اڷجدۈڷ " ....؟

يۈجد هنا••• ۈفي بعض اڷاماڪن اڷاخرى شۈف اڷمثاڷ (في اڷصفحـۃ اڷرئيسيـۃ ~ اڷفرۈم هۈم) :-

http://dc10.arabsh.com/i/03306/ejgz6dri6m5x.png

«محرر WYSIWYG »
http://dc10.arabsh.com/i/03306/bd079sxf8fc7.png

اڷمقصۈد بة ۈ اين يۈجد اڷجدۈڷ " .....؟

اڷمقصۈد بـۃ ؟ قاڷب انشاء مۈضۈع جديد , ۈاظافـۃ رد جديد<~ اڷسريع •

يۈجد هنا •• ۈفي قاڷب اڷرد اڷسريع شۈف اڷمثاڷ :-

http://dc16.arabsh.com/i/03306/3efc0ggqwhb8.png

عـادة يڪۈن ڷۈن اڷخڷفيـۃ نفس ڷۈن خڷفيـۃ ڷۈن اڷٺۈزيع اڷاۈڷ وكذلك الروابط !!

«إبراز عنصر اڷإداري»
http://dc10.arabsh.com/i/03306/6lu0rhg8p4oo.png

مثاڷ

http://dc10.arabsh.com/i/03306/kvn2uhdg0hbe.png

يفضڷ جعڷ اڷۈان اصفر

«محيط اڷڷۈحة»
http://dc09.arabsh.com/i/03306/ge8j89p07qe9.png

اڷمقصۈد بة ۈ اين يۈجد اڷجدۈڷ " ....؟

اڷمقصۈد بـۃ ؟ محيط ڷۈحـۃ اظافة اڷرد اڷسريع ۈ صفحة انشاء مۈضۈع جديد •

يۈجد في اظافة اڷرد اڷسريع ۈ صفحة انشاء مۈضۈع جديد ••• شۈف اڷمثاڷ :-

http://dc09.arabsh.com/i/03306/fde49fxw6t35.png

«اڷڷۈحة (اڷأشڪاڷ)»
http://dc09.arabsh.com/i/03306/9hesz52v6rfr.png

اڷمقصۈد بة ۈ اين يۈجد اڷجدۈڷ " ...؟

اڷمقصۈد بـۃ ؟ محيط ڷۈحـۃ اظافة اڷرد اڷسريع ۈ صفحة انشاء مۈضۈع جديد •

يۈجد في اظافة اڷرد اڷسريع ۈ صفحة انشاء مۈضۈع جديد ••• شۈف اڷمثاڷ :-

http://dc09.arabsh.com/i/03306/6xdy121sgxfs.png

«<legend>»

http://dc14.arabsh.com/i/03306/yuikhn1j6erm.png

ڷۈن اڷخڷفيـۃ : يجب ان يڪۈن فارغ غير فقط ڷۈن اڷخط

اين يۈجد اڷجدۈڷ " ...؟

يۈجد هنا... ۈفي بعض اڷاماڪن اڷاخرى شۈف اڷمثاڷ :-

http://dc14.arabsh.com/i/03306/ggxvya1s5k1k.png

«اڷٺحڪم باڷقۈائم اڷمنبثقة»
http://dc14.arabsh.com/i/03306/l1awyommaoo7.png

اين يۈجد اڷجدۈڷ " .... ؟

يۈجد هنا ••• في قاڷب اڷناف بار شۈف اڷمثاڷ :-

http://dc14.arabsh.com/i/03306/8qqi9a3yi63q.png

«جسم قائمة اڷإنبثاق»
http://dc13.arabsh.com/i/03308/quqv6fl872rl.png

اڷمقصۈد بة ۈ اين يۈجد اڷجدۈڷ " .......؟

اڷمقصۈد : هۈ حدۈد جميع جداۈڷ قائمة قائمة اڷإنبثاق اڷٺي في اڷمنٺدى ۈيۈجد في عدة امڪان في اڷمنٺدى •• ۈهذا مثاڷ ڷـۃ في اڷناف بار ••

http://dc13.arabsh.com/i/03308/qt6283x39xgo.png

مڷاحظة: انا قمٺ بٺغيير اڷۈن اڷابيض اڷى احمر

«خيار صف قائمة اڷإنبثاق»
http://dc13.arabsh.com/i/03308/9v83uc513kkh.png

اڷمقصۈد بة"....

اڷمقصۈد بة : هۈ ڷۈن خڷفية قائمة اڷإنبثاق ۈڷۈن اڷرۈابط •••
ۈمثڷ ما شرحٺ مُسبقاً •• ٺسٺطيع ٺغير ڷۈن اڷخڷفية من "اڷحڷفية"
ۈ ڷۈن اڷرۈابط •• ڷۈن اڷرۈابط بعد مرۈر اڷماۈس عڷيها ••
اذا ڪنٺ نسيٺ ذلك ... اذهب اڷى اڷمثاڷ اڷاۈڷ "خڷفية اڷمنٺدى"

مثاڷ :-

http://dc13.arabsh.com/i/03308/49af1uy9dmh7.png

«خيار سطۈع اڷقۈائم اڷمنبثقة»
http://dc13.arabsh.com/i/03308/7ssul4zgboox.png

اڷمقصۈد بة"•••

اڷمقثۈد بة : نغيير ڷۈن اڷخڷفية عند مرۈر اڷماۈس عڷيها ۈڪذڷڪ ٺٺغير ڷۈن اڷرۈابط عند مرۈر اڷماۈس عڷيها ••
شۈف هذا اڷمثاڷ :-

http://dc10.arabsh.com/i/03308/t56t98axwhsn.png

«ٺعاريف CSS اڷإضافية»
http://dc10.arabsh.com/i/03308/9h4h2wami7s6.png

مثڷ ماهۈ مڪٺۈب "هذا اڷمڪان مخصص ڷۈضع اڪۈاد css"

اخيراً لحفظ الأعدات
اضغط على http://dc13.arabsh.com/i/03309/6vnbwjsuxyca.png من جانب اي جدول
او اضغط حفظ من نهاية الصفحة

http://dc10.arabsh.com/i/03309/9s13djtzcd18.jpg

http://dc13.arabsh.com/i/03309/6dwcal4kq5zd.png

http://dc13.arabsh.com/i/03309/y8ke3gc4soov.png

http://www.3asq.com/img/uploads/13124767905.jpg

اڷى هنا ۈانٺهى اڷدرس اڷاخير من اڷدۈرة ••
ۈڪذڷڪ ••• انٺهٺ اڷدۈرة اڷحمد ڷڷه

ۈ اعٺذر اعزائي اڷمُشٺرڪين بخصۈص اڷمُسابقة ۈ جۈائز اڷغيٺ ڷعدة اسباب <~ اڷسمۈحةد1
ڷـان اڷهدف من اڷدۈرة ٺعڷم اڷٺصميم ••• ۈڷيس مُسابقـۃ و1
ۈان شاء اللۃ راح ٺڪۈن هُناڪ دۈرة جديدة ڷٺصميم اڷاسٺايڷاٺ بٺقنية CSS •• قريباً ان شاء اللۃ • ۈڷاٺنسۈ اڷدعاء ڷي بظهر غيب باڷمغفرة ۈ اڷرحمـۃ ••• ۈ اڷٺقميم اذا اعجبيڪم اڷمۈضۈع •

ق1 تحياتي ق1