أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



المواضيع الأخيرة
»  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ]
الجمعة يوليو 19, 2013 12:04 pm من طرف بہحہبگ يہأ مہجہنہونہة

»  [JavaScript] رسالة تظهر قبل الدخول للدردشة
الجمعة يوليو 19, 2013 11:56 am من طرف بہحہبگ يہأ مہجہنہونہة

»  كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية
الجمعة يوليو 19, 2013 11:49 am من طرف بہحہبگ يہأ مہجہنہونہة

» صيانة شاملة للمنتديات يوم الخميس 22 محرم 1434
الجمعة يوليو 19, 2013 11:37 am من طرف الزعيم

» صيانة أحد النطاقات الخاصة بأحلى منتدى
الجمعة يوليو 19, 2013 10:19 am من طرف بہحہبگ يہأ مہجہنہونہة

»  طريقة أزالة السطر من تحت أسماء الأعضاء
الجمعة يوليو 19, 2013 2:57 am من طرف الزعيم

»  كود css لوضع خلفيه لزر أرسل مساهمتك للنسخة 2
الجمعة يوليو 19, 2013 2:56 am من طرف الزعيم

» كود cssلوضع ايطار كلي منقط مع ايطار كلي للبينات للنسخة(invision)
الجمعة يوليو 19, 2013 2:55 am من طرف الزعيم

»  كود css لوضع خلفيه للوحوه الضاحكه من اكتشافي للنسخة الثالثة و InvisioN فقط
الجمعة يوليو 19, 2013 2:54 am من طرف الزعيم

انشاء منتدى مجاني
أفضل 10 أعضاء في هذا الأسبوع

سحابة الكلمات الدلالية

عمل منتدى

كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى

مُساهمة من طرف الزعيم في الجمعة يوليو 19, 2013 2:28 am

السلام عليكم ورحمة الله وبركاته
كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى
بداية تعريف بالـSpoiler وكيفية استخدامها وفائدتها

تعريف بها :
هي
خاصية تتيح لك الحفاظ على شكل ومظهر الموضوع إن كان فيه صور مثلا أو اكواد
كثيرة أو اي شئ تريد ان تخفيه الى ان يتم الضغط على زر معين


كيفية استخدامها :
بسيطة جدا .. حدد ما تريد اخفاءه ثم اضغط على زر آخر من صندوق الرد ثم إختر إخفاء الرد
ستظهر النتيجة هكذا
Spoiler:

إضغط على كلمة Spoiler وسيظهر لك ما هو مخفي


فائدتها :
سيصبح مظهر الموضوع اكثر جمالا

أما كود وضع اطار وخلفية صورة لها فهو هذا

الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
الكود:
.spoiler_closed {
display:block;
background-image : url(http://illiweb.com/fa/m/background1.gif);
border: 3px solid #597c57;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 4px;
    }

.spoiler_closed.hidden {
    display:none;
    }
.spoiler_content {
display:block;
background-image : url(http://illiweb.com/fa/m/background1.gif);
border: 3px solid #597c57;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 4px;
    }

لتغيير الصورة عندما يكون الـ Spoiler مغلق غير هذا الرابط في الكود

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
* الرابط الاول وليس الثاني

ولتغيير لون الأطار غير الرمز #597c57 بمرمز اللون المطلوب
* الرمز الاول وليس الثاني

ولتغيير الصوره عندما يكون الـ Spoiler مفتوح غير هذا الرابط

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

* الرابط الثاني وليس الاول

ولتغيير لون الأطار غير الرمز #597c57 بمرمز اللون المطلوب
* الرمز الثاني وليس الاول

ولمعرفة اكواد / رموز الالوان ففي هذا الموضوع :

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]





كود آخر لوضع إطار ولون كخلفية لـSpoiler
الأول وضع صوره خلفية أما الثاني وضع لون
الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
الكود:
.spoiler_closed {
display:block;
background-color: #16FF05;
border: 3px solid #CDE0CC;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 4px;
    }

.spoiler_closed.hidden {
    display:none;
    }
.spoiler_content {
display:block;
background-color: #16FF05;
border: 3px solid #FFA34F;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 4px;
    }

لتغيير لون الخلفية عندما يكون الـ Spoiler مغلق غير هذا الكود #16FF05 بكود الخلفية التي تريد
* الكود الاول وليس الثاني

لتغيير لون الخلفية عندما يكون الـ Spoiler مفتوح غير هذا الكود #16FF05 بكود الخلفية التي تريد
* الكود الثاني وليس الاول

وبالنسبة للإطار فهو كما في الكود الاول ..

يوضع الكود في
لوحة الادارة >> مظهر المنتدى >> الوان >> ورقة تصميم CSS

.. ضع الكود ولا تنس الضغط على سجل

الكود يعمل على النسخة الثانية فقط



في داخل المواضيع , علينا لإظهار الكلام المخفي ان نضغط على كلمة Spoiler
ولكن إن استخدمنا هذا الكود فيمكننا تغير كلمة Spoiler بكلمة اخرى نحن نضعها
الكود
الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
الكود:
[spoiler=ضع الجملة التي تريد ان تظهر هنا][/spoiler]
يوضع في داخل الموضوع


الكود ليس من تصميمي وإنما اجريت عليه تعديل بسيط ..

avatar
الزعيم
المـديـر العـــام
المـديـر العـــام

عدد المساهمات : 85
تاريخ التسجيل : 15/07/2013

معاينة صفحة البيانات الشخصي للعضو http://help1.ahlamuntada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى