كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى
منتديات قروبكم
ۉقسمُ إنڪ سحرتنآ بنۉرڪ يآقمر ..

ۉننتظرڪِ تسجل معآنآ ، ۉتحفر أسمڪ ۉيآنآ ..

أۉ تسجل دخۉلڪِ إذآ ڪِنت مسجل ۉيآنآ من قبلَ ..

ۉبآلنهآيہ نتشرفُ فيڪِ سۉآءً ڪِنت عضۉ أۉ زآئر ..

آلإدآرهہ ..!



 
الرئيسيةhttp://gropcom.اليوميةبحـثالأعضاءالمجموعاتالتسجيلدخولمركز الرفع
تم اغلاق المنتدى ، والمنتدى لن يتم فيه التصميم

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
المدير العام
المدير العام
avatar

هواياتي هواياتي :
مزاجــي مزاجــي :
عمــلــي عمــلــي :
الجنس الجنس : ذكر
آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ : 540
الـتقـَـييـَم : 0
تـَآريخَ وَجودكَ مع’َـنآ..؟ : 27/08/2011

مُساهمةموضوع: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى   الأحد يوليو 01, 2012 3:50 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 مغلق غير هذا الرابط في الكود
http://illiweb.com/fa/m/background1.gif
* الرابط الاول وليس الثاني

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

ولتغيير الصوره عندما يكون الـ Spoiler مفتوح غير هذا الرابط
http://illiweb.com/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;
}[code]


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

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

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

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

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

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







الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
я ∂ к ∂ Ŋ ™
نائب الاداره العامه
نائب الاداره العامه
avatar

هواياتي هواياتي :
مزاجــي مزاجــي :
عمــلــي عمــلــي :
الجنس الجنس : ذكر
آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ : 213
الـتقـَـييـَم : 0
تـَآريخَ وَجودكَ مع’َـنآ..؟ : 19/05/2012

مُساهمةموضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى   الإثنين يوليو 02, 2012 4:48 am

يعططيـكك آلف ععآفيـهة عع آلـككود آلجمميـل

آلـى آلآممـآمم آخخي آو آخختي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
ABO.SR77777A
الاشراف العام على الدردشه
الاشراف العام على الدردشه
avatar

هواياتي هواياتي :
مزاجــي مزاجــي :
عمــلــي عمــلــي :
الجنس الجنس : ذكر
آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ آبـَـدع’ـآتـﮚ م’ـعَـنآ..؟ : 8
الـتقـَـييـَم : 0
تـَآريخَ وَجودكَ مع’َـنآ..؟ : 14/07/2012

مُساهمةموضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى   الأحد يوليو 15, 2012 12:02 am

جزاك الله خير




=============================================
منتديآت قروبكم
من اراد اي تصميم فل يطلب بقسم الطلبات وسيكون جاهز خلال 12 ساعه او ساعه فقط
اخوكم ابو سرحه


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

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