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


شركه آلتطوير
 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

 

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

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


ذكر ♣ مشآرٍڪْآتِڪْ » * : 400

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

كود وضع إطار وصورة أو لون كخلفية لـ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 مغلق غير هذا الرابط في الكود
<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
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://s-alabda.own0.com
Admin
مؤسـ الموقـع ــس
مؤسـ الموقـع ــس
Admin


ذكر ♣ مشآرٍڪْآتِڪْ » * : 400

كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى Empty
مُساهمةموضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى   كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى Emptyالأربعاء أغسطس 10, 2011 12:57 pm

ممكون ردود
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://s-alabda.own0.com
 
كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
»  كود إطار منحني الحواف حول جميع جداول المنتدى للنسخ التاليه
»  كود إطار منحني الحواف حول جميع جداول المنتدى للنسخ التاليه
» تفضلوا يا احلي اعضاء كود رائع لوضع صورة كخلفية للمواضيع للنسخة الثالثة
» نقدم لكم اليوم شرحاً لطريقة وضع صوره كخلفية لاسماء الفئات في المنتدى , وذلك عن طريق كود CSS
» تفضلوا كود رااااائع لوضع صورة كخلفية داخلية للمنتدي بلا من لون لكن للأسف يعمل بالنسخة PHPBB3

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