جنود الاشهار

موقع كبير عربي لاشهار المنتديات العربيه وتطويرها
 
الرئيسيةالرئيسية  اليوميةاليومية  مكتبة الصورمكتبة الصور  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
ḾŖ.ảĦḾảḊ
نائب المدير العام
نائب المدير العام


عارضه احترام القوانين : 100%
عدد المساهمات : 1005
نقاط : 2106
السٌّمعَة : 0
تاريخ التسجيل : 03/07/2011
العمر : 21

مُساهمةموضوع: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى   7/5/2011, 10:20 am

السلام عليكم ورحمة الله وبركاته
كود وضع إطار وصورة أو لون كخلفية لـ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 مغلق غير هذا الرابط في الكود

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;
}


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

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

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

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

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

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

الكود: ---------تضليل المحتوى
ضع الجملة التي تريد ان تظهر هنا:
 

يوضع في
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
Co2
عضو نشيط
عضو نشيط


عارضه احترام القوانين : 100%
عدد المساهمات : 101
نقاط : 206
السٌّمعَة : 0
تاريخ التسجيل : 01/07/2011
العمر : 34

مُساهمةموضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى   7/5/2011, 7:29 pm

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


عارضه احترام القوانين : 100%
عدد المساهمات : 313
نقاط : 589
السٌّمعَة : 0
تاريخ التسجيل : 29/05/2011

مُساهمةموضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى   7/7/2011, 7:07 pm

ارجوا تنسيقه جيدا

شكرا لك

======== التوقيع ========


==== ===

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
ḾŖ.ảĦḾảḊ
نائب المدير العام
نائب المدير العام


عارضه احترام القوانين : 100%
عدد المساهمات : 1005
نقاط : 2106
السٌّمعَة : 0
تاريخ التسجيل : 03/07/2011
العمر : 21

مُساهمةموضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى   7/8/2011, 1:06 pm

مشكور على الرد يا كسجين و محمد

======== التوقيع ========


==== ===

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


عارضه احترام القوانين : 100%
عدد المساهمات : 762
نقاط : 1596
السٌّمعَة : 1
تاريخ التسجيل : 15/07/2011
العمر : 21
الموقع : علمني وطني بان دماء الشهداء هي التي ترسم حدود الوطن

مُساهمةموضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى   7/31/2011, 6:18 pm

مشكور

======== التوقيع ========


==== ===
               
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
ḾŖ.ảĦḾảḊ
نائب المدير العام
نائب المدير العام


عارضه احترام القوانين : 100%
عدد المساهمات : 1005
نقاط : 2106
السٌّمعَة : 0
تاريخ التسجيل : 03/07/2011
العمر : 21

مُساهمةموضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى   8/4/2011, 7:55 am

يسلموو على الرد

======== التوقيع ========


==== ===

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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
جنود الاشهار :: تطوير ahlamontada :: اكواد الاحلى منتدى :: اكواد الانسيابيه Css-
انتقل الى: