كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى
منتدي العمر
كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى   Ny263916
منتدي العمر
كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى   Ny263916
 
المواضيع الجديدة منذ آخر زيارة لياستعراض مشاركاتكمواضيع لم يتم الرد عليهامواضيع لم يتم الرد عليهاافضل اعضاء اليومافضل 20 عضو
 
الرئيسيةالدعم الفنيأحدث الصورالتسجيلدخولتسجيل دخول




شاطر|

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

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل
https://i.servimg.com/u/f89/12/39/44/15/announ12.gif
المشاهدات:
Free Hit Counter
رسالة مستعجلة:
عزيزي القارء, أعلم ان لنا حقوقنا وملكيتنا وأفكارنا, فرجاء عدم سرقة تعبنا. لنقل الموضوع يجب عليك نسخ المصدر أولآ وشكرآ.
2010-2011 الادارة ( ادارة الابداع المصرى)
كاتب الموضوعرسالة

معلومات العضو

محمد نايف
مـشـرف الــمــنـتـدي
مـشـرف الــمــنـتـدي
محمد نايف

معلومات اضافيه

| •جـًنـُسـَـےُ •| : ذكر
|• مشاركـآتـےُ •| : 91
•نـَقـُـآطُـےِ•| : 227
التقيم : 0
|| متى آتيت || : 28/06/2012
عُمرِےُ : 24
الموقع : www.ksa-eg.com

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

معلومات الأتصال

http://www.ksa-eg.com
مُساهمةموضوع: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى    كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى   I_icon_minitimeالأحد يوليو 08, 2012 4:46 pm 

خيارات المساهمة





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

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

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


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

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

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



[/code].spoiler_closed {
display:block;
background-image : url(https://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(https://2img.net/i/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;
}[code]


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

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

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

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

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

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


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






تنبيه
توقيع محمد نايف
الرجوع الى أعلى الصفحة اذهب الى الأسفل

معلومات العضو

lightmoon
فـــريـــق الـــمـــبدعـــيـــن
فـــريـــق الـــمـــبدعـــيـــن


معلومات اضافيه

| •جـًنـُسـَـےُ •| : ذكر
|• مشاركـآتـےُ •| : 62
•نـَقـُـآطُـےِ•| : 150
التقيم : 1
|| متى آتيت || : 09/06/2012

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

معلومات الأتصال

مُساهمةموضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى    كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى   I_icon_minitimeالأحد يوليو 08, 2012 8:19 pm 

خيارات المساهمة





شكرا لك



الكود مجرب واكثر من رائع






تنبيه
توقيع lightmoon
الرجوع الى أعلى الصفحة اذهب الى الأسفل

معلومات العضو

őṖřőḾişễŞ₦
اداره الشـــبكه
اداره الشـــبكه
őṖřőḾişễŞ₦

معلومات اضافيه

| •جـًنـُسـَـےُ •| : ذكر
|• مشاركـآتـےُ •| : 232
•نـَقـُـآطُـےِ•| : 450
التقيم : 0
|| متى آتيت || : 30/06/2012
عُمرِےُ : 31
الموقع : الـكـويـت

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

معلومات الأتصال

مُساهمةموضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى    كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى   I_icon_minitimeالأربعاء يوليو 11, 2012 8:10 am 

خيارات المساهمة





يسلموو جاري التجربة






تنبيه
توقيع őṖřőḾişễŞ₦
الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

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

.:: مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ ::.

      هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة     
المتواجدون الأن بالموضوع:

ككل هناك 3 أشخاص حالياً في هذا الموضوع :: 1 أعضاء, 0 عُضو مُختفي و 2 زائر
صلاحيات هذا المنتدى:

لاتستطيع الرد على المواضيع في هذا المنتدى
منتدي العمر :: قسم تطوير المنتديات التابعه لاحلى منتدى :: قسم تطوير المنتديات التابعة لاحلى منتدى :: اكواد Css-
انتقل الى:  
الساعة الآن
الجمعة 24 من اغسطس 2012 , الساعة الان 08:26:55 صباحاً.
.


Powered by AHLAMONTADA® Version PHPBB2
Copyright © 2012, Ebda3Masry FORUMS.
Conversion and installation :HIMA ELMASRY