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 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/

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

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?

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 -->

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.

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

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

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

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!

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


Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
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