منتدى فوخا

هذه الرسالة تفيد بانك غير مسجل بالمنتدى يجب عليك التسجيل اذا كنت ليس مسجل معنا والدخول اذا كنت من اعضاء المنتدى

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

    شاطر
    avatar
    فوخا
    عضو سوبر
    عضو سوبر

    الجنس : ذكر الابراج : الاسد عدد الرسائل : 1214
    تاريخ الميلاد : 08/08/1998
    العمر : 20
    الموقع : zerofaw@YAHOO.COM
    العمل/الترفيه : رسم
    المزاج : رايق
    نقاط : 22099
    السٌّمعَة : 0

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

    مُساهمة من طرف فوخا في 2011-08-10, 19:13

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

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


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


    الرد


    إضغط على كلمة Spoiler وسيظهر لك ما هو مخفي

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

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


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

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


    <blockquote><blockquote>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

    * الرابط الاول وليس الثاني

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

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

    [b]<blockquote><blockquote>[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]




    </blockquote>
    </blockquote>


    </blockquote>
    </blockquote>



    </blockquote>
    </blockquote>[/b]


      الوقت/التاريخ الآن هو 2018-12-19, 08:17