D4N005H
-
Posts
3 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by D4N005H
-
-
Well.... I'm noob. would tell me what to do so in HTML?
-
Hello,Would you help me to do something like this in HTML for making a website theme? Any tutorials out there?
Thanks in advance.
Please help me, How to do this in HTML?!
in HTML/XHTML
Posted · Edited by D4N005H
Yes I tried and found the solution. Here's the code:(Copyright: Coded by coothead) Edited by me.
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>example page</title><link rel="stylesheet" href="/"><style>body { background-color:#f0f0f0; font-family:verdana,arial,helvetica,sans-serif; font-size:100%; color:#666; }#container { width:978px; padding:10px; margin:auto; border:1px solid #ccc; overflow:hidden; background-color:#fff; box-shadow:10px 10px 10px #777; }#left-col { float:left; width:348px; margin-right:10px; }#right-col { float:left; width:620px; }#about { padding:10px; height:50px; margin-bottom:10px; border:1px solid #ccc; overflow:auto; }.cat { height:120px; float:left; width:147px; padding:10px; margin-bottom:10px; border:1px solid #ccc; }.cat2 { width:326px; height:60px; float:left; padding:10px; margin-bottom:10px; border:1px solid #ccc; }.clear { clear:both; }.margin5 { margin-right:5px; }.margin10 { margin-right:10px; }.social { margin-top:5px; float:left; width:60px; height:60px; padding:10px; border:1px solid #ccc; font-size:75%; }#content { margin-left:7px; height:447px; padding:10px; margin-bottom:10px; border:1px solid #ccc; }.content-footer { margin-left:7px; margin-right:1px; float:left; width:125px; margin-top:5px; height:146px; padding:10px; border:1px solid #ccc; } </style></head><body><div id="container"><div id="left-col"><div id="about">About</div><div class="cat margin10">Cat 1</div><div class="cat">Cat 2</div><div class="cat margin10">Cat 3</div><div class="cat">Cat 4</div><div class="cat2 margin10">*Cat 5*</div><div class="social margin5 clear">Home</div><div class="social margin10">Facebook</div><div class="social margin5">Youtube</div><div class="social">Twitter</div><div class="social margin5 clear">Home</div><div class="social margin10">Facebook</div><div class="social margin5">Youtube</div><div class="social">Twitter</div></div><!-- end #left-col --><div id="right-col"><div id="content">Box 1</div><div class="content-footer margin10">Box 2</div><div class="content-footer">Box 3</div><div class="content-footer margin10">Box 4</div><div class="content-footer">Box 5</div></div><!-- end #right-col --></div><!-- end #container --></body></html>