Follow us on Twitter!
Imagination is more valuable than knowledge - Albert Einstein
Thursday, April 24, 2014
Navigation
Home
HellBoundHackers Main:
HellBoundHackers Find:
HellBoundHackers Information:
Learn
Communicate
Submit
Shop
Challenges
HellBoundHackers Exploit:
HellBoundHackers Programming:
HellBoundHackers Think:
HellBoundHackers Track:
HellBoundHackers Patch:
HellBoundHackers Other:
HellBoundHackers Need Help?
Other
Members Online
Total Online: 25
Guests Online: 23
Members Online: 2

Registered Members: 82897
Newest Member: salim
Latest Articles
View Thread

HellBound Hackers | General | Graphics

Author

WEB 2.0 LOGIN PAGE


Member

Your avatar

Posts:
Location:
Joined: 01.01.70
Rank:
Guest
Posted on 03-04-07 03:29
ok today i will show you how to make a web 2.0 looking login that looks like mine on http://www.outlaw. . ./login.php
ok start up photoshop and create a new file with the following settings
outlaw-web.net/images/1.jpg
then create a soft white rounded square like this
outlaw-web.net/images/2.jpg
then right click on this layer and do right click>blending options
outlaw-web.net/images/3.jpg
outlaw-web.net/images/4.jpg
then with a medium gray color select the rounded square tool and do the following
outlaw-web.net/images/5.jpg
now add the following settings through right click>blending options
outlaw-web.net/images/6.jpg
outlaw-web.net/images/7.jpg
outlaw-web.net/images/8.jpg
now take an image and paste iit at the top left corner of the picture like so
outlaw-web.net/images/9.jpg
heres the image i used
savasplace.com/demos/articlemanager/themes/sava/images/logout.png
now add some text and a shadow if you like
outlaw-web.net/images/10.jpg
then use the slice tool and slice the picture in two parts the first part from the top till the end of the login logo
outlaw-web.net/images/11.jpg
now save the file for web with the following settings
outlaw-web.net/images/12.jpg
now open the webpage in notepad or frontpage(i used frontpage)
outlaw-web.net/images/13.jpg
now add [HTML]<center>[/HTML] and [HTML]</center>[/HTML] after the [HTML]<table>[/HTML] and [HTML]</table>[/HTML]
outlaw-web.net/images/14.jpg
now do [HTML]<td background="your previous image.jpg" width="300" height="170" align="center">[/HTML] instead of the [HTML]<td>....[/HTML]
outlaw-web.net/images/15.jpg
then add
[HTML]<form action="login.php">
<b><font color="090FF">Username:</b> </font>
<input type="text" name="user" size="37">
<br>
<b><font color="090FF">Password: </font>

</b>
<input type="password" name="password" size="37">
</form>[/HTML] instead of the &nspb; crap
outlaw-web.net/images/16.jpg



now save your page and vwolla there you goi please tell me how you like my tutorial so i can make more