|
Rubik
|
Feb 3 2008, 05:33 AM
Post #1
|
|
Administrator
- Posts:
- 6
- Group:
- Admins
- Member
- #1
- Joined:
- Dec 20, 2007
|
Spoiler: click to toggle - Code:
-
<html> <head> <title>Rubik's Sig Showcase</title> <style> body{ color: #fff; }
A:link{ color: white; text-decoration: none; } A:visited{ color: white; text-decoration: none; }
A:hover{ color: gray; text-decoration: underline; }
.icon1{ position:absolute; top:340px; left: 420px; }
.icon2{ position:absolute; top:340px; left: 610px; }
.icon3{ position:absolute; top:340px; left: 820px; }
.header{ width:530px; position:absolute; top:270px; left: 400px; }
.Mainc{ background: url(trend.jpg) repeat-x; height: 505px; width: 732px; margin:10px; position:absolute; top: 110px; left: 250px; }
.links{ width:530px; position:absolute; top:590px; left: 400px; font-family:tahoma; font-size:12px; } </style> </head> <body> <div class="Mainc"> </div> <div class="header"> <h1>Welcome!...</h1> <br/> <br/> <br/> <br/> <br/> <br/> <center><p style="margin:5px;">Hello and welcome to my very first image coded webpage! I'm learning the basics of html and css, and I must say its rather hard. I'd like to say thanks to Choco for being my inspiration. Because of his Guru coding abilities, it got me interested in learning html! woo, Choco!</p> </div> <div class="icon1"> <img src="http://aquate.us/u/neji_81.jpg"> </div>
<div class="icon2"> <img src="http://aquate.us/u/link-ww1.png"> </div>
<div class="icon3"> <img src="http://aquate.us/u/naruto-3.png"> </div>
<div class="links"> <center><a href="http://forums.ifskinzone.net/">Link 1</a> • <a href="http://narutopictures.us/">Link 2</a> • <a href="http://forums.ifskinzone.net/">Link 3</a> • <a href="http://forums.ifskinzone.net/">Link 4</a> • <a href="http://forums.ifskinzone.net/">Link 5</a></center> </div>
</body> </html>
Edited by Rubik, Feb 4 2008, 11:18 PM.
|