Help - Search - Members - Calendar
Full Version: Twisted Sunshine - Help
Forums > Resource Center > Support Center > Blogger Support > Blogger Resolved Topics
rita_mi
I love, love this layout but I'm having trouble aligning the text I want to put the left column more to the left and to make the post column bigger... I tried everything but my knowledge of HTMl is somewhat restricted. If someone could help me...

Here goes the code

CODE
<!-- start code provided by createblog.com -->
<html>
<head>

<title>M.Y T.W.I.S.T.E.D S.U.N.S.H.I.N.E_____________/</title>

<style type="text/css">
body
{
font-family:verdana;
color: #B05802;
font-size: 11px;

scrollbar-arrow-color: #B05802;
scrollbar-darkshadow-color: #F7D6A5;
scrollbar-track-color:#F7D6A5;
scrollbar-face-color: #B05802;
scrollbar-shadow-color:#F7D6A5;
scrollbar-highlight-color:#F7D6A5;
scrollbar-3dlight-color: #F7D6A5;
background-attachment:scroll;
background-position:right;
background-repeat:repeat-y;
margin:0px;
font-family:tahoma;}

.header
{
font-family:tahoma;
font-size: 10px;
color:#841800;
border-bottom:2px dotted #841800;
text-decoration:none;
letter-spacing:0.3em;
font-weight:bold;
text-align:center;}

blockquote {
border-top:2px dotted #C06800;
border-bottom:2px dotted #C06800;
width: 300px;
margin: 0px;
padding: 10px;
background-color: #FAE6CA; }

input, textarea
{
background:#FAE6CA;
font-family: comic sans ms;
color: #B05802;
font-size: 12px;
border-color: #C06800;
border-style:  solid;
border-width: 1;  }


A:link{color:#822E00;text-decoration:none}
A:visited{color:#822E00;text-decoration:underline}
A:active{color:#822E00;text-decoration:none}
A:hover{color:#FFFFFF;text-decoration:none;background-color:#3A0A00; text-transform: uppercase}

</style>
</head>



<body background="http://i6.photobucket.com/albums/y204/uniquelyfern/mystique/ts/bgbg.gif" bgcolor=#FFFFDE>
<div style="position:absolute; right:0px; top:0px">
<img src="http://layouts.cbimg9.com/30/15262c.gif">
</div>


<div id="extra" style="position:absolute; right:480px; top:120px; width: 60px; height: 0px">
<center>
<img src=http://layouts.cbimg9.com/30/15262d.gif>
</center>
</div>



<div id="module" style="position:absolute; right:450px; top:400px; width: 170px; height: 0px">

<center>
<p class=header>TWISTED SUNSHINE</p>

welcome message here<br>
disclaimer... etc


<p class=header>ME.ME.ME</p>
<img src=http://layouts.cbimg9.com/30/15262e.gif width=74 height=81 align=left>


<p align=justify>your profile here
anything? <3 my name is... i love to...
bl blah blah blah bl blah bl blah blah blah blah blah </p>


<p class=header>FRIENDS</p>


<a href="url HERE">friend</a> +
<a href="url HERE">friend</a> +
<a href="url HERE">friend</a> +
<a href="url HERE">friend</a> +
<a href="url HERE">friend</a> +
<a href="url HERE">friend</a> +
<a href="url HERE">friend</a> +

<p class=header>LINKS</p>


<a href="url HERE">link</a> +
<a href="url HERE">link</a> +
<a href="url HERE">link</a> +
<a href="url HERE">link</a> +
<a href="url HERE">link</a> +
<a href="url HERE">link</a> +
<a href="url HERE">link</a> +
<a href="url HERE">link</a> +


<p class=header>NOW PLAYING</p>
<embed src="http://www.filelodge.com/files/hdd6/143354/Chris%20Brown%20-%20Say%20Goodbye.mp3" width="150" height="20" autostart=false />
<br>Say Goodbye - Chris Brown

<p class=header>ARCHIVES</p>


<BloggerArchives>
  <a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a><br>
</BloggerArchives>


<p class=header>PREVIOUS POSTS</p>

<BloggerPreviousItems>
  <a href="<$BlogItemPermalinkURL$>">
    <$BlogPreviousItemTitle$>
  </a><br />
</BloggerPreviousItems>

<p class=header>TAGBOARD</p>

code here

<p class=header>ETCETERA</p>

anything here

<p class=header>THANKS</p>
[ Fonts © <a href="http://dafont.com/">DF</a>]<br>
[ Base Image © <a href="http://pepokish.deviantart.com/gallery/photography/nature/flora/">DA</a>]<br>
[ More @ <a href="http://aethereality.net">A</a>]<br>
[ Layout designed by <a href="http://blogskins.com/me/mystique10">fe</a><a href="http://peculiar.iceglow.com">rn*</a>]<br><br>
</div></div>



<div id="blog" style="position:absolute; right:10px; top:350px; width: 400px; height: 0px">

<!---blogger code start!--->

<p><td>

<Blogger>
<p align=right><font size=4><img src=http://layouts.cbimg9.com/30/15262f.gif><b><BlogDateHeader>
<$BlogDateHeaderDate$>
</BlogDateHeader></b></font></p>


<center><p class=header><BlogItemTitle><$BlogItemTitle$><a
name="<$BlogItemNumber$>"></a></p></font>

</BlogItemTitle></b><div
class="blogPost"><p align="justify"><$BlogItemBody$></p>

<div class="byline"><p align=right><a href="<$BlogItemPermalinkURL$>" title="Permanent
Link">#</a> random thougths @
<$BlogItemDateTime$>
</p>
</div>
</blogger>

<!---blogger code end!--->

</div></div></div>
</body>
</html>
<!-- end code provided by createblog.com -->
moorepocket
try putting
QUOTE
text-align:left;
in the sidebar.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.