تغير شكل الدخول , وجعله مثل موقع التويتر Twitter Style

http://www.dzbatna.com/images/icons/iconrote.gif طھط؛ظٹط± ط´ظƒظ„ ط§ظ„ط¯ط®ظˆظ„ , ظˆط¬ط¹ظ„ظ‡ ظ…ط«ظ„ ظ…ظˆظ‚ط¹ ط§ظ„طھظˆظٹطھط± Twitter Style

---

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

معنا اليوم تعديل في غايه الروعه والجمال ,
وهو جعل شكل الدخول , مثل موقع التويتر

هذا هيكون الشكل

http://www.dzbatna.com/attachments/4...9599027-02.jpg


وعند الضغط علي دخول , سوف تنزل قائمة مندسلة ليضع فيها الاسم والرقم السري .

http://www.dzbatna.com/attachments/4...9599027-03.jpg

وطبعا في الفير فوكس يكون شكلها اجمل مع الانحنائات الجانبية .


المهم
طريقة التركيب install ياريت تركزوا شوي عشان نطلع بدون اي خطاء .

اولاً حمل الملف المرفق باسم login
وفك الضغط عنه بتلاقي مجلد باسم login قم برفعه كاملاً لمجلد منتداك
يعني يكون علي الشكل التالي
/vb/login/

ويوجد ملف اخر بالتعديلات التي يجب ان تقوم بها في القوالب , وسوف نشرح طريقةها هنا مره اخرى .


بعد رفع المجلد login يبقي لدينا التعديلات علي القوالب


التعديل الاول
افتح قالب template الـadditional.css
وضع فيه الكود code التالي
رمز Code:
/* TheWindows7Site Custom Login */ #container { float:right; margin:0 auto; position: relative; } a img { border-width:0; } #topnav { padding:10px 0px 12px; font-size:11px; line-height:23px; text-align:right; } #topnav a.signin { background:#0d3156; padding:4px 6px 6px; text-decoration:none; font-weight:bold; color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; *background:transparent url("./login/images/signin-nav-bg-ie.png") no-repeat 0 0; *padding:4px 12px 6px; } #topnav a.signin:hover { background:#15579b; *background:transparent url("./login/images/signin-nav-bg-hover-ie.png") no-repeat 0 0; *padding:4px 12px 6px; } #topnav a.signin, #topnav a.signin:hover { *background-position:0 3px!important; } a.signin { position:relative; margin-left:3px; } a.signin span { background-image:url("./login/images/toggle_down_light.png"); background-repeat:no-repeat; background-position:100% 50%; padding:4px 16px 6px 0; } #topnav a.register { background:#0d3156; padding:4px 6px 6px; text-decoration:none; font-weight:bold; color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; *background:transparent url("./login/images/signin-nav-bg-ie.png") no-repeat 0 0; *padding:4px 12px 6px; } #topnav a.register:hover { background:#15579b; *background:transparent url("./login/images/signin-nav-bg-hover-ie.png") no-repeat 0 0; *padding:4px 12px 6px; } #topnav a.register, #topnav a.register:hover { *background-position:0 3px!important; } a.register { position:relative; margin-left:0px; } a.register span { background-image:url("./login/images/register_light.png"); background-repeat:no-repeat; background-position:100% 50%; padding:4px 16px 6px 0; } #topnav a.menu-open { background:#0d3156!important; color:#fff!important; outline:none; } #small_signup { display:inline; float:none; line-height:23px; margin:25px 0 0; width:170px; } a.signin.menu-open span { background-image:url("./login/images/toggle_up_light.png"); color:#fff; } #signin_menu { -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; display:none; /* background-color:#0d3156; */ background:url(login/images/login_back.png) #0d3156 repeat-x; position:absolute; width:210px; z-index:100; border:1px transparent; text-align:left; padding:12px; top: 24.5px; right: 0px; margin-top:5px; margin-right: 0px; *margin-right: -1px; color:#fff; font-size:11px; } #signin_menu input[type=text], #signin_menu input[type=password] { display:block; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #0d3156; background:url(login/images/field_back.png) repeat-x; font-size:13px; margin:0 0 5px; padding:5px; width:203px; } #signin_menu p { margin:0; } #signin_menu a { color:#fff; } #signin_menu label { font-weight:normal; } #signin_menu p.remember { padding:10px 0; } #signin_menu p.forgot, #signin_menu p.complete { clear:both; margin:5px 0; } #signin_menu p a { color:#fff!important; } #signin_menu p a:hover { text-decoration:underline; } #signin_submit { -moz-border-radius:4px; -webkit-border-radius:4px; background-color:#0d3156; border:1px solid #fff; color:#fff; text-shadow:0 -1px 0 #39d; padding:4px 10px 5px; font-size:11px; margin:0 5px 0 0; font-weight:bold; } #signin_submit::-moz-focus-inner { padding:0; border:0; } #signin_submit:hover, #signin_submit:focus { background-position:0 -5px; cursor:pointer; } /* TheWindows7Site Custom Login */
التعديل الثاني
اتفح قالب template الـ header
وابحث عن
رمز Code:

• {vb:rawphrase log_out}
• {vb:rawphrase register}
• {vb:rawphrase control_panel}
• {vb:rawphrase your_profile}
• {vb:rawphrase your_notifications}: {vb:raw notifications_total}
  {vb:raw notifications_menubits}
• {vb:rawphrase your_notifications}
  • {vb:rawphrase no_new_messages}
  • {vb:rawphrase inbox}
• {vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}

{vb:raw template_hook.header_userinfo}

{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}

• {vb:rawphrase register}
• {vb:rawphrase help}
• {vb:raw username}{vb:rawphrase username}" onfocus="if (this.value == '{vb:raw username}{vb:rawphrase username}'){this.value=''; this.style.color='black';}" onblur="if (this.value == '') {this.value='{vb:raw username}{vb:rawphrase username}'; this.style.color='#828282';}"/>

  {vb:rawphrase remember_me}

استبدله بـ
رمز Code:

• {vb:rawphrase log_out}
• {vb:rawphrase register}
• {vb:rawphrase control_panel}
• {vb:rawphrase your_profile}
• {vb:rawphrase your_notifications}: {vb:raw notifications_total}
  {vb:raw notifications_menubits}
• {vb:rawphrase your_notifications}
  • {vb:rawphrase no_new_messages}
  • {vb:rawphrase inbox}
• {vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}

{vb:raw template_hook.header_userinfo}

{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}

التعديل الثالث والاخير
افتح قالب template الـnavbar
وابحث عن
رمز Code:

اضف بعده
رمز Code:

هل لديك حساب دخول التسجيل

الاسم

الرقم السري

تذكرني ؟

نسيت الرقم السري ؟

نسيت اسم العضوية ؟

فقط وتمتع بشكل تسجيل الدخول الجميل , والشبية بموقع تويتر ,





برجاء عند نقل الموضوع ذكر المصدر , لي هنا بديزاد باتنة .
المصدر الاجنبي :
http://www.vbulletin.org/forum/showthread.php?t=238152



تحياتي لكم

ألعاب الأندرويد مجانا و حصريا

الملفات المرفقة [TR]
http://www.traidnt.net/vb/images/attach/zip.gif login.zip (27.0 كيلوبايت, عدد مرات المشاهدة 581 مرة) [/TR]


https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©