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

تيسسسسسسسسسسسسسسسسسسلم والله حلو جدا

اقتباس:

---

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

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

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

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

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

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

وللتحميل اضغط هنا
المحتوى المخفي لايقتبس

مبروك عليك تم التركيب

لاتنسونا من دعواتكم

---

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

شكرا اخي بارك الله فيك

اقتباس:

---

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

شكرررررررررررررا

---

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

اقتباس:

---

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

كرا اله لايحرمما هالطله

---

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

اقتباس:

---

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

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

---

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

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

اقتباس:

---

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

تيسسسسسسسسسسسسسسسسسسلم والله حلو جدا

---

الله يسلمك يالغالي

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

اقتباس:

---

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

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

---

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

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

اقتباس:

---

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

شكرا اخي بارك الله فيك

---

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

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

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

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

شكراااااا اخى

تسلم يالغلا

شكراااااااااااااااااااا

اقتباس:

---

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

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

---

ومن قال يالغالي

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

اقتباس:

---

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

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

---

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

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

اقتباس:

---

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

شكراااااا اخى

---

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

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

اقتباس:

---

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

مشكوووووووووووووووووووووو وووووووورررر جدااااااااااااااااااااااا ااااااااااااااااا:mwalat1 5:

---

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

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

اقتباس:

---

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

تسلم يالغلا

---

الله يسلمك يالغالي

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

اقتباس:

---

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

شكراااااااااااااااااااا

---

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

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

مشكور اخوي على الهاك الرائع

ودي

اقتباس:

---

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

مشكور اخوي على الهاك الرائع

ودي

---

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

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

جاري التجربة

وشكراً لك

اقتباس:

---

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

جاري التجربة

وشكراً لك

---

العفو يالغالي وموفق

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

السلام عليكم

بارك الله فيك

سلامي

thank.....you

اقتباس:

---

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

السلام عليكم

بارك الله فيك

سلامي

---

وعليكم السلام والرحمه

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

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

اقتباس:

---

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

جزاك الله كل خير

---

يجازيك بمثله يالغالي

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

اقتباس:

---

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

thank.....you

---

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

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

شكرا لك يا غالى

اقتباس:

---

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

شكرا لك يا غالى

---

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

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

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

مشكووووووووووووووو وتسلم

مثكـــور يالغآآلي

اقتباس:

---

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

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

---

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

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

اقتباس:

---

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

مشكووووووووووووووو وتسلم

---

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

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

اقتباس:

---

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

مثكـــور يالغآآلي

---

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

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

شكراااااااااااااااااااااا ااااااااااااااااااااااااا ااااااااااا

جزاك الله خير

وشكرا لك

اقتباس:

---

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

شكراااااااااااااااااااااا ااااااااااااااااااااااااا ااااااااااا

---

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

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