Html Login Page

javajenius

New Member
Messages
258
Reaction score
0
Points
0
I will give away 150 credits to a person who makes a login form for me.
It has to be like the cPanel login but instead the logo should be PhPanel.

The form action should be secure.php
Code:
<p>Please Log In:
<form action=secure.php method=post>
<p>Login: <input type="text" name="username">
<br>Password: <input type="password" name="password">
<br><input type="submit" name="checkpass" value="Login!">
</form>

Try to make it look good, best design wins.
 

DeadBattery

Community Support Team
Community Support
Messages
4,018
Reaction score
120
Points
0
You just want a login page that has that code, but looks like cPanel?
I could do that, please give me some time though. Maybe today/tomorrow.
:)
 

LHVWB

New Member
Messages
1,308
Reaction score
0
Points
0
Here's my attempt. Hope you like it, I used curved edges and everything. It even has support for ie and firefox with the curved edges. The text up the top that says 'PHPanel' is easy to change and could even be replaced by a logo.
 

Attachments

  • login.zip
    2.6 KB · Views: 12

javajenius

New Member
Messages
258
Reaction score
0
Points
0
Here's my attempt. Hope you like it, I used curved edges and everything. It even has support for ie and firefox with the curved edges. The text up the top that says 'PHPanel' is easy to change and could even be replaced by a logo.

Very nice, you win by far lol.

THANK YOU. THANK YOU. THANK YOU.
 

DeadBattery

Community Support Team
Community Support
Messages
4,018
Reaction score
120
Points
0
How can he win by far? There is only one entry.
;)
 

javajenius

New Member
Messages
258
Reaction score
0
Points
0
There were no other entries, other then his.


The text looks a little weird on firefox..
imagesuv5.jpg


Any idea how to fix it without using an image?
 
Last edited:

LHVWB

New Member
Messages
1,308
Reaction score
0
Points
0
It doesn't look like that in my browser, but hey here's how you can change the font.

HTML:
.text
{
	font-family:fantasy;font-style:italic; font-variant:small-caps;
	font-size: 80px; color: #FF8B22; text-decoration:none;
	text-align:center;
}
Replace the font-family ("fantasy" font ) with "Comic Sans MS", or the other type of html font that you want to use. Here's a list of the different types that you can use, just replace the font-family value ('fantasy') with the text type that you want. Theoretically you can use any font type but try to stick to the main ones on that link because otherwise people without the font won't see it properly.
 
Last edited:

ThePaintGuru

New Member
Messages
208
Reaction score
0
Points
0
You'd probably do best to save the text the way you want it to look in an image, and apply an alt tag just in case. Wrap the whole thing in a DIV with the font you want to display as a backup, I'd suggest a universal one like Arial.
 
Top