Hitskin.comهذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
انشاء منتدى مجانيكود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى
من طرف Lord-adoain 27/6/2011, 3:35 pm
السلام عليكم ورحمة الله وبركاته
كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى
بداية تعريف بالـSpoiler وكيفية استخدامها وفائدتها
تعريف بها :
هي
خاصية تتيح لك الحفاظ على شكل ومظهر الموضوع إن كان فيه صور مثلا أو اكواد
كثيرة أو اي شئ تريد ان تخفيه الى ان يتم الضغط على زر معين
كيفية استخدامها :
بسيطة جدا .. حدد ما تريد اخفاءه ثم اضغط على زر آخر من صندوق الرد ثم إختر إخفاء الرد
ستظهر النتيجة هكذا
فائدتها :
سيصبح مظهر الموضوع اكثر جمالا
أما كود وضع اطار وخلفية صورة لها فهو هذا
لتغيير الصورة عندما يكون الـ Spoiler مغلق غير هذا الرابط في الكود
ولتغيير لون الأطار غير الرمز #597c57 بمرمز اللون المطلوب
* الرمز الاول وليس الثاني
ولتغيير الصوره عندما يكون الـ Spoiler مفتوح غير هذا الرابط
ولتغيير لون الأطار غير الرمز #597c57 بمرمز اللون المطلوب
* الرمز الثاني وليس الاول
ولمعرفة اكواد / رموز الالوان ففي هذا الموضوع :
لأختيار كود اللون المطلوبكود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى
بداية تعريف بالـSpoiler وكيفية استخدامها وفائدتها
تعريف بها :
هي
خاصية تتيح لك الحفاظ على شكل ومظهر الموضوع إن كان فيه صور مثلا أو اكواد
كثيرة أو اي شئ تريد ان تخفيه الى ان يتم الضغط على زر معين
كيفية استخدامها :
بسيطة جدا .. حدد ما تريد اخفاءه ثم اضغط على زر آخر من صندوق الرد ثم إختر إخفاء الرد
ستظهر النتيجة هكذا
- Spoiler:
- منتدى الدعم والمساعدة
فائدتها :
سيصبح مظهر الموضوع اكثر جمالا
أما كود وضع اطار وخلفية صورة لها فهو هذا
- الكود:
.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 مغلق غير هذا الرابط في الكود
* الرابط الاول وليس الثاني
ولتغيير لون الأطار غير الرمز #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
ولكن إن استخدمنا هذا الكود فيمكننا تغير كلمة Spoiler بكلمة اخرى نحن نضعها
الكود
- الكود:
[spoiler=ضع الجملة التي تريد ان تظهر هنا][/spoiler]
الكود ليس من تصميمي وإنما اجريت عليه تعديل بسيط .. lord-adoain فريق المساعدة
عدل سابقا من قبل lord-adoain في 27/6/2011, 6:02 pm عدل 1 مرات
Lord-adoain-
-
عدد المساهمات : 39733
معدل النشاط : 40941
السُمعة : 104
مواضيع مماثلة» كود وضع اطار وصورة كخلفية للأكواد بالمنتدي
» كود وضع اطار وصورة كخلفية للاقتباسات بالمنتدي
» كود وضع اطار وصورة كخلفية للواجهة للنسخة phpbb2
» كيف اضع بالمنتدى اخفى حاله وجودى بالمنتدى
» كود دردشة صو تية صوت وصورة لا حلا منتدا
» كود وضع اطار وصورة كخلفية للاقتباسات بالمنتدي
» كود وضع اطار وصورة كخلفية للواجهة للنسخة phpbb2
» كيف اضع بالمنتدى اخفى حاله وجودى بالمنتدى
» كود دردشة صو تية صوت وصورة لا حلا منتدا
منتدى الدعم و المساعدة لأحلى المنتديات :: أحلى منتدى :: :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى