الرئيسيةالتسجيلمكتبي  الرسائل الخاصةالبحثالخروج

  
 


  
أهلا وسهلا بك إلى منتديات ابداع نت.
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.
 


الرئيسيةالرئيسية  البوابةالبوابة  الأحداثالأحداث  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخول  

منتديات ابداع نت :: تطوير منتديات احلي منتدي :: اكواد css

  
شاطر
 

  
تم الحل كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى Empty2011-07-12, 13:06
المشاركة رقم:

avatar

إحصائية العضو

الجنس : ذكر
المساهمات : 714
نقاط : 1741
العمر : 33
السمعة : 1
http://www.baghdady.own0.com
مُساهمةموضوع: تم الحل كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى


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


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

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


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

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


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

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

الكود: ---------تضليل المحتوى.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;
}

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

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

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

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

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

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

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


الكود ليس من تصميمي وإنما اجريت عليه تعديل بسيط .





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


توقيع : كتكوت بغداد




 

  
تم الحل كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى Empty2012-06-22, 18:16
المشاركة رقم:
زائر

Anonymous

إحصائية العضو

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


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


شكرا لك على لكود


الكود رائع

تابع نشاطك

تقبل مروري
تحياتي




توقيع : ????




 

  
تم الحل كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى Empty2012-06-24, 09:14
المشاركة رقم:

قروبكم

إحصائية العضو

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


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


شكرا لك ويعطيك الف عافية


بارك الله فيك اخي الكريم




توقيع : قروبكم




 

  
تم الحل كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى Empty2012-07-13, 15:02
المشاركة رقم:

avatar

إحصائية العضو

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


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


تسلم




توقيع : nogom_nogom




 


  
الإشارات المرجعية
 

  
التعليق على الموضوع بواسطة الفيس بوك
 

  
الــرد الســـريـع
..

 



  
الذين يشاهدون محتوى الموضوع الآن : 20 ( الأعضاء 3 والزوار 17)
 



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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة



Loading...

  
 

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