التواصل المباشر مع الادارة والاعضاء القدامى من خلال قناة التلغرام



العودة   :: vBspiders Professional Network :: > [ ::. الـحـمـايـة ~ Security .:: ] > حمـــاية السيــرفرات والمواقـــع > قســم تطويــر المــــواقع

إضافة رد
 
LinkBack أدوات الموضوع انواع عرض الموضوع
قديم 09-14-2009, 06:41 PM   رقم المشاركة : 1 (permalink)
معلومات العضو
xman2
:: RSS Account ::
 
الصورة الرمزية xman2
 

 

 
إحصائية العضو







xman2 غير متواجد حالياً

 

 

إحصائية الترشيح

عدد النقاط : 10
xman2 is on a distinguished road

افتراضي جديد ||- أسماء الأعضاء بطريقة جديدة -|| جديد


بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته


لقد مللنا من الطريقة القديمة ونود طريقة جديدة في ظهور
اسماء الأعضاء في المنتدى

اقدم لكم اليوم طريقة جديدة في عمل اسماء الأعضاء

وهي: اسماء الأعضاء في مربعات متحركة من اليسار الى اليمين

ومثال على العمل :



طريقة التركيب

لوحة التحكم --> التحكم بالإستايلات --> تعاريف CSS الإضافية نضع بها التالي :

رمز Code:
.red
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #FF1515;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#FF1515;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/aqw2.gif');
text-align:center;
}

.green
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #006600;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#006600;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/aqw1.gif');
text-align:center;
}

.blue
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #0000FF;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#0000FF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/aqw3.gif');
text-align:center;
}

.fushia
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #FF66CC;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#FF66CC;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/aqw5.gif');
text-align:center;
}


.orang
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #FF9900;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#FF9900;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/aqw9.gif');
text-align:center
}

.black
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #000000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#000000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/aqw8.gif');
text-align:center;
}

.brown
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #8B2323;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#8B2323;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/aqw10.gif');
text-align:center;
}

.pink
{
margin: 0px 0px 0px 0px;
width: 48;
border: 2px solid #CC33FF;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#CC33FF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/aqw6.gif');
text-align:center;
}

.sama
{
margin: 0px 0px 0px 0px;
width:48;
border: 2px solid #8CE2FF;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#8CE2FF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/aqw4.gif');
text-align:center;
}

وبعدها :
نروح الى التحكم بالمجموعات ونحط :


في المربع اليمين :

رمز Code:

ولا تنسى ترفع محتويات الملف : aqw الى محلد images
وطبعا ملف aqw في المرفق

الألوان :

red

green
blue
fushia

orang

black

brown

pink

sama


ملاحظة : بصراحة التصميم والعمل انا الي صممته .

وبكدة بنكون خلصنا من العمل الجديد .


الملفات المرفقة aqw.zip (195.0 كيلوبايت)


[]d] ||- Hslhx hgHuqhx f'vdrm []d]m -||

   

رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)


تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[Template] : شرح ازالة الخط الموجود تحت أسماء الأقسام وأسماء الأعضاء xman2 قســم تطويــر المــــواقع 0 07-13-2009 11:22 AM
[شرح] : شرح الترقية الاحترافية طريقة جديدة بمفهوم جديد للمبتدئين شرح مفصل نمر المحاني xman2 قســم تطويــر المــــواقع 0 04-14-2009 10:46 PM


الساعة الآن 03:11 PM


[ vBspiders.Com Network ]

SEO by vBSEO 3.6.0