منتديات التصميم و التطوير و المساعدة
كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى 73990
منتديات التصميم و التطوير و المساعدة
كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى 73990
منتديات التصميم و التطوير و المساعدة
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
RADIA
☆ الإدِارهـَ ☆
☆ الإدِارهـَ ☆
RADIA


الجنس : انثى
الدولة : كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى Female25
المهنة : كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى Collec10
احترام قوانين المنتدى : كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى 2z7kjh2
نوع المتصفح : كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى 03_12_1213545640002
نسخة المنتدى : كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى 03_12_1213545640007
عدد المساهمات : 9681
نقاط النشاط : 40509
تاريخ التسجيل تاريخ التسجيل : 26/10/2012
فريقك المفضل : كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى 205388

كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى Empty
مُساهمةموضوع: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى   كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى Emptyالجمعة ديسمبر 07, 2012 10:31 pm

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

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


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

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

أما كود وضع اطار وخلفية صورة لها فهو هذا
الكود:
.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
* الرابط الثاني وليس الاول

ولتغيير لون الأطار غير الرمز #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
ولكن إن استخدمنا هذا الكود فيمكننا تغير كلمة Spoiler بكلمة اخرى نحن نضعها
الكود
الكود:
[spoiler=ضع الجملة التي تريد ان تظهر هنا][/spoiler]
يوضع في داخل الموضوع كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى 708172
كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى 1226123713
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://monntada.ahlamontada.com
 
كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود وضع اطار وصورة كخلفية للاقتباسات بالمنتدي
» كود وضع اطار وصورة كخلفية للاقتباسات بالمنتدي
» كود وضع اطار وصورة كخلفية للأكواد بالمنتدي
»  كود وضع اطار وصورة كخلفية للواجهة للنسخة phpbb2
»  كيفية عمل صورة كخلفية للأقسام

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات التصميم و التطوير و المساعدة :: التقنيات المتقدمة للتطوير المنتديات ::  ☆ التقنيات المتقدمة ☆ :: ☆ أكواد السي سي [ css ] ☆-
انتقل الى: