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

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

الاوسمة
:

مساهمة رقم 1

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

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

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

اولا
الكود الاول
هذة رتبة الادمن
الرمز:

اقتباس:

<div class="rotba1">المدير
العام</div>

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

الاعضاء والمجموعات شرح عمل خلفية للرتبة متحركة ..حصرى Icon_arrow

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

ثم

اضغط تعديل شرح عمل خلفية للرتبة متحركة ..حصرى Icon_arrow

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

وضع بها الكود شرح عمل خلفية للرتبة متحركة ..حصرى Icon_arrow

ثانيا
الان كود CSS الذى يحتوى على الخلفية
الكود هذا يوضع فى ورقة تصميم
CSS
الرمز:

اقتباس:

.rotba1{
color:#FF0303;
font-size : 12pt;
font-weightold;
border:2px dotted darkred;
text-align:center;
background:url(https://2img.net/r/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://2img.net/r/ihimizer/img685/5807/qtr1.gif);
}

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

اقتباس:

.rotba1{

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

font-size : 12pt;

font-weightold;

border:2px dotted darkred;

text-align:center;

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

}

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