fras adel نائب المدير
عدد المساهمات : 224 تاريخ التسجيل : 22/07/2011 العمر : 26
| موضوع: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى الجمعة سبتمبر 02, 2011 4:34 am | |
| كود وضع إطار وصورة أو لون كخلفية لـ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 مغلق غير هذا الرابط في الكود https://2img.net/i/fa/m/background1.gifولتغيير لون الأطار غير الرمز #597c57 بمرمز اللون المطلوب
ولتغيير الصوره عندما يكون الـ Spoiler مفتوح غير هذا الرابط https://2img.net/i/fa/m/background1.gifولمعرفة اكواد / رموز الالوان ففي هذا الموضوع : http://pxll.com/color/Color%20scheme.htmكود آخر لوضع إطار ولون كخلفية لـ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] | |
|
Noon Adel
عدد المساهمات : 77 تاريخ التسجيل : 08/08/2011
| موضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى الثلاثاء سبتمبر 06, 2011 11:41 am | |
| | |
|
Adnan Al-Hazmi Admin
عدد المساهمات : 567 تاريخ التسجيل : 17/07/2011 العمر : 26
| موضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى الثلاثاء سبتمبر 06, 2011 11:50 am | |
| | |
|