نادي الهلال السعودي - شبكة الزعيم - الموقع الرسمي - [شرح] وضع خلفية للمواضيع [لون + صورة + صوت] بنوعين من الأكواد

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

صباح ومساء الخير على الجميعhttp://www.e-alqalam.com/vb/images/s...lqalam_001.gif
والحمد لله على سلامة أهل الرياض كلهم بعد أمطار أمس
الله يحفظنا جميع وتكون أمطار خير وبركة اللهم آمين

اليوم شرحنا عن الأكواد محتاجين بس تركيز بسيط
وإن شاء الله ما راح يكون صعب http://www.e-alqalam.com/vb/images/smilies/smile.gif

الموضوع عن الخلفيات للمواضيع
(صورة + لون + صوت)
بنوعين من الأكواد
BB Code
HTML
والأكواد حسب دعم المنتدى لها فيه أغلب المنتديات
تدعم خاصية BB Code لكن ما يضبط معها الكود خاصة لو صندوق التحرير فيها عادي
مافي مميزات اللي هو نفس الصندوق الافتراضي للمنتدى
في هذه الحالة نستخدم كود html

مثال لصندوق تحرير عادي

http://img532.imageshack.us/img532/1...2010053622.png

أما لو كان فيه مميزات إدارج ملف فلاشي وغيره
من المميزات نستخدم كود BB Code

مثال لصندوق تحرير بمميزات إضافية

http://img143.imageshack.us/img143/5...2010054552.png

الشرح بيكون إن شاء الله تفصيلي علشان لو حب أي شخص
يغير في الكود حسب رغبته http://www.e-alqalam.com/vb/images/smilies/smile.gif

أكواد BB Code:

كود خلفية الموضوع لون فقط

http://img156.imageshack.us/img156/1...2010055257.png

التغيير حسب رغبة الشخص يكون بالأكواد التالية:
الجزء الأول من الكود

http://img687.imageshack.us/img687/5...0100552571.png

http://img249.imageshack.us/img249/5...2010042307.png

قفل الأكواد بنهاية الكود اللي بالصورة ما يتغير فيها غير كلمة CENTER
لو تغير في جزء الكود الأول ليمين أو يسار ويصير كالشكل التالي

[/right] يمين
[/left] يسار

الجزء الثاني من الكود

http://img143.imageshack.us/img143/3...0100552572.png

background-color:black ---> التغيير في كلمة black المحدد للون الخلفية
double black ---> التغيير في كلمة black المحدد للون الإطار الخارجي للخلفية

كود خلفية الموضوع بصورة

http://img143.imageshack.us/img143/4...2010014338.png

الجزء الأول من الكود نفس كود الخلفية كضبط تنسيق الخط
الجزء اللي يتغير الجزء الثاني من الكود

http://img59.imageshack.us/img59/813...1001433811.png

background-image:url('ضع رابط الصورة هنا') ---> التغيير حسب ما هو موضح بين القوسين مع الانتباه بعدم مسح علامات التنصيص
double black ---> التغيير في كلمة black المحدد للون الإطار الخارجي للخلفية

كود خلفية الموضوع الصوتي

http://img690.imageshack.us/img690/4...2010012212.png

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

http://img340.imageshack.us/img340/3584/97052102.png

أكواد HTML Code:

ياليت التركيز بالنسبة لهالأكواد لأنها الأكثر حساسية
بالنسبة للتأكد من سماحية استخدام أكواد html للقسم من أسفل المنتدى
تجد التصاريح من ضمنها سماحية الكود أو غير سماحيته

مثال لمنتدى مسموح فيه الأكواد ومنتدى غير مسموح فيه الأكواد

http://img714.imageshack.us/img714/7...2010053724.png

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

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

طريقة تعديل تنسيق صندوق التحرير

لوحة التحكم --> تعديل خيارات --> واختيار واجهة تنسيق النص محرر قياسي أو متطور WYSIWYG

ولو الشخص بالوضع المتطور وحاب يشوف الموضوع بالأكواد الأصلية
يضغط على زر تغيير وضع المحرر

http://img691.imageshack.us/img691/5...1005362211.png

كود خلفية الموضوع لون فقط

http://img839.imageshack.us/img839/782/001fh.png

التغيير حسب رغبة الشخص يكون بالأكواد التالية:

http://img64.imageshack.us/img64/5678/002xy.png

background-color: #808000 --->التغيير في الرقم 808000 المحدد للون الخلفية مع الانتباه بعدم مسح علامة # أو علامات التنصيص
p align="center" ---> التغيير في كلمة center وجعله يمين right أو يسار left مع الانتباه بعدم مسح علامات التنصيص
font size="5" ---> التغيير في الرقم 5 المحدد لحجم الخط مع الانتباه بعدم مسح علامات التنصيص
color="#FFFFFF" ---> التغيير في القيمة FFFFFF المحدد للون الخط مع الانتباه بعدم مسح علامة # أو علامات التنصيص
face="Arial" ---> التغيير في كلمة Arial المحدد لنوع الخط مع الانتباه بعدم مسح علامات التنصيص
<b> ---> ممكن إزالته ممكن الإبقاء عليه وهو المحدد لسمك الخط وفي حالة إزالته من أول الكود يجب إزالته من آخر الكود

كود خلفية الموضوع بصورة

http://img143.imageshack.us/img143/5...2010022836.png

الجزء الثاني من الكود نفس كود الخلفية كضبط تنسيق الخط
الجزء اللي يتغير الجزء الأول من الكود

http://img202.imageshack.us/img202/1...0228361111.png

background-image:url('ضع رابط الصورة هنا') ---> التغيير حسب ما هو موضح بين القوسين مع الانتباه بعدم مسح علامات التنصيص

كود خلفية الموضوع الصوتي

http://img88.imageshack.us/img88/687...2010030158.png

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

ملاحظة:

بالنسبة للكود الأول الخاص بـ BB Code من الممكن إضافة
تنسيق إضافي للخط كمائل أو تحته خط بالأكواد التالية

http://img718.imageshack.us/img718/5...2010044300.png

وبالنسبة للكود الثاني الخاص بـ HTML من الممكن أيضاً إضافة التنسيق
والتعديل يتم ببرنامج الفرونت بيج

الأكواد بالترتيب لمن أراد استخدامها بملف خارجي

Download

مثال تطبيقي على الشبكة..للي يقول الشبكة ما تدعم الأكواد

http://vb.alhilal.com/showpost.php?p...&postcount=140

انتهى..http://www.e-alqalam.com/vb/images/Y...Smilies/53.gif

مجـــــــــهود شـــــخصي