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

Ado0o0o · #1 04/05/2010, 04:57 AM

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

صباح ومساء الخير على الجميع

والحمد لله على سلامة أهل الرياض كلهم بعد أمطار أمس
الله يحفظنا جميع وتكون أمطار خير وبركة اللهم آمين

اليوم شرحنا عن الأكواد محتاجين بس تركيز بسيط
وإن شاء الله ما راح يكون صعب

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

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

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

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

الشرح بيكون إن شاء الله تفصيلي علشان لو حب أي شخص
يغير في الكود حسب رغبته

أكواد BB Code:

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

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

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

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

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

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

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

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

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

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

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

أكواد HTML Code:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ملاحظة:

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

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

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

Download

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

.. [ جـَميـــع أسئلـتكـم وإستفسـاراتكـم هنــاً ] ..

انتهى..

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

MăģЗđ · #2 04/05/2010, 06:05 AM

يعطيك العافية
على الشرح الوآفي والمميز كعادتك يا Ado0o0o

تسلم يمناك ،، والله يحفظك من كل شر و يوفقك ،،

تحياتي

مكفخ نمله · #3 04/05/2010, 08:10 AM

الله يعطيك العــآفية
لكن المشكلة الحين ان هالخاصية بشبكة الزعيم مب فيه
تحياتي

Ado0o0o · #4 04/05/2010, 08:30 AM

منورين يا زعماء

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

وأعتقد إني شارحه بالموضوع الكيفية

وهذه تطبيقي علشان تصدق

.. [ جـَميـــع أسئلـتكـم وإستفسـاراتكـم هنــاً ] ..

أزرق والقلب أبيض · #5 04/05/2010, 08:43 AM

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

*
حملت المرفقات
يوم رعصت عليها
وسويت فتح

فتح صفحه اكسبلور

وبعدين رجع طلع لي فتح ولا حفظ !!

مدري وش السالفه بصراحه

خالدعبدالرحمن** · #6 04/05/2010, 01:23 PM

مشكوووووووووووووووووور

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

Ado0o0o · #7 05/05/2010, 01:24 AM

اخوي ازرق الملف مضغوط لما تحمله على جهازك فكه..
راح يطلع لك ملف وورد فيه كل الأكواد..

منورين جميعاً..

" MOHAMMED " · #8 05/05/2010, 01:42 AM

<div style="border-style: solid; border-width: 1px; padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; background-image: url('http://www.disk4arab.com/files/2009/08/27/bestupload-a40dc4-84dab66fed6c.png')">
<p align="center"><font face="Advantage" size="6" color="#808000">
<b>

..
تـم إعتماد الموضوع الآن
شرح جميل لاكواد المنتدى والاجمل وضع الخلفيه ..
وانا اللحين قاعد اجرب ان شاء الله ضبطت

تثبيت
</b></font></div>

M a N s O u R · #9 05/05/2010, 01:12 PM

لمسات انثوية راقية يا AdoOoOo

وكثرت الاستفسارات حول الموضوع ، ارى وقته مناسب جداً
لن اسهب كثيراً بالمديح ، فشكراً لكِ

وربي جنون

أسَامة · #10 05/05/2010, 03:26 PM

رائعة Ado0o0o
يعطيك العافية

Polta · #11 05/05/2010, 10:12 PM

كما عوديتنا يا Ado0o0o بـ ابداعك و مواضيعك الرائعه

و مجهوود تشكرين عليه .. يعطيك ربي الف عافيه

المرستك دائما · #12 05/05/2010, 11:35 PM

بسم الله ما شاء الله

الله يحفظك يا أختي من كل شر

والله مثل ما قلت سابقاً
أنتي مذهلة و مميزة
ودائماً تتحفينا بالأشياء الجديدة
والغرائب والموضوعات المفيدة

شاكر لك يا أختي

المرستك دائما

khaled83 · #13 06/05/2010, 12:40 AM

الله يعطيك العافيه اخوي على المجهود الكبير

khaled83 · #14 06/05/2010, 12:44 AM

الله يعطيك العافيه اخوي على التوضيحات وعلى الشرح الوافي

HILALY LIGHT · #15 06/05/2010, 02:25 AM

مشكور يسلمو ويعطيكـ الف عافيهـ