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

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

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

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

الكود:: [b]Spoiler:[/b]

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

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

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

الكود:: .spoiler_closed {
display:block;
background-image : url(http://2img.net/i/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://2img.net/i/fa/m/background1.gif);
border: 3px solid #597c57;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 4px;
}

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

الكود:: [b][url=http://2img.net/i/fa/m/background1.gif]http://2img.net/i/fa/m/background1.gif[/url][/b]

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

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

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

الكود:: [b][url=http://2img.net/i/fa/m/background1.gif]http://2img.net/i/fa/m/background1.gif[/url][/b]

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

ولتغيير لون الأطار غير الرمز #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 بالمنتدى 79312

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

في داخل المواضيع , علينا لإظهار الكلام المخفي ان نضغط على كلمة Spoiler
ولكن إن استخدمنا هذا الكود فيمكننا تغير كلمة Spoiler بكلمة اخرى نحن نضعها
الكود

الكود:: [spoiler=ضع الجملة التي تريد ان تظهر هنا][/spoiler]

يوضع في داخل الموضوع

الكود ليس من تصميمي وإنما اجريت عليه تعديل بسيط .. lord-adoain فريق المساعدة
كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى 531496

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

كود رائع جدا

شكرا لك

جزاكم الله كل خير عالكود الجميل

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

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

الشكر لمجهوداتك الجبارة نحو
المنتدى وعلى هذا الموضوع الرائع

حـيـاك (ي) الله وجـزاك(ي)
الله عـنـا كـل خـيـر عـلـى مـا أتـحـفـتـنـا بـه

مـن هـذه الـدرر الـطـيـبـة
الـمبـاركـة جـعـل الله مـا خــطـتـه يـداك(ي) فـي سجـلِ حـسـنـاتـك يـا رب

اسـتـمـر(ي) أكـثـر حـتـى
نـسـتـفـيـد مـنـك(ي) أكـثـر اللـهـم لا تـعِـقـنـا عـن الـعـلـم

بـعـائـق ولا تـمـنـعـنـا
مـنـه بـمـانـع

تقبل(ي) منـي أرق التحــايا
وأعطرهــا وفقك لله

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

تسلمي علي الكود

شكرا لك
تحياتي

» كود وضع صورة كخلفية داخلية للمنتدي
» هنيئا لك يا من تكتب بالمنتدى الإسلامي