The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to make login form like this?

View previous topic View next topic Go down

Solved How to make login form like this?

Post by Yoshi156 on 27/7/2011, 06:31

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 27/7/2011, 08:59

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 27/7/2011, 09:18

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 27/7/2011, 09:43

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 27/7/2011, 11:28

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 27/7/2011, 15:51

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 28/7/2011, 04:15

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 29/7/2011, 10:00

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 30/7/2011, 04:47

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 30/7/2011, 07:20

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 : 2827
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


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