Sunshine // Version 4</tile> <img src="http://i33.tinypic.com/2ykyu7d.jpg" style="position: absolute;height: 1000px;width: 981px; top:0px; left: 0px;"> <style type="text/css"> p,body,td,br,div,font {font-family: tahoma; font-size:9px;text-transform:none; cursor: crosshair; text-decoration: none; font-weight: normal;} .header{ background-color: #ffffff; font-family:tahoma; text-align: left; font-size: 18px; font-weight: bold; text-transform: uppercase; color: #6e5e45; letter-spacing: -2px; line-height: 17px; padding-right: 0px;} .headerr{ background-color: #ffffff; font-family:century gothic; text-align: right; font-size: 13px; font-weight: normal; text-transform: uppercase; color: #000; letter-spacing: -1px; line-height: 18px; padding-right: 0px;} .headerrr{ background-color: #fffffff; font-family:century gothic; text-align: right; font-size: 10px; font-weight: normal; text-transform: uppercase; color: #000; letter-spacing: -1px; line-height: 18px; padding-right: 0px; text-decoration:blink;} body {background-color: #bbb3a6;} a:link, a:active, a:visited { font-size: 8px; font-family: tahoma; color: #CCCCCC; font-weight: bold; text-transform: uppercase; font-style:none;} a:hover { font-size: 8px; font-family: tahoma; color: #C2C2C2; font-weight: bold; text-transform: lowercase;} u {font-style:none; color:#000000; text-transform: lowercase;} b {color:#503721; font-weight: bold; text-transform: uppercase;} i {color:#000000; text-transform: uppercase; font-weight: bold; text-decoration: none; font-size: 20pt; font-style:none;} a.nav:link, a.nav:visited, a.nav:active { background-color: none; font-family: courier new; text-align: center; font-size: 15pt; font-weight: bold; text-transform: lowercase; color: #ffffff; letter-spacing: -2; line-height: 14pt; text-decoration: none;} a.nav:hover{ font-weight: bold; background-color: none; font-size: 15pt; font-style: italic; text-transform: uppercase; color: #6e5e45;} #af{position: absolute;left: 1px; top: 1px; height:auto; width:auto;background-color:none;} #blog{position: absolute;left: 700px; top: 20px; height:auto; width:233px;background-color:white; opacity:.4;border-left: 10px solid #777777;} #nav{position: absolute;left: 300px; top: 280px; height: 58px; width:300px; text-align: right;} textarea {width:50x; height: 20px; font: normal 7.5pt tahoma; text-transform: uppercase; background: white; overflow: hidden; opacity: .5; border: black solid 1px;} </style> <body background=http://i37.tinypic.com/vgltuq.jpg> <div id="nav"> <a href="http://loveriot.org/alex/" class="nav">Home</a> <a href="http://loveriot.org/alex/port.php" class="nav">Portfolio</a> <a href="http://loveriot.org/alex/visitor.php" class="nav">visitor</a> <a href="http://loveriot.org/alex/site.php" class="nav">site</a><br> </div> <div id="af"> <a href="http://www.fastonlineusers.com"><script type="text/javascript" src="http://fastonlineusers.com/on2.php?d=www.loveriot.org/alex"></script> online</a>  <a href=http://the-camisado.com/>Amanda</a> <a href=http://amanda.paperanchor.org/>Amanda</a> <a href=http://amber.indie-vidual.net/>Amber</a> <a href=http://tragicfairytale.superush.com/>April</a> <a href=http://crashintoyou.net/>Ariel</a> <a href=http://panicelle.org/>Elle</a> <a href=http://tomorrowstouch.com>Jamie</a> <a href=http://www.silence-broken.com/>John</a> <a href=http://operated.onelastdance.org/>Kim</a> <a href=http://newsoul.crashwithme.org/>Mila</a> <a href=http://meliorate.org/>Nina</a> <a href=http://nathan.behindherheart.com/>Nathan</a> <a href=http://fraudshow.org/>Sylvia</a> <a href=http://www.loveriot.org/>Dani (host)</a> <a href=http://loveriot.org/alex/affie.php>Apply?</a><br><br> <img src="http://i38.tinypic.com/8z33w2.jpg"><br><a href=http://loveriot.org/alex/site.php>Link back?</a> </div> </div> </div></body> </html> <div id="blog"> <div class="header">Layout Tutorial?</div> <div class="headerr"><img src=http://i29.tinypic.com/29auqo3.jpg> Posted on 28 Aug 08 by <a href="mailto:alex.highway56@yahoo.com">alex</a></div> <div class="headerrr"> <img src="http://i32.tinypic.com/mmah4l.gif"> 18 Comments <a href="/alex/index.php?subaction=showcomments&id=1219970348&archive=&start_from=&ucat=&">Add?</a></div> I was thinking of having another tutorial! Yet another layout tutorial Because I'm in the mood! Do you think I should have one? Please comment yes or no and tell me what type I should make it. Pictures of the style would be nice also. (you can find them on my portfolio! <img style="border: none;" alt="blush" src="http://loveriot.org/alex/cutenews/data/emoticons/blush.gif" /> ) Themes Vary a lot...such as gore splat, splat, full page, photo manipulation, etc! Also please & always feel free to request any tutorials that I ca humanly make, and same with graphics, layouts, PSDs, etc! <img style="border: none;" alt="kiss" src="http://loveriot.org/alex/cutenews/data/emoticons/kiss.gif" /> I don't want to make a tutorial no one would use now would I... <img style="border: none;" alt="nope" src="http://loveriot.org/alex/cutenews/data/emoticons/nope.gif" /> <p align="center"><< Previous <strong>1</strong> <a href="/alex/index.php?start_from=1&ucat=&archive=&subaction=&id=&">2</a> <a href="/alex/index.php?start_from=2&ucat=&archive=&subaction=&id=&">3</a> <a href="/alex/index.php?start_from=3&ucat=&archive=&subaction=&id=&">4</a> <a href="/alex/index.php?start_from=4&ucat=&archive=&subaction=&id=&">5</a> <a href="/alex/index.php?start_from=5&ucat=&archive=&subaction=&id=&">6</a> <a href="/alex/index.php?start_from=6&ucat=&archive=&subaction=&id=&">7</a> <a href="/alex/index.php?start_from=7&ucat=&archive=&subaction=&id=&">8</a> <a href="/alex/index.php?start_from=1&ucat=&archive=&subaction=&id=&">Next >></a></p><div style="margin-top:15px;width:100%;text-align:center;font:9px Verdana;">Content Management Powered by <a href="http://cutephp.com/" title="CuteNews - PHP News Management System">CuteNews</a></div>  </center></div>