مرحبا بك زائرنا الكريم في منتديات اجيال المستقبل عشعاشة
إذا كنت عضوا فشرفنا بدخولك و التمتع معنا بصلاحيات كثيرة . أما اذا كنت غير مسجل فنرجوا التسجيل معنا .... عائلة اجيال المستقبل عشعاشة ترحب بكم
تحيات فريق الإدراة


الدعوة الى الله عملنا و نصرة الإسلام هدفنا
 
الرئيسيةاليوميةس .و .جالتسجيلدخولتسجيل دخول الأعضاء

شاطر | 
 

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

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

الجنس : ذكر المساهمات : 282
نقاط : 6080
السٌّمعَة : 4
تاريخ التسجيل : 18/03/2011
العمر : 21

مُساهمةموضوع: كود وضع إطار وصورة أو لون كخلفية لـSpoiler   الخميس 28 يوليو 2011 - 14:23

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

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

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

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

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

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

الكود: ---------تضليل المحتوى.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 مغلق غير هذا الرابط في الكود
<blockquote><blockquote>http://illiweb.com/fa/m/background1.gif
</blockquote>
</blockquote>
* الرابط الاول وليس الثاني

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

ولتغيير الصوره عندما يكون الـ Spoiler مفتوح غير هذا الرابط
<blockquote><blockquote>http://illiweb.com/fa/m/background1.gif
</blockquote>
</blockquote>

* الرابط الثاني وليس الاول

ولتغيير لون الأطار غير الرمز #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
ولكن إن استخدمنا هذا الكود فيمكننا تغير كلمة Spoiler بكلمة اخرى نحن نضعها
الكود
الكود: ---------تضليل المحتوى
ضع الجملة التي تريد ان تظهر هنا:
 
يوضع في داخل الموضوع


الكود ليس من تصميمي وإنما اجريت عليه تعديل بسيط ..
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ajial-achaacha.ahlamontada.com
فارس السعادة
فريق الإدآرة
فريق الإدآرة
avatar

الجنس : ذكر المساهمات : 708
نقاط : 4196
السٌّمعَة : 2
تاريخ التسجيل : 08/04/2011
الموقع : اجيال المستقبل عشعاشة
المزاج فرح

مُساهمةموضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler   الثلاثاء 2 أغسطس 2011 - 6:51

lol!


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ajial-achaacha.ahlamontada.com/
The start
فريق الإدآرة
فريق الإدآرة
avatar

الجنس : ذكر المساهمات : 202
نقاط : 3790
السٌّمعَة : 11
تاريخ التسجيل : 30/07/2011
العمر : 33
الموقع : أجيال المستقبل عشعاشة

مُساهمةموضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler   الأربعاء 3 أغسطس 2011 - 3:17

مبروك


الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ajial-achaacha.ahlamontada.com/
الوداع الاخیر
فريق الإدآرة
فريق الإدآرة


الجنس : انثى المساهمات : 507
نقاط : 5071
السٌّمعَة : 0
تاريخ التسجيل : 06/05/2011

مُساهمةموضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler   الأربعاء 3 أغسطس 2011 - 17:44

شكرا لك اخي اخي اخي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
فارس السعادة
فريق الإدآرة
فريق الإدآرة
avatar

الجنس : ذكر المساهمات : 708
نقاط : 4196
السٌّمعَة : 2
تاريخ التسجيل : 08/04/2011
الموقع : اجيال المستقبل عشعاشة
المزاج فرح

مُساهمةموضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler   السبت 6 أغسطس 2011 - 5:50



الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ajial-achaacha.ahlamontada.com/
????
زائر
avatar


مُساهمةموضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler   الأربعاء 28 سبتمبر 2011 - 9:53

مشكووووووووور

نتتظر المزيد
الرجوع الى أعلى الصفحة اذهب الى الأسفل
فتى الاحلام
عضو ملكي
عضو ملكي
avatar

الجنس : ذكر المساهمات : 124
نقاط : 3700
السٌّمعَة : 10
تاريخ التسجيل : 17/09/2011
العمر : 21
الموقع : http://ajial-achaacha.ahlamontada.com/
المزاج عقلية الشاب الجزائري ...باينة

مُساهمةموضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler   الأحد 9 أكتوبر 2011 - 14:41

شكرا بارك الله فيك
ننتظر المزيد
الرجوع الى أعلى الصفحة اذهب الى الأسفل
صرخة صمت
المشرف العام
المشرف العام
avatar

الجنس : انثى المساهمات : 1150
نقاط : 3304
السٌّمعَة : 10
تاريخ التسجيل : 15/06/2013
العمر : 19

مُساهمةموضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler   الإثنين 17 يونيو 2013 - 4:11

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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: (¯`°•.¸¯`°•. قسم التقنيات المتقدمة .•°`¯¸.•°`¯) :: الأكواد الإنسيابية CSS-
انتقل الى: