![]() |
[شرح] : شرح تلوين النكات مع خلفيات متحركه وجميله - الوان المجموعات السلام عليكم ورحمة الله وبركاته .redاقدم لكم اليوم هاك جميل جدا تلوين النكات مع خلفيات متحركه وجميله نبداء الشرح اولا هذه صوره للهاك http://img116.imageshack.us/img116/8848/444il1xw1.gif وهذا مثال حي على الهاك خطوات التركيب من القائمة الرئيسيه للوحة تحكم المنتدى اختر الاستايلات والقوالب اختر التحكم بالاستايلات http://img380.imageshack.us/img380/4366/2252cq1.jpg انسخ الكود هذا أضيف كود يوضع في اخر تعاريف CSS الإضافية/Additional CSS Definitions __________________________________________________ ____________ { 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; } __________________________________________________ ____________________ تعديل على المجموعات وهذي نفس المجموعات اللي في منتدى نجوم قطر كود/ المدير العام المربع الاول كود/ نائب المدير المربع الاول كود/ إداريين المربع الاول كود/ المشرفين المربع الاول كود/ عضو VIP المربع الاول كود/ عضو مميز المربع الاول كود/ عضو جديد المربع الاول كود/ ألاعضاء الذين يَنتظرونَ تأكيدَ بريد إلكتروني المربع الاول كود/ عضو موقوف المربع الاول ======================================= وضع هذا الكود في المستطيل الاول في اي مجموعة مع مرعاة تغيير اللون blue الى اللون المختار للمجموعة ============================ وبعد ذلك تقوم برفع ملف المرفق إلى داخل منتداك (vb) مثال http://img123.imageshack.us/img123/9849/nmr23432rp1.gif http://www.support-ar.com/vb/images/smilies/bye1.gif الملفات المرفقة http://www.traidnt.net/vb/images/attach/zip.gif one.zip (686.0 كيلوبايت) |
الساعة الآن 11:38 PM |
[ vBspiders.Com Network ]