المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : ✿ الدرس الرابع | الدورة الصيفية | ✿


فاصله
05-07-2012, 04:00 AM
بسم الله ارحمن الرحيم .


خلفية المنتدى :
إذا كآنت خلفية المنتدى باترن أو خامة .. نصممها 200*200
نحفظها بإسم باللغه الانجليزيه في مجلد الاستايل ...

- صور من الدورة السابقه -

بصيغة gif باسم باللغه الانجليزيه في مجلد ستايلنا



[/URL]http://www.alraidiah.org/s//uploads/images/alraidiah-39e3ca8b53.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-39e3ca8b53.gif)
نذهب الى لوحة تحكم الاداره >>> الستايلات والقوالب >> التحكم بالاستايلات >>> ستايلنا > اذهب ..
ننسخ هذا الكود ونلصقه








# 887D86 url(TT/T1.gif) repeat-y fixed center top
لون الخلفية - اسم المجلد – اسم الصورة – صيغة الصورة




نغير بس اللي ذكرته كل واحد منكم يحط الاسم الصحيح ..الموجود عنده
نتابع الصورة
http://www.alraidiah.org/s//uploads/images/alraidiah-df18efc810.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-df18efc810.gif)
ثم حفظ ونعاين شكل المنتدى ...


....................


في ستايلنا هذا لم نعتمد تصميم الجدول واخترنا طريقة أسهل وعملية
وهي نصمم باترن بأي لون يناسب ستايلنا
العرض 600 والطول 100 أو أقل
ونحفظها في مجلد الاستايل

شرح تركيبها من العضو وليد الحزن
من دورة سابقة :

الأقسام الرئيسية/Category Strips
http://www.alraidiah.org/ph/up/20906286220080424.gif (http://www.alraidiah.org/ph/up/20906286220080424.gif)

وهو خاص بالمنطقة هذه
http://www.alraidiah.org/ph/up/20906310420080424.gif (http://www.alraidiah.org/ph/up/20906310420080424.gif)

ملاحظة:
نستطيع استخدام صورة مخصصة عوضا ً عن الالوان في هذه المنطقة
مثال للصور المخصصة
http://www.alraidiah.org/ph/up/20906321320080424.jpg (http://www.alraidiah.org/ph/up/20906321320080424.jpg)

فيكون شكلها بعد التعديل بالصور
[URL="http://www.alraidiah.org/ph/up/20906364820080424.gif"]http://www.alraidiah.org/ph/up/20906364820080424.gif (http://www.alraidiah.org/ph/up/20906364820080424.gif)


وكود الصورة الذي يمكن استخدامه هو








الكود :
#869BBF url(waleed/images/body2.jpg) repeat-x top left




#869BBF = اللون الذي سيظهر في حالة اختفاء الصور
waleed = اسم مجلد الاستايل
images = مجلد الصور
body2.jpg = الصورة المراد استخدامها خلفية



..............




إعدادات الستايل CSs
لوحة تحكم الاداره >> الاستايلات والقوالب >>> التحكم بالاستايلات >> ستايلنا >> إذهب ..
...
من هنا نغير المقاسات والالوان .
نفس الصورة ..

- طبعا الالوان حسب المناسب لستايلكم -
خلفية المنتدى/Body
حجم الخط : 10pt
نوع الخط :tahoma, arial, helvetica,verdana
http://www.alraidiah.org/s//uploads/images/alraidiah-5c046303df.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-5c046303df.gif)




http://www.alraidiah.org/up/up/33311640720120330.gif (http://www.alraidiah.org/up/up/33311640720120330.gif)


http://www.alraidiah.org/s//uploads/images/alraidiah-059440866c.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-059440866c.gif)


http://www.alraidiah.org/s//uploads/images/alraidiah-ec3bab9251.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-ec3bab9251.gif)


..
http://www.alraidiah.org/s//uploads/images/alraidiah-c7792d6b57.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-c7792d6b57.gif)


http://www.alraidiah.org/s//uploads/images/alraidiah-16f187d3b2.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-16f187d3b2.gif)




http://www.alraidiah.org/s//uploads/images/alraidiah-abc2f7d624.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-abc2f7d624.gif)


.....


لون التوزيع الاول : الافضليه للابيض وتدرجاته . ( ألوان فاتحه )
يكون خلفية الردود وخلفية للمنتدى في الواجهه .
لون التوزيع الثاني : من الوان الاستايل الفاتحه
تكون خلفية لبيانات العضو في المواضيع وخلفية لاخر مشاركة وعدد المشاركات في الواجهه .


http://www.alraidiah.org/s//uploads/images/alraidiah-0b24a1aaf1.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-0b24a1aaf1.gif)






صندوق الرد :
نفس لون التوزيع الاول ..


http://www.alraidiah.org/s//uploads/images/alraidiah-8227dfd0f3.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-8227dfd0f3.gif)




...
الباقي تطبيقه كما في الصور التاليه :
مع مراعاة ألوان مناسبه للإستايل + اضافة الخط المناسب + والمقاس المناسب



http://www.alraidiah.org/s//uploads/images/alraidiah-218403d0d9.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-218403d0d9.gif)


http://www.alraidiah.org/s//uploads/images/alraidiah-36041a1b0d.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-36041a1b0d.gif)


http://www.alraidiah.org/s//uploads/images/alraidiah-c8a992457f.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-c8a992457f.gif)


http://www.alraidiah.org/s//uploads/images/alraidiah-b47ccb5fd8.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-b47ccb5fd8.gif)


http://www.alraidiah.org/s//uploads/images/alraidiah-bd9fe22d5e.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-bd9fe22d5e.gif)


http://www.alraidiah.org/s//uploads/images/alraidiah-f3ee2ef644.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-f3ee2ef644.gif)


http://www.alraidiah.org/s//uploads/images/alraidiah-67baf74d20.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-67baf74d20.gif)


http://www.alraidiah.org/s//uploads/images/alraidiah-297a27630a.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-297a27630a.gif)




http://www.alraidiah.org/s//uploads/images/alraidiah-a8c980d558.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-a8c980d558.gif)




طريقة عرض الموضوع ..
لوحة تحكم الاداره >>> خيارات المنتدى >>>> اعدادات اللغه – الستايل



http://www.alraidiah.org/s//uploads/images/alraidiah-a9cb87e438.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-a9cb87e438.gif)





يتبع

فاصله
05-07-2012, 04:07 AM
لازالة الخطوط من تحت الروابط ..
نستخدم هذا الكود ..

a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; }
[/URL]http://www.alraidiah.org/s//uploads/images/alraidiah-7e643a8db9.gif (http://www.alraidiah.org/s//uploads/images/alraidiah-7e643a8db9.gif)



تصميم أيقونات الاستايل ..
هنآ

http://www.alraidiah.com/vb/showpost.php?p=1891563&postcount=3


اضافة الهاكات والمنتجات + تصميم وتركيب البنرات ..+
حفظ الاستايل وتصدير الاستايل ..


هنآ

[URL]http://www.alraidiah.com/vb/showpost.php?p=1891594&postcount=4






تمت ولله الحمد :101:

أبو رائد
05-07-2012, 04:51 PM
ماشاء الله عليك يا فاصله

والله يعطيك العافية

على هذه الدروووس الجميلة والمفيدة

سكايب عطر
06-07-2012, 08:49 AM
مشرفتنا القديرة ’’فآآصلة
دروس جميلة ومفيدة ومبسطة ومفهومة
سلمت انآآملك على جمال طرحك وسلاسة أسلوبك
لك قوآآفل من الجوري لروحك العطرة

بآآرك الله فيك

ربي يوفقك..

goree
06-07-2012, 10:01 PM
::

تسلمين يآ قلبي

وهذآ منتدآي الدميل


http://www.alraidiah.org/up/up/34160112520120706.JPG


http://www.alraidiah.org/up/up/34160120220120706.JPG



http://www.alraidiah.org/up/up/34160123320120706.JPG



:::

goree
06-07-2012, 10:03 PM
::.


تم بحمد الله

الله يعطيك العآفية استآذه فآصلة
عالدورة الممتعة ..
والدروس الجميلة ..
تعبتِ حيييييييل فيهآ
الله لآ يحرمك الأجر ..
مآقصرتِ يآ بعدي ..
واعذريني عالتطبيق المتأخر..
وقتي مدري كيف والنت يستهبل ..
دُمتِ بسعآدة


:101:


:::.

فاصله
07-07-2012, 12:54 AM
أهم شيء إنك إستفدتي منهآ ياقلبي,,,
وإنا شاء الله البقية يستفيدون منها ...
تطبيقك جميل ...
:101:
يعطيك العافية

الدووووخي
23-01-2013, 12:58 AM
الله يعطيك العافيه ..

:102::101: