How to make login form like this?

Go down

Solved How to make login form like this?

Post by Yoshi156 on July 27th 2011, 6:31 am

I saw a forum motion forum has a login form like this -

SS:

I forgot the forum URL, but i'm pretty sure it's a forum motion forums.
Hope you can help me thanks in advance Smile.

Forum URL - http://pinoyzhyper.1forum.biz/
avatar
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

Solved Re: How to make login form like this?

Post by ArChKnIgHt on July 27th 2011, 8:59 am

hello,

Use This Code
Code:
<form action="/login" method="post" name="form_login"><table border="0"><tr><td><label><span class="genmed">Username :</span> <input class="post" size="10" name="username" type="text"></label><br><label><span class="genmed">Password  :</span> <input class="post" size="10" name="password" type="password"></label> </td><td><label><input class="radio" name="autologin" checked="checked" type="checkbox"></label><span class="gensmall">Remember</span><br><input class="mainoption" name="login" value="Log in" type="submit"></td></tr></table></form>

Hope That Help, ArChKnIgHt
avatar
ArChKnIgHt
Forumember

Male Posts : 134
Reputation : -1
Language : Arabic | English | French | CSS | HTML | JS
Location : Egypt

http://ultragamerz.forumotion.net/

Back to top Go down

Solved Re: How to make login form like this?

Post by Yoshi156 on July 27th 2011, 9:18 am

Where should i put that codes?
avatar
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

Solved Re: How to make login form like this?

Post by ArChKnIgHt on July 27th 2011, 9:43 am

In Templates (Index_Body)

Search For This
Code:
<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <div class="user_login_form main-box center">
        <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>  
        <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>  
        <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
        <!-- BEGIN switch_fb_connect -->
        <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
        <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
        <!-- END switch_fb_connect -->
    </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

And Replace It With This

Code:

<!-- BEGIN switch_user_login_form_header -->
<div class="main" style="float: right;">
<form action="/login" method="post"
name="form_login"><table
border="0"><tr><td><label><span
class="genmed">Username :</span> <input class="post"
size="10" name="username"
type="text"></label><br><label><span
class="genmed">Password  :</span> <input class="post"
size="10" name="password" type="password"></label>
</td><td><label><input class="radio"
name="autologin" checked="checked"
type="checkbox"></label><span
class="gensmall">Remember   </span><br><input
class="mainoption" name="login" value="Log in"
type="submit">   </td></tr></table></form>
</div>
<!-- END switch_user_login_form_header -->
avatar
ArChKnIgHt
Forumember

Male Posts : 134
Reputation : -1
Language : Arabic | English | French | CSS | HTML | JS
Location : Egypt

http://ultragamerz.forumotion.net/

Back to top Go down

Solved Re: How to make login form like this?

Post by Yoshi156 on July 27th 2011, 11:28 am

Thanks, but the username text field and the password text field is not balance.The password field is more bigger than the username field.
avatar
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

Solved Re: How to make login form like this?

Post by ArChKnIgHt on July 27th 2011, 3:51 pm

Ok Then All You Have To Do Is Adding This After Word Password
avatar
ArChKnIgHt
Forumember

Male Posts : 134
Reputation : -1
Language : Arabic | English | French | CSS | HTML | JS
Location : Egypt

http://ultragamerz.forumotion.net/

Back to top Go down

Solved Re: How to make login form like this?

Post by Yoshi156 on July 28th 2011, 4:15 am

There are two word password? which one? please be specific and thanks for your help sir/ma'am Smile
avatar
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

Solved Re: How to make login form like this?

Post by ArChKnIgHt on July 29th 2011, 10:00 am

This One
Code:
<span
class="genmed">Password "Add It Here":</span>

Replace "Add It Here" With It, Sorry For Long Time No Answer
avatar
ArChKnIgHt
Forumember

Male Posts : 134
Reputation : -1
Language : Arabic | English | French | CSS | HTML | JS
Location : Egypt

http://ultragamerz.forumotion.net/

Back to top Go down

Solved Re: How to make login form like this?

Post by Yoshi156 on July 30th 2011, 4:47 am

Done thanks!
avatar
Yoshi156
Forumember

Male Posts : 231
Reputation : 0
Language : english

Back to top Go down

Solved Re: How to make login form like this?

Post by Sanket on July 30th 2011, 7:20 am

Since this thread appears to be solved, I will lock this thread and mark it as solved.


Sanket Smile

avatar
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2828
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum