Help - Search - Members - Calendar
Full Version: NEED help changing background color
HTMLHelp Forums > Web Authoring > Web Site Functionality
omgnyla
Hello! i really need help changing my background color to a light grey color.... here is the code thing lol and here is my blog ... also i need help if possible on how to make my description box move more to the right when you click "message" because as you can see, its to far over.. but only when you click "message"!! ... please and thank you! (:


http://fallinlovewithwords.tumblr.com/


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<!--
'Lighting by f0rce
f0rce.tumblr.com
-->


<html lang="en">
<head>

<meta name="if:Description" content="1"/>
<meta name="if:Ask Enabled" content="1"/>
<meta name="if:Archive Enabled" content="1"/>
<meta name="if:Rounded Images" content="0"/>
<meta name="if:Underline Hover" content="0"/>
<meta name="if:Fade In Images" content="0" />
<meta name="if:Opposite Fade Images" content="0" />
<meta name="if:Shadow Images" content="1"/>
<meta name="if:Sidebar Image" content="0"/>
<meta name="if:Rounded Scrollbar" content="1"/>
<meta name="font:Title" content="georgia"/>
<meta name="font:Post title" content="georgia"/>
<meta name="font:Body" content="georgia"/>
<meta name="color:Background" content="#FFFFFF"/>
<meta name="color:Chat" content="#F5F5F5"/>
<meta name="color:Title" content="#000000"/>
<meta name="color:Post title" content="#363636"/>
<meta name="color:Text" content="#000000"/>
<meta name="color:Link" content="#636363"/>
<meta name="color:Hover" content="#000000"/>
<meta name="text:Custom Link One" content="" />
<meta name="text:Custom Link One Title" content="Link one" />
<meta name="text:Custom Link Two" content="" />
<meta name="text:Custom Link Two Title" content="Link two" />
<meta name="text:Custom Link Three" content="" />
<meta name="text:Custom Link Three Title" content="Link three" />
<meta name="text:Custom Link Four" content="" />
<meta name="text:Custom Link Four Title" content="Link four" />
<meta name="text:Custom Link Five" content="" />
<meta name="text:Custom Link Five Title" content="Link five" />
<meta name="text:Reblog" content="Repost" />
<meta name="image:Background" content=""/>
<meta name="image:sidebar" content=""/>


<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>




<style type="text/css">
iframe#tumblr_controls{
top: 1px !important;
margin: 0 0 0 0;
right: 6px !important;
position: fixed !important;
opacity:0.4
}
iframe#tumblr_controls:hover{
opacity:1;
-webkit-transition: all 1s linear;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
transition: all 1s linear;
}
.winge{
position:fixed;
right:6px;
top:25px;
z-index:9999;
opacity:0.4;
-webkit-transition: all 1s linear;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
transition: all 1s linear;
}
.winge:hover{
opacity:1;
-webkit-transition: all 1s linear;
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
transition: all 1s linear;
}
body {
margin:0px;
background-color: {color:Background};
background-image:url({image:Background});
background-attachment: fixed;
background-repeat: no-repeat;
font-family: Trebuchet MS;
font-size: 10px;
line-height:10px;
letter-spacing:0px;
color:{color:Text};
}
div#cage{
{block:IndexPage}width:425px;{block:IndexPage}
{block:PermalinkPage}width:600px;{/block:PermalinkPage}
margin-left:auto;
margin-right:auto;
}
div#content{
{block:IndexPage}width:425px;{block:IndexPage}
padding-top:25px;
}
a:link, a:active, a:visited{
color: {color:Link};
text-decoration: none;
-webkit-transition: 0.3s ease-in;
}
a:hover {
color:{color:Hover};
-webkit-transition: 0.3s ease-in;
{block:ifunderlinehover}
text-decoration:underline;
{/block:ifunderlinehover}
}
::-webkit-scrollbar-thumb:vertical {
background-color:{color:text};
height:100px;
{block:IfRoundedScrollbar}
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
{/block:IfRoundedScrollbar}
}
::-webkit-scrollbar-thumb:horizontal {
background-color:{color:text};
height:10px;
{block:IfRoundedScrollbar}
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
{/block:IfRoundedScrollbar}
}
::-webkit-scrollbar {
height:10px;
width:8px;
background-color:{color:background};
}
#sidebar{
margin-top:50px;
margin-left:480px;
position:fixed;
width:250px;
height:auto;
text-align:left;
}
#sidebar2 {
margin-top:50px;
margin-left:-300px;
position:fixed;
width:250px;
height:auto;
text-align:right;
}
.post_title{
font-family:{font:Post title};
font-size:13px;
color:{color:Post title};
line-height:30px;
}
.entry{
{block:IndexPage}
width:425px;
float:left;
padding:4px;
{/block:IndexPage}
{block:PermalinkPage}
width:425px;
margin:auto;
{/block:PermalinkPage}
}
.entry img{
{block:IndexPage}
max-width:425px;
-webkit-transition: 0.3s ease-in;
{block:ifoppositefadeimages}
opacity:0.7;
{/block:ifoppositefadeimages}
{block:IfRoundedImages}
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
{/block:IfRoundedImages}
{/block:IndexPage}
{block:PermalinkPage}
max-width:425px;
{/block:PermalinkPage}
}
.entry img:hover {
{block:iffadeinimages}
opacity:0.6;
-webkit-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
{/block:iffadeinimages}
{block:ifoppositefadeimages}
opacity:1;
{/block:ifoppositefadeimages}
}
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
}
ul li {
position: relative;
}
li ul {
position: absolute;
left:-149px;
top: 0;
display: none;
}
ul li a {
display: block;
text-decoration: none;
color: #777;
background: #fff;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 0;
}
ul {
margin: 0;
padding: 0;
list-style: none;
width: 150px;
border-bottom: 1px solid #ccc;
}
li:hover ul {
display: block;
}

.asker{
padding-bottom:5px;
line-height:16px;
font-size:9px;
}
blockquote{
padding:0px 0px 2px 5px;
margin:0px 0px 2px 1px;
border-left: 2px solid {color:Text};
}
{block:IndexPage}
.permalink {
display:block;
position: relative;
text-align: center;
font-size:9px;
padding:4px;
font-family:{font:body};
opacity:0.4;
filter: alpha(opacity = 40);
-webkit-transition: 0.3s ease-in;
}
.entry:hover .permalink{
opacity: 1;
filter: alpha(opacity = 100);
-webkit-transition: 0.3s ease-in;
}
{/block:IndexPage}
.box{
width:auto;
height:auto;
z-index:4;
}
.blogtitle{
font-size:32px;
font-family: 'Josefin Sans', sans-serif;
cursor:default;
padding-bottom:-20px;
}
div#page{
position:fixed;
right:5px;
bottom:5px;
font-family:{font:Body};
font-style:italic;
text-align:right;
padding:10px;
}
.source{
font-size:10px;
text-align:right;
}
div#chat li {
padding: 4px;
background-color:{color:Chat};
margin-top: 2px;
}
div#chat ul{
{block:IndexPage}
width:425px;
{/block:IndexPage}
{block:PermalinkPage}
width:600px;
{/block:PermalinkPage}
list-style: none;
padding: 0px;
margin-top:5px;
margin-bottom:10px;
text-align: left;
}
.lalala{
background-color:#e4e4e4;
height:27px;
{block:IndexPage}
width:250px;
{/block:IndexPage}
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
overflow:hidden;
}
div#postnotes{
width:500px;
}
.tiny {
width:235px;
border-bottom:1px solid #CCC;
padding:5px;
margin:5px;
}
{CustomCSS}
</style>
</head>
<body>

<div id="cage">
<div id="sidebar">
{block:ifsidebarimage}
<a href="/"><img src="{image:sidebar}" style="max-height:300px; width:230px; padding:5px; margin:5px; border-bottom:1px solid #CCC;" /></a><br><br>
{/block:ifsidebarimage}
{block:ifdescription}
<div class="tiny">
<b>Description</b>
</div>
{description}
{/block:ifdescription}
</div>

<div id="sidebar2">
<div class="tiny">
<span style="font-size:15px;">
<div class="bounce">
{title}
</div>
</span>
</div>
<div align="right">
<ul>
<li><a href="/">Home</a></li>
<li>{block:ifaskenabled}<a href="/ask">Message</a>{/block:ifaskenabled}</li>
<li>{block:ifarchiveenabled}<a href="/archive">History</a>{/block:ifarchiveenabled}</li>
<li><a href="#">Links</a>
<ul>
<li>{block:ifCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}</li>
<li>{block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}</li>
<li>{block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}</li>
<li>{block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}</li>
<li>{block:ifCustomLinkFiveTitle}<a href="{text:Custom Link Five}">{text:Custom Link Five Title}</a>{/block:ifCustomLinkFiveTitle}</li>
</ul>
</li>
<li><a href="http://f0rce.tumblr.com">Theme</a></li>
</ul>
</div>





</div>

<div id="content">

{block:Posts}
{block:Text}
<div class="entry">
{block:Title}<span class="post_title">{title}</span>{/block:Title}
{Body}
{block:IndexPage}
<div class="permalink">
<center><a href="{permalink}">Permalink</a>-
Posted on: {dayofmonth}{dayofmonthsuffix} {month} </center>
</div>
{/block:IndexPage}
</div>
{/block:Text}

{block:Photo}
<div class="entry">
<img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:IndexPage} width="425" {/block:IndexPage}{block:PermalinkPage}width="425"{/block:PermalinkPage}/>

{block:ifshadowimages}
<span style="margin-top:-4px;">
<img src="http://i43.tinypic.com/2vjo387.jpg">
</span>
{/block:ifshadowimages}

{block:IndexPage}<div class="permalink"><center><a href="{permalink}">{notecountwithlabel}</a>-
Posted on: {dayofmonth} {dayofmonthsuffix}{month}
-<a href="{ReblogURL}">{text:Reblog}</a></center>
</div>

{/block:IndexPage}

</div>
{/block:Photo}

{block:Photoset}
<div class="entry">
{block:IndexPage}{Photoset-250}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
{block:IndexPage}{block:IfCaption}{block:Caption}{Caption}{/block:Caption}{/block:IfCaption}{/block:IndexPage}<br>
<span class="permalink"><a href="{Permalink}">({12Hour}:{Minutes}{AmPm})</a></span>
</div>
{/block:Photoset}

{block:Quote}
<div class="entry">
"{Quote}"
{block:Source}<div class="source"><p> {Source}</p></div>{/block:Source}
{block:IndexPage}
<div class="permalink">
<center><a href="{permalink}">Permalink</a>-
Posted on: {dayofmonth}{dayofmonthsuffix} {month} </center>
</div>
{/block:IndexPage}
</div>
{/block:Quote}

{block:Chat}
<div class="entry">
{block:Title}<span class="post_title">{Title}</span>{/block:Title}
<div id="chat">
<ul>{block:Lines}<li>
{block:Label}<b>{Label}</b>{/block:Label}
{Line}
</li>{/block:Lines}</ul>
</div>
{block:IndexPage}
<div class="permalink">
<center><a href="{permalink}">Permalink</a>-
Posted on: {dayofmonth}{dayofmonthsuffix} {month} </center>
</div>
{/block:IndexPage}
</div>
{/block:Chat}

{block:Link}
<div class="entry">
<span class="post_title"><a href="{URL}">{Name}</span></a>{block:Description}{Description}{/block:Description}
{block:IndexPage}
<div class="permalink">
<center><a href="{permalink}">Permalink</a>-
Posted on: {dayofmonth}{dayofmonthsuffix} {month} </center>
</div>
{/block:IndexPage}
</div>
{/block:Link}

{block:Audio}
<div class="entry">
<center>
{block:AlbumArt}<img src="{AlbumArtURL}" alt="" style="width:180px; position:relative;"/><p>{/block:AlbumArt}</center>
<div class="lalala">
{AudioPlayerGrey}</div>
{block:Caption}{Caption}
{PlayCount} listens {block:ExternalAudio} <a href="{ExternalAudioURL}"> (download link) </a> {/block:ExternalAudio}{/block:Caption}<p>
{block:IndexPage}
<div class="permalink">
<center><a href="{permalink}">Permalink</a>-
Posted on: {dayofmonth}{dayofmonthsuffix} {month} </center>
</div>
{/block:IndexPage}
</div>
{/block:Audio}

{block:Video}
<div class="entry">
{Video-400}
{block:IndexPage}
<div class="permalink">
<center><a href="{permalink}">Permalink</a>-
Posted on: {dayofmonth}{dayofmonthsuffix} {month} </center>
</div>
{/block:IndexPage}
</div>
{/block:Video}

{block:Answer}
<div class="entry">
<div class="asker"><img src="{AskerPortraitURL-40}"/>{Asker} asked - {Question}</div>
<div style="border-top:1px solid {color:text};">{Answer}<p></div>
{block:IndexPage}
<div class="permalink">
<center><a href="{permalink}">Permalink</a>-
Posted on: {dayofmonth}{dayofmonthsuffix} {month} </center>
</div>
{/block:IndexPage}
</div>
{/block:Answer}

<div id="postnotes">{block:PostNotes}
<center>
{block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}

{block:HasTags}
tagged as: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}<br> {/block:HasTags}
{block:RebloggedFrom}
reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
</center></span>
{PostNotes}<br>

<center>{block:ContentSource}
<br><a href="{SourceURL}">
{lang:Source}:
{block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}"
height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo}
{block:NoSourceLogo}
{SourceLink}
{/block:NoSourceLogo}
</a>
{/block:ContentSource}</center>

{/block:PostNotes}</div>

{/block:posts}

</div></div>
<div class="winge">
<a href="http://f0rcethemes.tumblr.com" target="_blank">
<img class="normal" src="http://static.tumblr.com/dbek3sy/zESllc4x6/install_theme.png" alt="install theme" />
</a>
</div>
</body>
</html>
pandy
Try changing this one.


CODE
<meta name="color:Background" content="#FFFFFF"/>

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.