عالم التقنية

عالم التقنية

افلام عربي | افلام اجنبي | اغاني | شعبي | كليبات |مسلسلات | افلام تاريخية | افلام انمي وكرتون | قضايا ساخنة | برامج
 
الرئيسيةاليوميةمكتبة الصورمركز التحميلس .و .جبحـثالتسجيلدخول

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
admin
الادارة
الادارة
avatar

عادى الجنسية : مصر
عدد المساهمات : 362
تاريخ التسجيل : 24/06/2011
العمر : 26

مُساهمةموضوع: شرح عمل خلفية للرتبة متحركة ..حصرى   السبت 10 ديسمبر - 17:17

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

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

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

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

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

وضع بها الكود
ثانيا
الان كود CSS الذى يحتوى على الخلفية
الكود هذا يوضع فى ورقة تصميم
CSS
الكود:
 .rotba1{
color:#FF0303;
 font-size : 12pt;
 font-weightold;
border:2px dotted darkred;
text-align:center;
background:url(http://img685.imageshack.us/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(http://img685.imageshack.us/img685/5807/qtr1.gif);
}

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

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

 font-size : 12pt;

 font-weightold;

border:2px dotted darkred;

text-align:center;

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

}

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

..............................................
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
شرح عمل خلفية للرتبة متحركة ..حصرى
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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