The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Help with a tumblr theme please D:
lunafloon
post Feb 3 2012, 09:13 PM
Post #1





Group: Members
Posts: 1
Joined: 3-February 12
Member No.: 16,392
My tumblr is here: www.lunafloon.tumblr.com

As you can see, the posts are all squashed up at the left side of the screen and the sidebar is smack dab in the middle.
I'm hoping someone can help me out, I would like to move both the posts and my sidebar to the left, so my posts are in the center and my sidebar is on the right side of the screen.

Thank you in advance!

QUOTE
<a href="http://media.photobucket.com/image/drifloon/OmgGuysItsRosa/Drifloon.gif?o=1" target="_blank"><img src="http://i638.photobucket.com/albums/uu103/OmgGuysItsRosa/Drifloon.gif" border="0"></a>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<!--
DO NOT REMOVE CREDIT.
Theme by atmospherica.tumblr.com
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<html lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<link rel="shortcut icon" href="{Favicon}" />
{block:IfInfiniteScrolling}
<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
{/block:IfInfiniteScrolling}
<meta name="image:Background" content="http://static.tumblr.com/ko3o6ju/OC6lsn1qx/wood.jpg"/>
<meta name="image:Sidebar Background" content=""/>
<meta name="image:Sidebar" content=""/>
<meta name="color:Background" content="#fff"/>
<meta name="color:Body" content="#696969"/>
<meta name="color:Links" content="#A7A7A7"/>
<meta name="color:Links Hover" content="#000"/>
<meta name="color:Permalink Background" content="#000"/>
<meta name="color:Permalink Links" content="#fff"/>
<meta name="color:Permalink Background Hover" content="#222"/>
<meta name="color:Permalink Links Hover" content="#eee"/>
<meta name="color:Sidebar Background" content="#fff"/>
<meta name="color:Sidebar Links" content="#797979"/>
<meta name="color:Sidebar Links Hover" content="#fff"/>
<meta name="color:Sidebar Title" content="#222"/>
<meta name="color:Sidebar Text" content="#000"/>
<meta name="font:Sidebar" content="arial"/>
<meta name="text:Music Player Code" content=""/>
<meta name="text:Custom Title Text" content="enigma of the absolute"/>
<meta name="text:Custom Link One" content=""/>
<meta name="text:Custom Link One URL" content=""/>
<meta name="text:Custom Link Two" content=""/>
<meta name="text:Custom Link Two URL" content=""/>
<meta name="text:Custom Link Three" content=""/>
<meta name="text:Custom Link Three URL" content=""/>
<meta name="text:Custom Link Four" content=""/>
<meta name="text:Custom Link Four URL" content=""/>
<meta name="text:Custom Asker Text" content="whispered"/>
<meta name="if:Show Music Player" content="0"/>
<meta name="if:Show Custom Sidebar Image" content="0"/>
<meta name="if:Show Title" content="1"/>
<meta name="if:Sidebar Tiny Font" content="1"/>
<meta name="if:Show Captions" content="0"/>
<meta name="if:Show Notes" content="1"/>
<meta name="if:Infinite Scrolling" content="1"/>
<STYLE>
body {background-color:{color:Background};font-family:arial;font-size:10px;color:{color:Body};background-image:url({image:Background});background-position:center center;cursor:default;background-attachment:fixed;}
a {color:{color:Links};text-decoration:none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
a:hover {color:{color:Links Hover};-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
iframe#tumblr_controls {right:3px !important;top:3px !important;position: fixed !important;}
#drrr {width:500px;}
#posts {width:500px;margin-bottom:10px;padding:7px;margin:7px;z-index:-1;background-color:#fff;}
div.hib a {font-size:10px;font- family:consolas;position:absolute;width:140px;padding:3px;height:12px;color:{col
or:Permalink Links};background-color:{color:Permalink Background};z-index:998;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;text-align:right;}
div.hib a:hover {color:{color:Permalink Links Hover};background-color:{color:Permalink Background Hover};}
div.hib {opacity: 0;filter:alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;width:140px;}
div.bird:hover div.hib {opacity: 1;filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;width:360px;}
div.bird:hover div.hib a {width:310px;}
.shiny img, .dead img, blockquote img {max-width:350px;}
.stars {margin:10px;}
.stars li, .stars ol, .stars blockquote {text-align:left;}
ol.notes {padding:0px;color:{color:Body Text};margin: 15px 0px;list-style-type: none;}
blockquote{padding:0 0 0 4px; margin:0 0 0 14px; border-left: 1px solid {color:Body};}
ol.notes li.note { padding:7px;}
.quote {text-align:left;font-family: georgia;font-size: 7pt;font-weight:lighter;letter-spacing:2px;font-style:italic;}

h3 {border-left:7px solid {color:Body};font-family:georgia;font-size: 10pt;font-weight:lighter;letter-spacing:2px;font-style:italic;padding-left:10px;}

@font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
#main {position:fixed;top:20px;left:560px;}
#floatMenu {width:200px;padding:10px;background-color:{color:Sidebar Background};background-image:url({image:Sidebar Background});backgroud-position:center center;}
.okay {{block:ifSidebarTinyFont}font-size: 8px;
font-family: tinytots;text-transform: uppercase;{/block:ifSidebarTinyFont}{block:ifNotSidebarTinyFont}font-family:{font:Sidebar};font-size:10px;{block:ifNotSidebarTinyFont};color:{color:Sidebar Text};}
.okay .links {text-align:center;}
.okay a {color:{color:Sidebar Links};}
.okay a:hover {color:{color:Sidebar Links Hover};}
#yo {font-size:12px;letter-spacing:2px;line-height:10px;font-family:georgia;font-style:italic;color:{color:Sidebar Title};}
.chro {font-size:28px;font-style:none;font-weight:normal;font-family:tahoma;}
.bgstart {float: left;height:45px;margin-top:-40px;padding-top:35px;padding-right:10px;margin-bottom:10px;font-size:70px;}
</STYLE>
</HEAD>

<BODY>

<div id="main">

<div id="floatMenu">

{block:IfShowMusicPlayer}{block:IndexPage}{block:IfMusicPlayerCode}{text:Music Player Code}{/block:IfMusicPlayerCode}{block:IfNotShowCustomSidebarImage}<Br><Br>{block:IfNotShowCustomSidebarImage}{/block:IndexPage}{/block:IfShowMusicPlayer}

<div class="muk"><center>
{block:IfShowCustomSidebarImage}<img src="{image:Sidebar}" width="200">{/block:IfShowCustomSidebarImage}{block:IfShowTitle}
<div id="yo">{block:IfShowCustomSidebarImage}<br>{/block:IfShowCustomSidebarImage}{block:IfCustomTitleText}{text:Custom Title Text}{/block:IfCustomTitleText}<br></div>{/block:IfShowTitle}</center>
</div>

<div class="okay"> <br>
<div class="links">
<a href="/"><span>index</span></a>
{block:IfCustomLinkOne}<a href="{block:IfCustomLinkOneURL}{text:Custom Link One URL}{/block:IfCustomLinkOneURL}"><span>{text:Custom Link One}</span></a> {/block:IfCustomLinkOne}
{block:IfCustomLinkTwo}<a href="{block:IfCustomLinkTwoURL}{text:Custom Link Two URL}{/block:IfCustomLinkTwoURL}"><span>{text:Custom Link Two}</span></a> {/block:IfCustomLinkTwo}
{block:IfCustomLinkThree}<a href="{block:IfCustomLinkThreeURL}{text:Custom Link Three URL}{/block:IfCustomLinkThreeURL}"><span>{text:Custom Link Three}</span></a> {/block:IfCustomLinkThree}
{block:IfCustomLinkFour}<a href="{block:IfCustomLinkFourURL}{text:Custom Link Four URL}{/block:IfCustomLinkFourURL}"><span>{text:Custom Link Four}</span></a>{/block:IfCustomLinkFour}
<a href="/archive"><span>archive</span></a> <a href="/ask"><span>message</span></a>
<a href="http://atmospherica.tumblr.com"><span>theme</span></a></div>
{block:Description}<br>{Description}{/block:Description}
</div>

</div>

{block:IfNotInfiniteScrolling}{block:Pagination}<center><div class="chro">{block:PreviousPage}<a href="{PreviousPage}">◂ </a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">▸</a>{/block:NextPage}</div>{/block:Pagination}</center>{/block:IfNotInfiniteScrolling}
</div>

<div id="drrr">

{block:IfInfiniteScrolling}
<div class="autopagerize_page_element">{/block:IfInfiniteScrolling}
{block:Posts}

<div class="bird">
{block:IndexPage}
<div class="hib">{block:Date}<a href="{Permalink}">{TimeAgo}{block:IfShowNotes} {block:NoteCount} ({NoteCountWithLabel}) {/block:NoteCount}{/block:IfShowNotes}
<br></a>{/block:Date}</div>
{/block:IndexPage}

{block:Text}<div class="shiny" id="posts">
{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}<div class="stars" style="{block:IfBodyFontSize}font-size:{text:Body Font Size};{/block:IfBodyFontSize}">{Body}</div>
</div>
{/block:Text}

{block:Photo}<div id="posts">
<a style="border:none;" href="{Permalink}"><center><img src="{PhotoURL-500}" border="0" alt="{PhotoAlt}" border="0" width="500"></center></a>
{block:IfShowCaptions}
<br>{block:Caption}{Caption}{/block:Caption}
{/block:IfShowCaptions}
{block:IfNotShowCaptions}
{block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
{/block:IfNotShowCaptions}
</div>
{/block:Photo}

{block:Photoset}<div id="posts">{Photoset-500}
{block:IfShowCaptions}
<br>{block:Caption}{Caption}{/block:Caption}
{/block:IfShowCaptions}
{block:IfNotShowCaptions}
{block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
{/block:IfNotShowCaptions}
</div>
{/block:Photoset}

{block:Quote}<div id="posts">
<div class="bgstart">"</div>
<div class="quote">{Quote}</div>
{block:Source}<br>+ {Source}{/block:Source}
</div>
{/block:Quote}

{block:Link}<div id="posts">
<h3><a href="{URL}">{Name}</a><br></h3>
<div class="stars">{block:Description}{Description}{/block:Description}</div>
</div>
{/block:Link}

{block:Audio}<div id="posts"><br>
<div style="z-index:-1;width:500px;background-color:#e4e4e4;margin:auto;"><center>{AudioPlayerGrey}</center></div><br>
<div style="width:500px;background-color:#eee;text-align:center;">{block:TrackName}
{TrackName}{/block:TrackName}</div><br>
<div style="width:500px;background-color:#eee;text-align:center;">{PlayCount}</div>
{block:IfShowCaptions}
<br>{block:Caption}{Caption}{/block:Caption}
{/block:IfShowCaptions}
{block:IfNotShowCaptions}
{block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
{/block:IfNotShowCaptions}</div>
{/block:Audio}

{block:Chat}<div style="text-align:left;class="stars" id="posts">
{block:Title}<b>{Title}</b>{/block:Title}
{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}</div>
{/block:Chat}

{block:Video}<div id="posts">{video-500}
{block:IfShowCaptions}
<br>{block:Caption}{Caption}{/block:Caption}
{/block:IfShowCaptions}
{block:IfNotShowCaptions}
{block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
{/block:IfNotShowCaptions}
</div>
{/block:Video}

{block:Answer}
<div class="dead" id="posts"><center>
▀ {block:NoteCount}({NoteCount}){/block:NoteCount} <b>{Asker} {block:IfCustomAskerText}{text:Custom Asker Text}{/block:IfCustomAskerText},</b> "{Question}"<br>-------<br>
<div style="padding:10px;">{Answer}</div></center></div>
{/block:Answer}
</div>
{block:PermalinkPage}
<div style="width:500px;">
<div style="padding:0 0 0 4px; margin:0 0 0 14px;">{block:RebloggedFrom}origin: <a style="color:{body:Color};" href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}<br>{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>{block:HasTags}tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>  {/block:Tags}{/block:HasTags}</div>
{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
{/block:PermalinkPage}

{/block:Posts}{block:IfInfiniteScrolling}</div> {/block:IfInfiniteScrolling}


</BODY>
</HTML>


This post has been edited by lunafloon: Feb 3 2012, 09:14 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Web Site Functionality · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 26th April 2024 - 03:05 PM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC