أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

اضافات تضع لمسة جماليه للاستايل


مشاهدة المشاركة في الموضوع بالعرض العادي
look/images/icons/i1.gif اضافات تضع لمسة جماليه للاستايل
  30-08-2010 06:54 صباحاً  
مهند
معلومات الكاتب
4:خلفيه متحركه لاسم العضو


نبدء
اولاً

تحمل ملف coler الي في المرفقات
وترفعه في مجلد images للاستايل الي انت جاعله يكون الافتراضي

وتضع هذا الكود في اخر ورقة css
CODE
<!-- CSS Code, ready for Use -->

<style type="text/css">

<!--

body {scrollbar-face-color:#f3bd4b;

scrollbar-highlight-color:#dea52e;

scrollbar-3dlight-color:#dea52e;

scrollbar-darkshadow-color:#dea52e;

scrollbar-shadow-color:#dea52e;

scrollbar-arrow-color:#6e4000;

scrollbar-track-color:#fff8df;

color:#000000;

font-family:verdana,arial;

font-size:12px}



.red{

border:2px #000000 dotted;

cursor: pointer;

font-family: "Microsoft Sans Serif";

font-size: 8pt;

color:#000000;

border-style:dotted;

padding:0px 15px 0px 15px;

background-color:#FFFFFF;

background-image:url('images/color/qtr4.gif');

text-align:center;

width:50px;

display:inline-block;

overflow:hidden;

white-space:nowrap;

}



.green{

border:2px #000000 dotted;

cursor: pointer;

font-family: "Microsoft Sans Serif";

font-size: 8pt;

color:#000000;

border-style:dotted;

padding:0px 15px 0px 15px;

background-color:#FFFFFF;

background-image:url('images/color/moshrfeen.gif');

text-align:center;

width:50px;

display:inline-block;

overflow:hidden;

white-space:nowrap;

}



.blue{

border:2px #000000 dotted;

cursor: pointer;

font-family: "Microsoft Sans Serif";

font-size: 8pt;

color:#FFFFFF;

border-style:dotted;

padding:0px 15px 0px 15px;

background-color:#FFFFFF;

background-image:url('images/color/memder.gif');

text-align:center;

width:50px;

display:inline-block;

overflow:hidden;

white-space:nowrap;

}



.gray{

border:2px #000000 dotted;

cursor: pointer;

font-family: "Microsoft Sans Serif";

font-size: 8pt;

color:#000000;

border-style:dotted;

padding:0px 15px 0px 15px;

background-color:#FFFFFF;

background-image:url('images/color/no-tf3el.gif');

text-align:center;

width:50px;

display:inline-block;

overflow:hidden;

white-space:nowrap;

}



.fushia{

border:2px #000000 dotted;

cursor: pointer;

font-family: "Microsoft Sans Serif";

font-size: 8pt;

color:#FFFFFF;

border-style:dotted;

padding:0px 15px 0px 15px;

background-color:#FFFFFF;

background-image:url('images/color/nab-admin.gif');

text-align:center;

width:50px;

display:inline-block;

overflow:hidden;

white-space:nowrap;

}



.brown{

border:2px #000000 dotted;

cursor: pointer;

font-family: "Microsoft Sans Serif";

font-size: 8pt;

color:#FFFFFF;

border-style:dotted;

padding:0px 15px 0px 15px;

background-color:#FFFFFF;

background-image:url('images/color/brown.gif');

text-align:center;

width:50px;

display:inline-block;

overflow:hidden;

white-space:nowrap;

}



.pink{

border:2px #000000 dotted;

cursor: pointer;

font-family: "Microsoft Sans Serif";

font-size: 8pt;

color:#FFFFFF;

border-style:dotted;

padding:0px 15px 0px 15px;

background-color:#FFFFFF;

background-image:url('images/color/moshrd-3am.gif');

text-align:center;

width:50px;

display:inline-block;

overflow:hidden;

white-space:nowrap;

}


وتذهب لتعديل المجموعاتوتضع الاكواد في
شكل اسم المستخدم في المجموعة

كما في الترتيب
مجموعة الاداره
CODE
 <span class="red">[username]</span>

مجموعة نائب المدير
CODE
 <span class="fushia">[username]</span>

مجموعة المشرف العام
CODE
 <span class="pink">[username]</span>

مجموعة المشرف
CODE
 <span class="green">[username]</span>

مجموعة الاعضاء
CODE
 <span class="blue">[username]</span>

مجموعة الموقوفين
CODE
 <span class="gray">[username]</span>


هذه الطريقه مأخوذه من اسماعلينو لكن
انا طورة الصور
يعني انت عندك 5 صور بس وانا رتبتهم
على هذا الشكل
اذا تريد تغيير الصوره تغير اسم اللون مثل red الى green

هي الالوان مش مرتبه على اسامي الوانا يعني red الصوره تكون ذهبيه وهيك
وهذا مثال

www.kesoft.net

وشكرا
 
  color.zip   تحميل zip مرات التحميل :(81)
الحجم :(138.11) KB


تم تحرير المشاركة بواسطة :مهند بتاريخ:31-08-2010 05:31 صباحاً



الساعة الآن 09:47 AM