نرحب بجميع أعضاء المنتدى الكرام ونتمنى قضاء أسعد الأوقات معنا

    شرح عمل خلفية للرتبة متحركة ..حصرى

    شاطر

    رياضي ماهر



    mms mms :
    جْــنـسَے• : ذكر عدد مشآرڪآتي : 98
    نْـقٌٍـآطُْـيَـے : 900077
    تاريخ التسجيل : 03/12/2010

    الاوسمة
      :  

    شلسللس شرح عمل خلفية للرتبة متحركة ..حصرى

    مُساهمة من طرف رياضي ماهر في الإثنين يناير 03, 2011 7:08 am

    السلام عليكم ورحمة الله وبركاته
    طبعا الكل يريد ان يجعل الرتبة يكون لها خلفية متحركة
    اليكم الان الكود وطريقة تركيبه

    اولا
    الكود الاول
    هذة رتبة الادمن
    الرمز:
    اقتباس:
    <div class="rotba1">المدير
    العام</div>

    كما تلاحظون فى الرتبة مكتوب
    rotba1
    يوضع هذا الكود فى
    لوحه الادارة

    الاعضاء والمجموعات

    اداررة الرتب
    ثم
    اضغط تعديل
    لرتبة المدير

    وضع بها الكود
    ثانيا
    الان كود CSS الذى يحتوى على الخلفية
    الكود هذا يوضع فى ورقة تصميم
    CSS
    الرمز:
    اقتباس:
    .rotba1{
    color:#FF0303;
    font-size : 12pt;
    font-weightold;
    border:2px dotted darkred;
    text-align:center;
    background:url(https://redcdn.net/ihimizer/img685/5807/qtr1.gif);
    }
    كما تلاحظون فى الكود بدايته
    rotba1
    كما بالاول
    لمن يرد وضع رتبه اخرى
    يغير
    ROTBA1
    فى الكودين

    مثال
    الرمز:
    اقتباس:
    <div class="rotba2">نائب
    المدير</div>

    +
    CSS
    الرمز:
    اقتباس:
    .rotba2{
    color:#FF0303;
    font-size : 12pt;
    font-weightold;
    border:2px dotted darkred;
    text-align:center;
    background:url(https://redcdn.net/ihimizer/img685/5807/qtr1.gif);
    }

    ولمن يريد تغير الصورة الخلفية
    من كود CSS
    الرمز:
    اقتباس:

    .rotba1{

    color:هنا كود لون الاطار المنقط حول الرتبة;

    font-size : 12pt;

    font-weightold;

    border:2px dotted darkred;

    text-align:center;

    background:url(هنا رابط صورة الخلفية);

    }

    شكرا الكود رائع وحصرى لجميع


      الوقت/التاريخ الآن هو الخميس نوفمبر 15, 2018 3:45 am