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




شاطر|

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

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

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

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

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

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

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

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

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





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

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

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


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

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

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



[/code].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;
}[code]


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

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

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

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

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

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


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






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

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

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


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

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

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

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

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





شكرا لك



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






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

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

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

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

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

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

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

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





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






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

كود وضع إطار وصورة أو لون كخلفية لـ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