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


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

 

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

اذهب الى الأسفل 
3 مشترك
كاتب الموضوعرسالة
fras adel
نائب المدير
نائب المدير
fras adel


عدد المساهمات : 224
تاريخ التسجيل : 22/07/2011
العمر : 26

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

كود وضع إطار وصورة أو لون كخلفية لـ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 مغلق غير هذا الرابط في الكود

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

https://2img.net/i/fa/m/background1.gif


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


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

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

https://2img.net/i/fa/m/background1.gif


ولمعرفة اكواد / رموز الالوان ففي هذا الموضوع :

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

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

http://pxll.com/color/Color%20scheme.htm


كود آخر لوضع إطار ولون كخلفية لـ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]

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

Noon Adel


عدد المساهمات : 77
تاريخ التسجيل : 08/08/2011

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

مششششششكور
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Adnan Al-Hazmi
Admin
Admin
Adnan Al-Hazmi


عدد المساهمات : 567
تاريخ التسجيل : 17/07/2011
العمر : 26

كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى Empty
مُساهمةموضوع: رد: كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى   كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى Emptyالثلاثاء سبتمبر 06, 2011 11:50 am

موضوع رائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://technical.all-up.com
 
كود وضع إطار وصورة أو لون كخلفية لـSpoiler بالمنتدى
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
»  كود وضع اطار وصورة كخلفية للاقتباسات بالمنتدي
»  كود وضع صورة كخلفية للشات
» كود css وضع صورة كخلفية للمواضيع بالنسخة phpbb3
» كيف نرتقى بالمنتدى الى الافضل
» كود CSS وضع صورة كخلفية لاسماء الفئات وعنوان المواضيع

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