Div Layouts

xChase's Sitex

Div Layouts

Here are some layouts I've made. The last 3 have the codes below them if you wanna use them, it says where to put each part. And you'll have to clear out the other person's info, but I left that in there so you'll know where text goes in the codes. You can change the colors around and all that if you want. I have made like 50 people's layout for them, but here are just some I've made...

(I did these as screenshots of course and some pages were a little longer so I had to crop and combine them so they don't all look great on here but you can pretty much see what the layout looks like)

"About Me" Section:
<style type="text/css"> .Main { position:absolute; left:50%; top:125px; z-index:1; margin-left:-450px; padding:0px; border:0px; background-color:blue; } body div table tbody tr td font {visibility:visible;} .comments {visibility:hidden; display:none;} .hidethem {visibility:hidden; display:none;} .contactTable {visibility:hidden; display:none;} td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .whitelink, td.text td.text span.btext {display:none;} td.text td.text table {background-color:transparent;} td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;} td.text td.text table table td {padding:3;} td.text td.text table table br {display:inline;} .rid br {display:none;} div table tbody tr td form input, div table tbody tr td a img, div table tbody tr td div a, div table tbody tr td {visibility: visible !important; color:white;} .comt{background-color:black; position: absolute; left: 30% ; top: 1100px; margin-left:-200px; width: 800px; height: 265px; z-index:1; visibility:visible !important; overflow:auto;border:1px solid white; scrollbar-face-color:black; scrollbar-highlight-color:black; scrollbar-3dlight-color:black; scrollbar-shadow-color:black; scrollbar-darkshadow-color:black; scrollbar-arrow-color:blue; scrollbar-track-color:black; }"</style> <style type="text/css"> .mygen { Created using MyGen 2.5 - www.mygen.co.uk } .mygen { Background Properties } table, tr, td { background-color:transparent; border:none; border-width:0;} body { background-color:black; background-image:url(); scrollbar-face-color:black; scrollbar-highlight-color:black; scrollbar-3dlight-color:black; scrollbar-shadow-color:black; scrollbar-darkshadow-color:black; scrollbar-arrow-color:blue; scrollbar-track-color:black; }" .mygen { Text Properties } a:active, a:visited, a:link { font-family:arial; color:ffffff; font-size:12px; } a:hover { font-family:arial; color:ffffff; font-size:12px; } a.navbar:active, a.navbar:visited, a.navbar:link { font-family:arial; color:ffffff; font-size:12px; } a.navbar:hover { font-family:arial; color:ffffff; font-size:12px; } .mygen { Miscellaneous Properties } img { filter:none;} a:link img { filter:none;} a:hover img { filter:Alpha(Opacity=50);} </style>

"Who I'd Like To Meet" Section:
<center><DIV class="comt cstyle"><table><tr><td><table><tr><td>

"Interests" Section:
<DIV class="Main"> <table style="width:880px; height:1270px; cellpadding:0px; cellspacing:0px; border:0px solid silver; background-color:transparent; background-image:url(''); font color:white}"> <tr> <td valign="top"> <BR><BR> <div id=layer1 style="position:absolute; top:20; left:40; width:800; height:360; z-index:1; padding:5px; border:white 1px solid; background-color: black; background-image:url(''); layer-background-image:url(''); overflow:auto"> <center><h2><font color="white">Lacy</h2> <center><img src="http://img126.imageshack.us/img126/2018/lacypic0ae.gif" height="200", width="250"><BR><BR> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=25056625&MyToken=4f2a3d73-dde2-49a2-b249-e9948818efe0"><font color="white"><font size="1">View Pics</font></a><BR><BR> <a href="http://mail3.myspace.com/index.cfm?fuseaction=mail.message&friendID=25056625"><img src="http://img.photobucket.com/albums/v723/benzy2009/write.jpg"></a> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=25056625"><img src="http://img.photobucket.com/albums/v723/benzy2009/add.jpg"></a> <a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=25056625"><img src="http://img.photobucket.com/albums/v723/benzy2009/block.jpg"></a> <BR><BR> <center>        <a href="http://home4.myspace.com/index.cfm?fuseaction=user&Mytoken=06B1D02E-2CD1-4873-8B46E178929129E1634631500"><font color="white">Home</a>        </div></div> <div id=layer1 style="position:absolute; top:400; left:60; width:724; height:80; border:white 1px solid; background-color: black; background-image:url(''); layer-background-image:url(''); overflow:auto">  <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=3581151&MyToken=56EADF7F-D542-14CC-9CD5EA5BCD6B364E6176920"><img src="http://myspace-059.vo.llnwd.net/00524/95/05/524465059_s.jpg" height="70" width="80"><a> <a href="http://www.myspace.com/2xtreme69"><img src="http://myspace-985.vo.llnwd.net/00175/58/91/175331985_s.gif" height="70" width="90"></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=17771166&MyToken=56EADF7F-D542-14CC-9CD5EA5BCD6B364E6176920"><img src="http://myspace-293.vo.llnwd.net/00446/39/25/446755293_s.jpg" height="70" width="80"></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=39687405&MyToken=56EADF7F-D542-14CC-9CD5EA5BCD6B364E6176920"><img src="http://myspace-134.vo.llnwd.net/00445/43/15/445295134_s.jpg" height="70" width="80"></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=36890641&MyToken=56EADF7F-D542-14CC-9CD5EA5BCD6B364E6176920"><img src="http://myspace-307.vo.llnwd.net/00424/70/33/424883307_s.jpg" height="70" width="80" ></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=7385048&MyToken=56EADF7F-D542-14CC-9CD5EA5BCD6B364E6176920"><img src="http://myspace-855.vo.llnwd.net/00450/55/89/450299855_s.jpg" height="70" width="80" ></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=46971063&MyToken=56EADF7F-D542-14CC-9CD5EA5BCD6B364E6176920"><img src="http://myspace-263.vo.llnwd.net/00519/36/27/519527263_s.jpg" height="70" width="80"></a> <a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=7147668&MyToken=56EADF7F-D542-14CC-9CD5EA5BCD6B364E6176920"><img src="http://myspace-705.vo.llnwd.net/00512/50/71/512371705_s.jpg" height="70" width="80"></a> </div> <div id=layer1 style="position:absolute; top:500; left:40; width:800; height:330; z-index:1; padding:5px; border:white 1px solid; background-color: black; background-image:url(''); layer-background-image:url(''); overflow:auto"> <div id=layer1 style="position:absolute; top:12; left:20; width:340; height:300; border:white 1px solid; background-color: black; background-image:url(''); layer-background-image:url(''); overflow:auto; scrollbar-face-color:black; scrollbar-highlight-color:black; scrollbar-3dlight-color:black; scrollbar-shadow-color:black; scrollbar-darkshadow-color:black; scrollbar-arrow-color:white; scrollbar-track-color:black; }"> <center><font size="4"><font color="white">Music</font><BR> <font size="2"><font color="white"> <br>NOFX <br>Simple Plan <br>GreenDay <br>All American Rejects,The <br>Blink 182 <br>Daft Punk <br>Beatles,The <br>Academy,The <br>Story of the Year <br>Avenged Sevenfold <br>Trapt <br>Amber Pacific <br>System of a Down <br>Shinedown <br>Underoath <br>A Beautiful Silence <br>Saliva <br>Actual,The <br>Silverstein <br>From first to last <br>Anberlin <br>Yellowcard <br>Cure,The <br>A.F.I. <br>Pink Floyd <br>SecondHand Serenade <br>Bowling For Soup <br>From Day One <br>Best Days Behind <br>Gone Baby Gone <br>Matt Redmond <br>Misfits <br>Deftones <br>Broken Yoke <br>Def Leppard <br>Led Zeppelin <br>Kelly Clarkson <br>Fall Out Boy <br>Kanye West <br>Anti-Flag <br>Bon Jovi <br>Prodigy,The <br>Killers,The <br>Ozzy Osbourne <br>Aerosmith <br>Dimmu Borgir <br>Thrice <br>Bouncing Souls <br>My Chemical Romance <br>Nirvana <br>Def Leppard <br>Bravery,The <br>AC/DC <br>MXPX <br>Used,The <br>Taking Back Sunday <br>Hawthorne Heights <br>Panic!At the disco <br>Matchbook Romance <br>Nickelback <br>Millencolin <br>Semisonic <br>HIM <br>New Found Glory <br>Eminem <br>Sting <br>Deathcab for Cutie <br>Plain white T's <br>Sum 41 <br>Sublime <br>As I Lay Dying <br>Starting Line,The <br>TeChNo </FONT></H5></DIV></center> <div id=layer1 style="position:absolute; top:12; left:420; width:340; height:300; border:white 1px solid; background-color: black; background-image:url(''); layer-background-image:url(''); overflow:auto; scrollbar-face-color:black; scrollbar-highlight-color:black; scrollbar-3dlight-color:black; scrollbar-shadow-color:black; scrollbar-darkshadow-color:black; scrollbar-arrow-color:white; scrollbar-track-color:black; }"> <center><font size="4"><font color="white">Movies</font><BR> <font size="2"><font color="white"> <br>Nightmare Before Christmas <br>Harold & Kumar Go To White Castle <br>White Chicks <br>Ring 1 & 2 <br>Dumb & Dumber <br>Corpse Bride <br>Big Fish <br>Edward Scissorhands <br>Army of Darkness <br>Lemony Snickets Series of Unfortunate Events <br>Charlie and the Chocolate Factory I&II <br>Disney Movies(shut up) <br>BeCool <br>Ladder 49 <br>Tommy Boy <br>Life of Brian <br>Monty Python <br>Grease <br>Grinch <br>Hostel <br>Fun with Dick and Jane <br>Meet the Fockers <br>Anchorman <br>School of Rock <br>ALL Jay and Silent Bob Movies <br>Longest Yard <br>Wedding Crashers <br>40-Year Old Virgin <br>Van Wilder <br>Spiderman I&II <br>Waiting <br>Date Movie <br>Exorcism of Emily Rose <br>Matrix <br>Amityville Horror <br>Halloween Movies <br>Back to the Future <br> <br> <br> <br> <br> </FONT></H5></DIV></center> </div> <div id=layer1 style="position:absolute; top:850; left:80; width:724; height:150; border:blue 2px solid; background-color: blue; background-image:url(''); layer-background-image:url(''); overflow:auto"> <center> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input type="hidden" name="friendID" value="25056625"> <textarea name="f_comments" cols="50" rows="4"></textarea><br><input type="submit" value="Comment Me"></form><br><style type="text/css"> textarea {background-color:black; background-image:url(); border-width:1px; scrollbar-face-color:black; scrollbar-highlight-color:black; scrollbar-3dlight-color:black; scrollbar-shadow-color:black; scrollbar-darkshadow-color:black; scrollbar-arrow-color:blue; scrollbar-track-color:black; border-style:solid; border-color: white; color: white; font-family:franklin gothic medium;} input {background-color: black; border-width:1px; border-style:solid; border-color: white; color: white; font-family:franklin gothic medium;} </style> </div> </td> </tr> </table> </DIV> <style type="text/css"> td td object {position:absolute; background-color:blue; left:41%; margin-left:-50px; top:524px; width:300px; height:48;} </style> <center><DIV class="comt cstyle"><table><tr><td><table><tr><td></td></tr>

"About Me" Section:
<style type="text/css"> .Main { position:absolute; left:46%; top:125px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:white; border:none;border-width:0} </style> <style type="text/css">.comments {visibility:hidden;display:none;}</style> </div><style>.hidethem {visibility:hidden; display:none;}</style>

"Who I'd Like To Meet" Section:
<DIV class="Main"> <table style="width:846px; height:930px; cellpadding:0px; cellspacing:0px; border:0px solid silver; background-color:ffffff; background-image:url(); background-attachment: fixed; background-repeat:no-repeat; border:none;border-width:0} }"> <tr> <td valign="top"> <center> <center> <a href="http://home4.myspace.com/index.cfm?fuseaction=user&Mytoken=06B1D02E-2CD1-4873-8B46E178929129E1634631500"><font color="black"><h3>Home</a><BR><BR> <div id=layer1 style="position:absolute; top:30; left:22; width:250; height:480; z-index:1; padding:5px; border:black 1px solid; background-color: ffffff; background-image:url('');"> <font size="1"><font color="black"><u>About Me</u></font><BR><BR> <font color="black"><font size="1"> I play guitar & drums, yo.<BR><BR> I snowboard<BR><BR> I'm a bit of a myspace whore <BR><BR> So, expect a lot of bulletins<BR><BR> If you're ugly, please don't add me. I don't want to look at you Sorry<BR><BR> Moots is my cherry flavored lifesaver<BR><BR> Current Obsession: Jack's Mannequin<BR><BR> I'm very sarcastic<BR><BR> I say "Yo" a lot. <BR><BR> Lauren Corella thinks I'm superficial, but I love her anyway. <BR><BR> My friends are the greatest. <BR><BR> I get what I want. =] <BR><BR> I don't know what I would do without my Sidekick and my iPod. <BR><BR> I'm on the drumline Enough said<BR><BR> I'm always random & spontaneous. <BR><BR> </div></div> <div id=layer1 style="position:absolute; top:30; left:290; width:250; height:480; z-index:1; padding:5px; border:black 1px solid; background-color: ffffff; background-image:url(''); layer-background-image:url(''); overflow:auto"> <center><font size=3><strong>Mercedes<br>Owns Hollywood™</strong></font><br> <br><br><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=21772899"><img src="http://myspace- 333.vo.llnwd.net/00471/33/30/471860333_m.jpg"></a><br><BR> <a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=21772899">View More Pictures</a><br><br> <font size="1"><font color="black">Yes my name is really Mercedes! <BR> So stop asking me. <BR><BR> They call me Benzy</font><BR><BR> <a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=21772899"><img src="http://img.photobucket.com/albums/v723/benzy2009/add.jpg"></a> <a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=21772899"><img src=" http://img.photobucket.com/albums/v723/benzy2009/write.jpg"></a><br> <a href="http://collect.myspace.com/index.cfm?fuseaction=RateImage.UserRating&UserID=21772899"><img src="http://img.photobucket.com/albums/v723/benzy2009/rank.gif"></a> <a href="http://collect.myspace.com/index.cfm?fuseaction=block.blockUser&userID=21772899"><img src="http://img.photobucket.com/albums/v723/benzy2009/block.jpg"></a> </div> <div id=layer1 style="overflow:auto; position:absolute; overfow:auto; top:30; left:560; width:250; height:480; z-index:1; padding:5px; border:black 1px solid; background-color: ffffff; background-image:url(''); layer-background-image:url('');"> <center>Music</center> <fieldset style="border:1px solid black; width:185;"> <legend><font color=black></font></legend><br> <font size="0"> <b>The Academy Is...</b><br> The All-American Rejects<br> Blackpool Lights<br> Blink 182<br> Brand New<br> <b>Cartel</b><br> Dashboard Confessional<br> Days Away<br> Death Cab For Cutie<br> Fall Out Boy<br> FFTL<br> The Films<br> Forgive Durden<br> Frou Frou<br> Greeley Estates<br> A Heartwell Ending<br> Hellogoodbye<br> Hey Mercedes<br> Hot Hot Heat<br> Howie Day<br> The Hush Sound<br> <b>Jack's Mannequin</b><br> Jimmy Eat World<br> LastPageFirst<br> Le Tigre<br> Lola Ray<br> Lustra<br> Montag<br> <b>Motion City Soundtrack</b><br> My Chemcial Romance<br> My Getaway<br> The Number 12 Looks Like You<br> Oasis<br> October Fall<br> Ok Go<br> Oly<br> Panic! At The Disco<br> Paramore<br> The Pink Spiders<br> Plain White T's<br> <b>The Postal Service</b><br> Punchline<br> Saosin<br> Scary Kids Scaring Kids<br> Shiny Toy Guns<br> Social D<br> <b>Something Corporate</b><br> <b>The Spill Canvas</b><br> Sugarcult<br> System Of A Down<br> This Day & Age<br> Thrice<br> Too Sorry For Apologies<br> The Veronicas<br> Weezer<br> Yellowcard <br> </font></fieldset> </div></div> <div id=layer1 style="position:absolute; top:540; left:22; width:370; height:300; z-index:1; padding:5px; border:black 1px solid; background-color: ffffff; background-image:url(''); layer-background-image:url('');"> <h4><font color="black"></h4><BR> <marquee direction="up" style="filter:wave(add=0, lightstrength=75, phase=1, strength=1, freq=2);color:.FF0000"><center> Signs Coming Soon! =] </center></marquee> </div></div> <div id=layer1 style="position:absolute; top:540; left:430; width:380; height:300; z-index:1; padding:5px; border:black 1px solid; background-color: ffffff; background-image:url(''); layer-background-image:url('');"> <BR> <font size="3"><font color="black"><i>Want to get ahold of me?</i><BR><BR> <img src="http://img240.imageshack.us/img240/4149/ccol348nd.png"> BeNzY 2009 <BR><BR> <font color="black"><b><h3><center><center></h3></b> <center><center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input type="hidden" name="friendID" value="21772899"><textarea name="f_comments" cols="40" rows="5">Damn Benzy, you hawt!</textarea><br> <input type="submit" value="Comment"></form><br> <form action="http://www.myspacehelp.uni.cc" method="post"></form></center> <style type="text/css"> textarea {background-color:ffffff; background-image:url(); border-width:1px; border-style:solid; border-color: black; color: 000000; font-family:Arial;} input {background-color: ffffff; border-width:1px; border-style:solid; border-color: black; color: black; font-family:Arial;} </style></center> <embed allowScriptAccess="never" src="http://www.filecabin.com/members_vb/files/54587/skin.swf" menu="false" quality="high" width="300" height="80" name="index"allowScriptAccess="never" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="http://www.filecabin.com/members_vb/files/54587/mp3playlist.xml" wmode="transparent"> </embed> </div></div> </td> </tr> </table> </DIV> <style type="text/css"> .mygen { Created using MyGen 2.5 - www.mygen.co.uk } .mygen { Background Properties } table, tr, td { background-color:transparent; border:none; border-width:0;} body { background-color:white; scrollbar-face-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:white; scrollbar-shadow-color:white; scrollbar-darkshadow-color:white; scrollbar-arrow-color:black; scrollbar-track-color:white; } .mygen { Text Properties } a:active, a:visited, a:link { font-family:arial; color:000000; font-size:8px; } a:hover { font-family:arial; color:000000; font-size:8px; } a.navbar:active, a.navbar:visited, a.navbar:link { font-family:arial; color:000000; font-size:8px; } a.navbar:hover { font-family:arial; color:000000; font-size:8px; } </style> <div class="comments"><table><tr><td><table><tr><td>

                       "About Me" Section
                    <style type="text/css"> .Main { position:absolute; left:40%; top:125px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:000000; </style> <style typ="text/css"> body div table tbody tr td font {visibility:visible;} .comments {visibility:hidden; display:none;} .hidethem {visibility:hidden; display:none;} .contactTable {visibility:hidden; display:none;} </style> <Center><STYLE type=text/css>body, table, td {background-color:000000;background-image:url();border:none;border-width:0; background-attachment: scroll; background-position:; scrollbar-face-color:black; scrollbar-highlight-color:000000; scrollbar-3dlight-color:000000; scrollbar-shadow-color:000000; scrollbar-darkshadow-color:000000; scrollbar-arrow-color:blue; scrollbar-track-color:000000; }</STYLE><br>

                       "Who I'd Like To Meet" Section:
                        <DIV class="Main"> <table style="width:1000px; height:710px; cellpadding:0px; cellspacing:4px solid silver;font-color=ffffff; background-color:000000;}"> ; border:; background-color:000000;background-image:url('http://img77.imageshack.us/img77/2817/cce4cr.gif');"> <tr> <td valign="top"> <div style="position:absolute; left:0px; top:12px; width:480px; height:170px; background-color:000000; border: 2px solid blue; overflow:auto;"><center><B> <BR> TEXT GOES HERE!!!!!!!! <br></B></center></div> <div style="position:absolute; left:490px; top:12px; width:480px; height:170px; background-color:000000; border: 2px solid blue; overflow:auto;"><center><B> TEXT GOES HERE!!!! </B></center></div> <div style="position:absolute; left:0px; top:192px; width:210px; height:300px; background-color:000000; border: 2px solid blue; overflow:auto;"><center><B> TEXT GOES HERE!!!!!!! </B></center></div> <div style="position:absolute; left:220px; top:192px; width:530px; height:300px; background-color:000000; border: 2px solid blue; overflow:auto;"><center><B> TEXT GOES HERE!!!! </B></center></div> <div style="position:absolute; left:760px; top:192px; width:210px; height:300px; background-color:000000; border: 2px solid blue;overflow:auto"><center><B> TEXT GOES HERE!!!! </B></center></div> <div style="position:absolute; left:0px; top:504px; width:970px; height:200px; background-color:000000; border: 2px solid blue; overflow:auto;"><center><B> TEXT GOES HERE!!!!! </B></center></div> </DIV> <div class="comments"><table><tr><td><table><tr><td>

Here's 2 simple layouts I made mostly in Photoshop...It's kinda simple but I can do better if i take more time

xChasex