منتديات التقنية
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي


 
الرئيسيةالرئيسية  برامج مجانيةبرامج مجانية  قائمة الاعضاءقائمة الاعضاء  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

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

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


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

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

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



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

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


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

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



الرمز:
.spoiler_closed {
display:block;
background-image : url(http://illiweb.com/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://illiweb.com/fa/m/background1.gif);
border: 3px solid #597c57;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 4px;
    }


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



http://illiweb.com/fa/m/background1.gif


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


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



http://illiweb.com/fa/m/background1.gif


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





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



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

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

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


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

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

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

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