كود CSS لتنسيق و تعديل الدخول للمنتدى --> phpBB

اذهب الى الأسفل

كود CSS لتنسيق و تعديل الدخول للمنتدى --> phpBB

مُساهمة من طرف M!Z0 PR0 في الجمعة 19 أبريل 2013 - 16:53


كود CSS لتنسيق و تعديل الدخول




بـــســـم الله الــــــرحمــآن الـــــــرحيم
~ الـــسلامــْ عليكمـْ و رحـ(ـمـ)ـة الله و بركاتـهــْ ~



-- سأقدم لكم اليوم 3 اكواد في غاية الروعة --


مهمتهم تنسيق و تجميل منظر لوحة دخول منتداك على الرئيسية للـ phpBB


----------------------------------------


-- > phpBB2 -- >

:.: الكود الاول :.:

لوحة دخول احترافية
من تصميمي
و من ابتكاري


للمعاينة :

http://i72.servimg.com/u/f72/16/76/93/88/1_10.png


!. الكود .!

Spoiler:

الكود:

/********** LOGIN_PAGE ************/

.user_login_form input.post {
color:#555;padding:5px 10px;border-radius:4px;
text-shadow:0 1px 0 #fff;box-shadow:inset 0 0 5px 3px #eee;
}
.user_login_form input.post[type="text"] {
padding-right:20px;background:#fff url(http://i72.servimg.com/u/f72/16/76/93/88/user_g10.png) no-repeat right;
}
.user_login_form input.post[type="password"] {
padding-right:20px;background:#fff url(http://i46.servimg.com/u/f46/16/76/93/88/pass_10.png) no-repeat right/18px;
}

/* I-MP */



*************



:.: الكود الثاني :.:

يحذف الفراغ الذي يسببه كود الدخول عبر الفيس بوك
وهذا الفراغ يقوم بافساد المظهر العام الجمالي للمنتدى
لهذا سهرت ابحث عنه الى ان وجدته


للمعاينة :

http://i72.servimg.com/u/f72/16/76/93/88/2_10.png



!. الكود .!

Spoiler:

الكود:

/* I-MP */

.fb_iframe_widget span {width:350px!important;}
.fb_iframe_widget iframe {width:350px!important;}

/* I-MP */





----------------------------------------


-- > phpBB3 -- >

:.: الكود :.:

لوحة دخول احترافية و مذهلة للنسخة الثالثة
من تصميمي و من ابتكاري
مجانية لجميع الاعضاء

للمعاينة :

http://i72.servimg.com/u/f72/16/76/93/88/3_10.png


!. الكود .!

Spoiler:

الكود:

/*- LOGIN -*/

.pun .user_login_form input.mainoption, .pun .user_login_form input.post {
font:bold 12px tahoma;color:#555;padding:7px 15px;border-radius:4px;
text-shadow:0 1px 0 #fff;box-shadow:inset 0 0 5px 3px #eee;border:1px solid #CCC;
background: url("http://i46.servimg.com/u/f46/16/76/93/88/i10.png") repeat center #fff;
}
.pun .user_login_form input.mainoption:hover {
border:1px solid #88b031;color:#88b031;
}
.pun .user_login_form input.post:hover {
background-position:center;border:1px solid #88b031;color:#999و
}
.fb_or {
background:#fcffe5;border-color:#88b031;color:#88b031;border-style:dotted solid;
padding:8px 15px;font:bold 12px tahoma;border-width:1px 4px;
text-align:center;text-shadow:0 1px 15px #88b031;
}

/* I-MP */





تنبيه: هذا الكود من تصميمي الخاص و حقوقه مكتوبة باسمي!



تم بواسطة
المتطوع المساعد
M!Z0 PR0

+ ارجو نقله الى قسم الـ CSS
avatar
M!Z0 PR0
 
 

ذكر
عدد المساهمات : 394
معدل النشاط : 3278
السُمعة : 41

http://index.arab.st

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى