المساعد الشخصي الرقمي

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



walid
10-30-2013, بتوقيت غرينيتش 10:29 PM
http://www.dzbatna.com/images/icons/iconrote.gif طھط؛ظٹط± ط´ظƒظ„ ط§ظ„ط¯ط®ظˆظ„ , ظˆط¬ط¹ظ„ظ‡ ظ…ط«ظ„ ظ…ظˆظ‚ط¹ ط§ظ„طھظˆظٹطھط± Twitter Style (http://www.dzbatna.com/t1513579/)



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

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

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

http://www.dzbatna.com/attachments/469457d1269599027-02.jpg


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

http://www.dzbatna.com/attachments/469458d1269599027-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:
<div id=&quot;toplinks&quot; class=&quot;toplinks&quot;> <vb:if condition=&quot;$show['member']&quot;> <ul class=&quot;isuser&quot;> <li><a href=&quot;login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:raw bbuserinfo.logouthash}&quot; onclick=&quot;return log_out('{vb:rawphrase sure_you_want_to_log_out}')&quot;>{vb:rawphrase log_out}</a></li> <vb:if condition=&quot;$show['registerbutton']&quot;> <li><a href=&quot;register.php{vb:raw session.sessionurl_q}&quot; rel=&quot;nofollow&quot;>{vb:rawphrase register}</a></li> </vb:if> <li><a href=&quot;usercp.php{vb:raw session.sessionurl_q}&quot;>{vb:rawphrase control_panel}</a></li> <li><a href=&quot;{vb:link member, {vb:raw bbuserinfo}}&quot;>{vb:rawphrase your_profile}</a></li> <vb:if condition=&quot;$notifications_total&quot;> <li class=&quot;popupmenu notifications&quot; id=&quot;notifications&quot;> <a class=&quot;popupctrl&quot; href=&quot;usercp.php{vb:raw session.sessionurl_q}&quot;>{vb:rawphrase your_notifications}: <span class=&quot;notifications-number&quot;><strong>{vb:raw notifications_total}</strong></span></a> <ul class=&quot;popupbody popuphover&quot;> {vb:raw notifications_menubits} </ul> </li> <vb:else /> <li class=&quot;popupmenu nonotifications&quot; id=&quot;nonotifications&quot;> <a class=&quot;popupctrl&quot; href=&quot;usercp.php{vb:raw session.sessionurl_q}&quot;>{vb:rawphrase your_notifications}</a> <ul class=&quot;popupbody popuphover&quot;> <li>{vb:rawphrase no_new_messages}</li> <li><a href=&quot;private.php{vb:raw session.sessionurl_q}&quot;>{vb:rawphrase inbox}</a></li> </ul> </li> </vb:if> <li class=&quot;welcomelink&quot;>{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li> </ul> {vb:raw template_hook.header_userinfo} <vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment> <vb:else /> <ul class=&quot;nouser&quot;> <vb:if condition=&quot;$show['registerbutton']&quot;> <li><a href=&quot;register.php{vb:raw session.sessionurl_q}&quot; rel=&quot;nofollow&quot;>{vb:rawphrase register}</a></li> </vb:if> <li><a rel=&quot;help&quot; href=&quot;faq.php{vb:raw session.sessionurl_q}&quot;>{vb:rawphrase help}</a></li> <li> <script type=&quot;text/javascript&quot; src=&quot;clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}&quot;></script> <form action=&quot;login.php?{vb:raw session.sessionurl}do=login&quot; method=&quot;post&quot; onsubmit=&quot;md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})&quot;> <fieldset id=&quot;logindetails&quot; class=&quot;logindetails&quot;> <div> <div> <input type=&quot;text&quot; class=&quot;textbox default-value&quot; name=&quot;vb_login_username&quot; id=&quot;navbar_username&quot; size=&quot;10&quot; accesskey=&quot;u&quot; tabindex=&quot;101&quot; value=&quot;<vb:if condition=&quot;$username&quot;>{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>&quot; onfocus=&quot;if (this.value == '<vb:if condition=&quot;$username&quot;>{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'){this.value=''; this.style.color='black';}&quot; onblur=&quot;if (this.value == '') {this.value='<vb:if condition=&quot;$username&quot;>{vb:raw username}<vb:else />{vb:rawphrase username}</vb:if>'; this.style.color='#828282';}&quot;/> <input type=&quot;password&quot; class=&quot;textbox default-value&quot; tabindex=&quot;102&quot; name=&quot;vb_login_password&quot; id=&quot;navbar_password&quot; size=&quot;10&quot; onfocus=&quot;this.style.color='black';&quot; /> <input type=&quot;submit&quot; class=&quot;loginbutton&quot; tabindex=&quot;104&quot; value=&quot;{vb:rawphrase log_in}&quot; title=&quot;{vb:rawphrase enter_username_to_login_or_register}&quot; accesskey=&quot;s&quot; /> </div> </div> </fieldset> <div id=&quot;remember&quot; class=&quot;remember&quot;> <label for=&quot;cb_cookieuser_navbar&quot;><input type=&quot;checkbox&quot; name=&quot;cookieuser&quot; value=&quot;1&quot; id=&quot;cb_cookieuser_navbar&quot; class=&quot;cb_cookieuser_navbar&quot; accesskey=&quot;c&quot; tabindex=&quot;103&quot; /> {vb:rawphrase remember_me}</label> </div> <input type=&quot;hidden&quot; name=&quot;s&quot; value=&quot;{vb:raw session.sessionhash}&quot; /> <input type=&quot;hidden&quot; name=&quot;securitytoken&quot; value=&quot;{vb:raw bbuserinfo.securitytoken}&quot; /> <input type=&quot;hidden&quot; name=&quot;do&quot; value=&quot;login&quot; /> <input type=&quot;hidden&quot; name=&quot;vb_login_md5password&quot; /> <input type=&quot;hidden&quot; name=&quot;vb_login_md5password_utf&quot; /> </form> </li> </ul> </vb:if> </div>
استبدله بـ
رمز Code:
<div id=&quot;toplinks&quot; class=&quot;toplinks&quot;> <vb:if condition=&quot;$show['member']&quot;> <ul class=&quot;isuser&quot;> <li><a href=&quot;login.php?{vb:raw session.sessionurl}do=logout&amp;logouthash={vb:raw bbuserinfo.logouthash}&quot; onclick=&quot;return log_out('{vb:rawphrase sure_you_want_to_log_out}')&quot;>{vb:rawphrase log_out}</a></li> <vb:if condition=&quot;$show['registerbutton']&quot;> <li><a href=&quot;register.php{vb:raw session.sessionurl_q}&quot; rel=&quot;nofollow&quot;>{vb:rawphrase register}</a></li> </vb:if> <li><a href=&quot;usercp.php{vb:raw session.sessionurl_q}&quot;>{vb:rawphrase control_panel}</a></li> <li><a href=&quot;{vb:link member, {vb:raw bbuserinfo}}&quot;>{vb:rawphrase your_profile}</a></li> <vb:if condition=&quot;$notifications_total&quot;> <li class=&quot;popupmenu notifications&quot; id=&quot;notifications&quot;> <a class=&quot;popupctrl&quot; href=&quot;usercp.php{vb:raw session.sessionurl_q}&quot;>{vb:rawphrase your_notifications}: <span class=&quot;notifications-number&quot;><strong>{vb:raw notifications_total}</strong></span></a> <ul class=&quot;popupbody popuphover&quot;> {vb:raw notifications_menubits} </ul> </li> <vb:else /> <li class=&quot;popupmenu nonotifications&quot; id=&quot;nonotifications&quot;> <a class=&quot;popupctrl&quot; href=&quot;usercp.php{vb:raw session.sessionurl_q}&quot;>{vb:rawphrase your_notifications}</a> <ul class=&quot;popupbody popuphover&quot;> <li>{vb:rawphrase no_new_messages}</li> <li><a href=&quot;private.php{vb:raw session.sessionurl_q}&quot;>{vb:rawphrase inbox}</a></li> </ul> </li> </vb:if> <li class=&quot;welcomelink&quot;>{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}</li> </ul> {vb:raw template_hook.header_userinfo} <vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment> </vb:if> </div>

التعديل الثالث والاخير
افتح قالب template الـnavbar
وابحث عن
رمز Code:
<div class=&quot;body_wrapper&quot;>
اضف بعده
رمز Code:
<!-- TheWindows7Site Custom Login --> <vb:if condition=&quot;$show['guest']&quot;> <script src=&quot;login/javascripts/jquery.js&quot; type=&quot;text/javascript&quot;></script> <script type=&quot;text/javascript&quot;> $(document).ready(function() { $(&quot;.signin&quot;).click(function(e) { e.preventDefault(); $(&quot;fieldset#signin_menu&quot;).toggle(); $(&quot;.signin&quot;).toggleClass(&quot;menu-open&quot;); }); $(&quot;fieldset#signin_menu&quot;).mouseup(function() { return false }); $(document).mouseup(function(e) { if($(e.target).parent(&quot;a.signin&quot;).length==0) { $(&quot;.signin&quot;).removeClass(&quot;menu-open&quot;); $(&quot;fieldset#signin_menu&quot;).hide(); } }); }); </script> <script type=&quot;text/javascript&quot; src=&quot;clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}&quot;></script> <div id=&quot;container&quot;> <div id=&quot;topnav&quot; class=&quot;topnav&quot;> هل لديك حساب <a href=&quot;login&quot; class=&quot;signin&quot;><span>دخول</span></a> <a href=&quot;./register.php&quot; class=&quot;register&quot;><span>التسجيل</span></a> </div> <fieldset id=&quot;signin_menu&quot;> <form method=&quot;post&quot; id=&quot;signin&quot; action=&quot;login.php?{vb:raw session.sessionurl}do=login&quot; onsubmit=&quot;md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, {vb:raw show.nopasswordempty})&quot;> <label for=&quot;username&quot;>الاسم</label> <input id=&quot;navbar_username&quot; type=&quot;text&quot; value=&quot;&quot; tabindex=&quot;101&quot; accesskey=&quot;u&quot; name=&quot;vb_login_username&quot; /> </p> <p> <label for=&quot;password&quot;>الرقم السري</label> <input id=&quot;navbar_password&quot; type=&quot;password&quot; value=&quot;&quot; tabindex=&quot;102&quot; accesskey=&quot;u&quot; name=&quot;vb_login_password&quot; /> </p> <p class=&quot;remember&quot;> <input type=&quot;submit&quot; id=&quot;signin_submit&quot; value=&quot;دخول&quot; tabindex=&quot;104&quot; title=&quot;Login&quot; accesskey=&quot;s&quot; /> <input id=&quot;cb_cookieuser_navbar&quot; type=&quot;checkbox&quot; accesskey=&quot;c&quot; tabindex=&quot;103&quot; value=&quot;1&quot; name=&quot;cookieuser&quot; checked=&quot;checked&quot;/> <label for=&quot;cb_cookieuser_navbar&quot;>تذكرني ؟</label> </p> <p class=&quot;forgot&quot;> <a href=&quot;./login.php?do=lostpw&quot;>نسيت الرقم السري ؟</a> </p> <p class=&quot;forgot-username&quot;> <A title=&quot;لا تنسى ان تضع بريدك في الرسالة.&quot; href=&quot;./sendmessage.php&quot;>نسيت اسم العضوية ؟</A> </p> <input type=&quot;hidden&quot; name=&quot;s&quot; value=&quot;{vb:raw session.sessionhash}&quot; /> <input type=&quot;hidden&quot; name=&quot;securitytoken&quot; value=&quot;{vb:raw bbuserinfo.securitytoken}&quot; /> <input type=&quot;hidden&quot; name=&quot;do&quot; value=&quot;login&quot; /> <input type=&quot;hidden&quot; name=&quot;vb_login_md5password&quot; /> <input type=&quot;hidden&quot; name=&quot;vb_login_md5password_utf&quot; /> </form> </fieldset> </div> </vb:if> <!-- TheWindows7Site Custom Login -->
فقط وتمتع بشكل تسجيل الدخول الجميل , والشبية بموقع تويتر ,





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



تحياتي لكم







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)

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


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى