EL K i N g مؤسس بوند التطوير
- [ ڪِتـابَاتِيّ » : 305 - [ عمري » : 29 - [ تَقْيِيمِي » : 1 - [ نقاطي » : 391
| موضوع: كود CSS لتنسيق و تعديل الدخول للمنتدى --> phpBB الثلاثاء أبريل 29, 2014 4:05 pm | |
| بـــســـم الله الــــــرحمــآن الـــــــرحيم ~ الـــسلامــْ عليكمـْ و رحـ(ـمـ)ـة الله و بركاتـهــْ ~
-- سأقدم لكم اليوم 3 اكواد في غاية الروعة --
مهمتهم تنسيق و تجميل منظر لوحة دخول منتداك على الرئيسية للـ phpBB
----------------------------------------
-- > phpBB2 -- >
:.: الكود الاول :.:
لوحة دخول احترافية
- الكود:
-
[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] /********** LOGIN_PAGE ************/[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] [size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] .user_login_form input.post {[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] color:#555;padding:5px 10px;border-radius:4px;[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] text-shadow:0 1px 0 #fff;box-shadow:inset 0 0 5px 3px #eee;[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] }[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] .user_login_form input.post[type="text"] {[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] padding-right:20px;background:#fff url(http://i72.servimg.com/u/f72/16/76/93/88/user_g10.png) no-repeat right;[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] }[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] .user_login_form input.post[type="password"] {[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] padding-right:20px;background:#fff url(http://i46.servimg.com/u/f46/16/76/93/88/pass_10.png) no-repeat right/18px;[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] }[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] [size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] /* I-MP */
لوحة الادارة > مظهر المنتدى > الوان > ورقة الـ(css) ************* :.: الكود الثاني :.:
يحذف الفراغ الذي يسببه كود الدخول عبر الفيس بوك وهذا الفراغ يقوم بافساد المظهر العام الجمالي للمنتدى لهذا سهرت ابحث عنه الى ان وجدته
- الكود:
-
[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] /* I-MP */[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] [size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] .fb_iframe_widget span {width:350px!important;}[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] .fb_iframe_widget iframe {width:350px!important;}[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] [size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] /* I-MP */ لوحة الادارة > مظهر المنتدى > الوان > ورقة الـ(css) ---------------------------------------- -- > phpBB3 -- >
:.: الكود :.:
لوحة دخول احترافية و مذهلة للنسخة الثالثة من تصميمي و من ابتكاري مجانية لجميع الاعضاء
- الكود:
-
[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] /*- LOGIN -*/[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] [size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] .pun .user_login_form input.mainoption, .pun .user_login_form input.post {[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] font:bold 12px tahoma;color:#555;padding:7px 15px;border-radius:4px;[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] text-shadow:0 1px 0 #fff;box-shadow:inset 0 0 5px 3px #eee;border:1px solid #CCC;[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] background: url("http://i46.servimg.com/u/f46/16/76/93/88/i10.png") repeat center #fff;[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] }[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] .pun .user_login_form input.mainoption:hover {[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] border:1px solid #88b031;color:#88b031;[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] }[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] .pun .user_login_form input.post:hover {[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] background-position:center;border:1px solid #88b031;color:#999و[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] }[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] .fb_or {[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] background:#fcffe5;border-color:#88b031;color:#88b031;border-style:dotted solid;[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] padding:8px 15px;font:bold 12px tahoma;border-width:1px 4px;[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] text-align:center;text-shadow:0 1px 15px #88b031;[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] }[size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] [size=13][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color][/size] /* I-MP */
لوحة الادارة > مظهر المنتدى > الوان > ورقة الـ(css) ############# | |
|