تركيب خلفيات متحركة لمجموعات الاعضاء مثل نجوم قطر

بسم الله الرحمن الرحيم

أسعد الله اوقاتكم بالخير والمسرات

طريقة تركيب خلفيات متحركة لمجموعات الاعضاء مثل نجوم قطر

طبعاً الصور جمعتهم وليسه من تصويري وهي نفس الطريقة اللي فالصورة

http://mwadah.com/images/imgcache/2011/05/472.jpg

انسخ الكود هذا
أضيف كود يوضع في اخر تعاريف CSS الإضافية/Additional CSS Definitions
===========

كود:

---

.red
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #FF0000; 
cursor: pointer;
font-family:Tahoma; 
font-size:11px;
font-weight: bold; 
vertical-align:middle; 
letter-spacing:0; 
color:#FFFFFF; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#ECEEF0;
background-image:url('color/qtr1.gif'); 
text-align:center;
}

.green
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #006600;
cursor: pointer;
font-family:Tahoma; 
font-size:11px;
font-weight: bold; 
vertical-align:middle; 
letter-spacing:0; 
color:#006600; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#ECEEF0;
background-image:url(''); 
text-align:center;
}

.blue
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #000080;
cursor: pointer;
font-family:Tahoma; 
font-size:11px;
font-weight: bold; 
vertical-align:middle; 
letter-spacing:0; 
color:#000080; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#ECEEF0;
background-image:url('color/qtr2.gif');
text-align:center;
}
.DimGray
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #F4A460;
cursor: pointer;
font-family:Tahoma; 
font-size:11px;
font-weight: bold; 
vertical-align:middle; 
letter-spacing:0; 
color:#000000; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#ECEEF0;
background-image:url('color/qtr16.gif');
text-align:center;
}

 

.fushia
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #707BBA;
cursor: pointer;
font-family:Tahoma; 
font-size:11px;
font-weight: bold; 
vertical-align:middle; 
letter-spacing:0; 
color:#FFFFFF; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#ECEEF0;
background-image:url('color/qtr5.gif'); 
text-align:center;
}

.orang
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #F4A460;
cursor: pointer;
font-family:Tahoma; 
font-size:11px;
font-weight: bold; 
vertical-align:middle; 
letter-spacing:0; 
color:#000000; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#ECEEF0;
background-image:url('color/qtr4.gif');
text-align:center
}

.teal
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #07AD86;
cursor: pointer;
font-family:Tahoma; 
font-size:11px;
font-weight: bold; 
vertical-align:middle; 
letter-spacing:0; 
color:#000000; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#ECEEF0;
background-image:url('color/qtr9.gif'); 
text-align:center;
}
.brown
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #000000;
cursor: pointer;
font-family:Tahoma; 
font-size:11px;
font-weight: bold; 
vertical-align:middle; 
letter-spacing:0; 
color:#33CC33; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#ECEEF0;
background-image:url(''); 
text-align:center;
}
.pink
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #FF6699;
cursor: pointer;
font-family:Tahoma; 
font-size:11px;
font-weight: bold; 
vertical-align:middle; 
letter-spacing:0; 
color:#000000; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#ECEEF0;
background-image:url('color/qtr10.gif'); 
text-align:center;
}
.black
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #202040;
cursor: pointer;
font-family:Tahoma; 
font-size:11px;
font-weight: bold; 
vertical-align:middle; 
letter-spacing:0; 
color:#FFFFFF; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#ECEEF0;
background-image:url('color/qtr19.gif');
text-align:center;
}
.Badngan
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #CC33FF;
cursor: pointer;
font-family:Tahoma; 
font-size:11px;
font-weight: bold; 
vertical-align:middle; 
letter-spacing:0; 
color:#CC33FF; 
padding-left:0; 
padding-right:0; 
padding-top:0; 
padding-bottom:0; 
background-color:#ECEEF0;
background-image:url('');
text-align:center;
}

---

========================= ===

تعديل على المجموعات
وهذي نفس المجموعات اللي في منتدى نجوم قطر
كود/ المدير العام
المربع الاول
<input type="text" name="T1" size="13" class="red" value="
المربع الثاني
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
كود/ نائب المدير
المربع الاول
<input type="text" name="T1" size="13" class="teal" value="
المربع الثاني
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
كود/ إداريين
المربع الاول
<input type="text" name="T1" size="13" class="fushia" value="
المربع الثاني
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
كود/ المشرفين
المربع الاول
<input type="text" name="T1" size="13" class="pink" value="
المربع الثاني
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
كود/ عضو VIP
المربع الاول
<input type="text" name="T1" size="13" class="orang" value="
المربع الثاني
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
كود/ عضو مميز
المربع الاول
<input type="text" name="T1" size="13" class="DimGray" value="
المربع الثاني
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
كود/ عضو جديد
المربع الاول
<input type="text" name="T1" size="13" class="blue" value="
المربع الثاني
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
كود/ ألاعضاء الذين يَنتظرونَ تأكيدَ بريد إلكتروني
المربع الاول
<input type="text" name="T1" size="13" class="Badngan" value="
المربع الثاني
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
كود/ عضو موقوف
المربع الاول
<input type="text" name="T1" size="13" class="black" value="
المربع الثاني
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
========================= ==============
وضع هذا الكود في المستطيل الاول في اي مجموعة مع مرعاة تغيير اللون blue الى اللون المختار للمجموعة

<input type="text" name="T1" size="13" class="blue" value="
========================= =
يوضع هذا الكود في المستطيل الثاني في اي مجموعة وهو خاص للمربعات
" readonly style="border-style:double; border-width:3px; padding:0; width: 70">
========================= ===
وبعد ذلك تقوم برفع ملف المرفق إلى داخل منتداك (vb)

مثال

https://mwadah.com/images/imgcache/2009/02/609.jpg

وللتحميل اضغط هنا
[hide]http://upload.traidnt.net/dldTdo12941.zip.html[/hide]

مبروك عليك تم التركيب
لاتنسونا من دعواتكم

لاهنت على النقل والشرح مودتى

مشكور بارك الله فيك

ربي يعطيك العافية

اقتباس:

---

المشاركة الأصلية كتبت بواسطة عبدالعزيز مسلط

لاهنت على النقل والشرح مودتى

---

ولاهان قدرك يالغلا وتسلم على المرور

اقتباس:

---

المشاركة الأصلية كتبت بواسطة الشااهين

مشكور بارك الله فيك

---

العفو ويبارك لك بمثله يالغالي

اقتباس:

---

المشاركة الأصلية كتبت بواسطة حضرة الامبراطور

ربي يعطيك العافية

---

الله يعافيك وشكرا على مرورك العطر

اقتباس:

---

المشاركة الأصلية كتبت بواسطة لغة العصر

مشكووووووووووووووور يالغالي و لا عدمناك

---

العفو يالغالي وشكرا على مرورك

السلام عليكم

بارك الله فيك

سلامي :mwalat39:

رائــــــــــــــــــــــ ـــــــــــــــع

وشكرا بارك الله فيك ... ولك مني أجمل تحية

اقتباس:

---

المشاركة الأصلية كتبت بواسطة المحبه نت

السلام عليكم

بارك الله فيك

سلامي :mwalat39:

---

يبارك لك بمثله يالغلا :mwalat32:

وتسلم على مرورك العطر

اقتباس:

---

المشاركة الأصلية كتبت بواسطة ابو نواف

رائــــــــــــــــــــــ ـــــــــــــــع

وشكرا بارك الله فيك ... ولك مني أجمل تحية

---

الرائع حضورك يالغالي ويبارك لك بمثله يارب

وشكرا على مرورك العطر :mwalat18:

اقتباس:

---

المشاركة الأصلية كتبت بواسطة بريق الشوق

مشكوووووووووووووووووووووو ووووووور

---

العفو يالغلا :mwalat30:

وتسلم على مرورك الكريم

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

اقتباس:

---

المشاركة الأصلية كتبت بواسطة ابو راشد

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

---

العفو يالغالي ويبارك لك بمثله يارب :mwalat32:

وشكرا على مرورك العطر بمتصفحي :mwalat39:

thaaaaaaaaaaaaaaaaaaaaaaa nx

مشكوووووووووووووووووووووو وووووووور

يسلموووووووا اخي
يعطيك الف الف عافية يارب

اقتباس:

---

المشاركة الأصلية كتبت بواسطة موبايلللللللللي

thaaaaaaaaaaaaaaaaaaaaaaa nx

---

العفو يالغلا :mwalat30:

وتسلم على مرورك الكريم

اقتباس:

---

المشاركة الأصلية كتبت بواسطة بندر الرويلي

مشكوووووووووووووووووووووو وووووووور

---

العفو يالغلا وتسلم على مرورك العطر

اقتباس:

---

المشاركة الأصلية كتبت بواسطة شبابيك

يسلموووووووا اخي
يعطيك الف الف عافية يارب

---

الله يسلمك ويعافيك يالغلا

وتسلم على مرورك العطر

مشكووور اخوي وجاري التجربة وربي شيء روعه

اقتباس:

---

المشاركة الأصلية كتبت بواسطة شيهان

ابداع في اختيار الموضوع

وابداع في الشــــــــــــــرح



ابداع يا دايم السيف



جزاك الله خير وبارك الله فيك

---

الابداع يالغلا هو حضورك بمتصفحي

وتسلم على هذا الطراء الجميل :mwalat30:

وتقبل تحياتي

مشكوووووووووووووووووور بارك الله فيك شيء جميل موفق اخوي عمل رائع

يعطيك ربي العااافية

لا هنت تسلم يالغالي

ارق تحية

شكرا بارك الله بك

ممتاز
شكرا جزيلا

مشكوووور حبيبي

ما قصرت يا الغلا

اقتباس:

---

المشاركة الأصلية كتبت بواسطة بديع تعز

مشكووور اخوي وجاري التجربة وربي شيء روعه

---

العفو يالغالي

وشكرا على مرورك العطر

اقتباس:

---

المشاركة الأصلية كتبت بواسطة أمير القلوب

مشكوووووووووووووووووور بارك الله فيك شيء جميل موفق اخوي عمل رائع

---

العفو ويبارك لك بمثله يالغالي

وشكرا على مرورك العطر

اقتباس:

---

المشاركة الأصلية كتبت بواسطة ريح الشمال

يعطيك ربي العااافية

---

الله يعافيك يالغالي

وشكرا على مرورك العطر

اقتباس:

---

المشاركة الأصلية كتبت بواسطة المليونير

لا هنت تسلم يالغالي

ارق تحية

---

لاهان قدرك والله يسلمك يالغلا

وشكرا على مرورك العطر :mwalat32:

اقتباس:

---

المشاركة الأصلية كتبت بواسطة ابو طلال الدميم

شكرا بارك الله بك

---

العفو ويبارك لك بمثله يالغالي

وشكرا على مرورك العطر :mwalat18:

اقتباس:

---

المشاركة الأصلية كتبت بواسطة محمودأحمدحمادة

ممتاز
شكرا جزيلا

---

العفو يالغالي

وشكرا على مرورك العطر

اقتباس:

---

المشاركة الأصلية كتبت بواسطة كتيبة الأحرار

مشكوووور حبيبي

ما قصرت يا الغلا

---

العفو يالغالي

وشكرا على مرورك العطر

مشكوووووووووور بارك الله فيك:mwalat39:

اقتباس:

---

المشاركة الأصلية كتبت بواسطة فراشة الحب

مشكوووووووووور بارك الله فيك:mwalat39:

---

العفو ويبارك لكِ بمثله يالغالية

وشكرا على مروركِ العطر :mwalat38:

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية

اقتباس:

---

المشاركة الأصلية كتبت بواسطة مشرف عام فلسطين

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية

---

العفو ويبارك لك بمثله يالغالي

وشكرا على مرورك العطر :mwalat32:

الله يعطيك العاافيه يارب

تسلم وبارك الله فيك يالغالي

اقتباس:

---

المشاركة الأصلية كتبت بواسطة القلبـ الخنونـ

الله يعطيك العاافيه يارب

---

الله يعافيك يالغالي

وشكرا على مرورك