منتديات ستار ديزاين
عزيزي الزائر ..

نتمى منك التسجيل منتدانى المتواضيع

تحيات طاقم الإدارة

اهلا وسهلا بك
منتديات ستار ديزاين
عزيزي الزائر ..

نتمى منك التسجيل منتدانى المتواضيع

تحيات طاقم الإدارة

اهلا وسهلا بك

منتديات ستار ديزاين

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

 

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

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
red_dragon

avatar


تاريخ التسجيل : 22/04/2011
عدد المساهمات : 55
نقاط : 47733

كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى Empty
مُساهمةموضوع: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى   كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى Empty20/07/11, 07:00 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

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

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

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

avatar


تاريخ التسجيل : 27/04/2011
عدد المساهمات : 527
نقاط : 48424

كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى Empty
مُساهمةموضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى   كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى Empty20/07/11, 07:56 am

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

لا حرمنا الله من مواضيعك القيمة


تقبل مروري

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

الرجوع الى أعلى الصفحة اذهب الى الأسفل
red_dragon

avatar


تاريخ التسجيل : 22/04/2011
عدد المساهمات : 55
نقاط : 47733

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

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

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