منتديات NorthTown
اهلا وسهلا بكم
في منتديات نورث تاون
يسعدنا تسجيلك معنا
مرحبا بك في عائلتنا
منتديات NorthTown
اهلا وسهلا بكم
في منتديات نورث تاون
يسعدنا تسجيلك معنا
مرحبا بك في عائلتنا
منتديات NorthTown
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةأحدث الصورالتسجيلدخول
الرئيسية
التسجيل
اعلن معنا
الدردشة
الموقع
دليل المواقع
قراءة القران

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
admin
Admin
admin


البلد : العراق
ذكر
عدد المساهمات : 188
تاريخ التسجيل : 06/07/2011
العمر : 35
الموقع : https://north.arabepro.com

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

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

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

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


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

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


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

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

الكود:
.spoiler_closed {
display:block;
background-image :
url(http://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(http://2img.net/i/fa/m/background1.gif);
border: 3px solid
#597c57;
-moz-border-radius: 10px;
border-radius: 10px;
padding:
 4px;
    }


لتغيير الصورة عندما يكون الـ Spoiler مغلق
غير هذا الرابط في الكود

<blockquote><blockquote>https://2img.net/i/fa/m/background1.gif
</blockquote>
</blockquote>
* الرابط الاول وليس الثاني

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

ولتغيير الصوره عندما يكون الـ Spoiler مفتوح
غير هذا الرابط

<blockquote><blockquote>https://2img.net/i/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 بالمنتدى 79312


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

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


الكود ليس من تصميمي
وإنما اجريت عليه تعديل بسيط
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://north.arabepro.com
 
كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» (css) وضع صورة كخلفية لاسماء الفئات وعنوان المواضيع

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

Powered by NorthTown ® Version 2
Copyright © 2011
.:: جميع الحقوق محفوظه لمنتدى
NorthTown © ::.
جميع المواضيع و الردود تعبر عن رأي صاحبها ولا تعبر عن رأي إداره منتدى
NorthTown   بــتــاتــاً
»» إبراء ذمة إدارة المنتدى ، امام الله وامام جميع الزوار والاعضاء، على مايحصل من تعارف بين الاعضاء او زوار على مايخالف ديننا الحنيف، والله ولي التوفيق