...

View Full Version : Font color change @ tumblr.com



vasco
09-04-2011, 05:03 PM
Hallo, I'm absolutely web design un-kissed noob and I'm trying to make my website on tumblr.com. I've bought a html template plus I got a small CSS with it.
When I right-click the site and get the source code, this is it:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!--
MADE BY AD ROOM
-->
<title>Nocco.cz</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="tumblr-theme" content="8951" />


<meta name="color:Icon" content="#ff6600" />
<meta name="color:Divider lines" content="#cccccc" />
<meta name="color:Vimeo player" content="#ff6600" />
<meta name="image:Header" content="" />
<meta name="if:Show description" content="1" />
<meta name="if:Show author on posts" content="0" />
<meta name="if:Show date on all posts" content="0" />
<meta name="if:Disable font for quotes and titles" content="0" />
<meta name="if:Disable font for header and nav" content="0" />
<meta name="if:Show download link for external audio files" content="0" />
<meta name="if:Single column layout" content="0" />
<meta name="if:Show sharing links" content="0" />
<meta name="if:Hide Twitter updates" content="0" />
<meta name="if:Slim audio player" content="0" />
<meta name="if:Show Likes" content="0" />
<meta name="text:Heading for Likes" content="Noted elsewhere" />
<meta name="text:Google Analytics ID" content="" />
<meta name="text:Disqus shortname" content="" />
<meta name="text:Clicky ID" content="" />

<link rel="shortcut icon" href="http://assets.tumblr.com/images/default_avatar_16.gif"/>
<link rel="alternate" type="application/rss+xml" href="http://noccovz.tumblr.com/rss"/>

<link rel="stylesheet" href="http://static.tumblr.com/lhq9par/sNGl8m78s/scaffold_v1.7.css" type="text/css" media="screen, projection" />
<style type="text/css" media="screen">
.artwork, .has_icon .icon, .side_meta .tags li a:hover, .inline_audio .artwork { background-color: #FFFFFF; }
#header, #page, .side_meta .info li, #nav, #nav li, #footer, #content { border-color: #FFFFFF; }
#sidebar .sidebar_head, #content span.gutter { background-color: #FFFFFF; }
</style>

<script type="text/javascript" src="http://static.tumblr.com/lhq9par/6Nmkzomod/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/lhq9par/Lemkzomov/jquery.masonry.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/lhq9par/Y6Kl2t26n/jquery.fancybox-1.3.1.pack.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/lhq9par/U2Ilfeayn/scaffold_v1.9b.js"></script>

<script type="text/javascript" src="http://static.tumblr.com/lhq9par/1imkzomne/cufon-yui.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/lhq9par/OBel10drp/titillium_400_mod2.font.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/lhq9par/koyl10dsq/titillium_800_mod2.font.js"></script>
<script type="text/javascript">
var customColor = '#FFFFFF';
var vimeoColor = '#ff6600';
var disableQuoteTitleFonts;
var disableHeaderNavFonts;
var slimAudioPlayer;
var disableQuoteTitleFonts = true;
var disableHeaderNavFonts = true;

document.write('<style type="text/css" media="screen"> .player, #page .video .video_embed, .photoset_narrow { display: none; } </style>');


</script>
<style type="text/css" media="screen">
h1.page_title .search_query, h1.page_title .tag { color: #333; }

#page title { font-family: Times new roman, sans-serif;font-size: 42px; }

.icon_permalink, .side_meta .tags { display: none; }
.icon_posted, .side_meta .tags { display: none; }

#nav li { font-family: Times new roman, sans-serif; color:#6f6f6f }
body { background: #fff; }
#loader { background-color: #fff; }
#nav_page { color:#00ffff }
#search,
.panel_head,
.panel_foot,
.ref,
.meta li,
.meta a,
#page .quote blockquote.quote_text .quotemark,
#page .link h2 .icon,
#page .link h1 .icon,
.artwork,
.player_head,
.player_foot,
.player_foot,
.audio_download a,
.inline_audio .artwork,
#page .answer .qa,
#sidebar .has_icon .icon,
.side_meta .avatar_frame,
#meta .has_icon .icon,
#meta .avatar_frame,
#notes .has_icon .icon,
#pagination li a,
.footer_links .has_icon .icon,
.side_meta .has_icon .icon,
#loader p,
.meta_foot p.source a {
background-image: url("http://static.tumblr.com/lhq9par/cm3l8yrtu/sprites_ffffff.png");
}

</style>
<meta http-equiv="x-dns-prefetch-control" content="off"/></head>

<body>

<!-- Tumblr Theme #8951 -->

<div id="container">

<div id="header">

<h1><a href="/">Nocco.cz</a></h1>

</fieldset>
</form>


</div>
<div id="page">
<script type="text/javascript" charset="utf-8">
document.write('<div id="loader"><p class="replace">Loading&hellip;</p></div>');
</script>




<div id="cols">
<div id="content" class="single_col">

</div>
</div>



</div>
<div id="sidebar">

<ul id="nav">
<li class="nav_home"><a href="/">ÚVOD</a></li>
<li class="nav_page"><a href="/kontakt">Kontakt</a></li><li class="nav_page"><a href="/sluzby">Služby</a></li><li class="nav_page"><a href="/verzak">Veřejné zakázky</a></li>



</ul>



</form>

</div>

<div id="footer">
© 2011 akdolezel.cz / made by <a href="mailto:novotny@nocco.cz">MN</a></p>
<ul class="footer_links">

</ul>
</div>

</div>

<script type="text/javascript"> Cufon.now(); </script>




<!-- BEGIN TUMBLR CODE --><iframe src="http://assets.tumblr.com/iframe.html?9&src=http%3A%2F%2Fnoccovz.tumblr.com%2F&amp;lang=en_US&amp;name=noccovz&amp;brag=0" scrolling="no" width="330" height="25" frameborder="0" style="position:absolute; z-index:1337; top:0px; right:0px; border:0px; background-color:transparent; overflow:hidden;" id="tumblr_controls"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('tumblr_controls').allowTransparency=true;</script><![endif]--><script type="text/javascript">_qoptions={qacct:"p-19UtqE8ngoZbM"};</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script><noscript><img src="http://pixel.quantserve.com/pixel/p-19UtqE8ngoZbM.gif" style="display:none; border-width:0px; height:1px; width:1px;" alt=""/></noscript><!-- END TUMBLR CODE --></body>
<!--
This Tumblr Theme and all of its CSS, Javascript,
and media assets are subject to Tumblr's Terms of Service:

<a href="http://www.tumblr.com/terms_of_service
-->
</html>" rel="nofollow">http://www.tumblr.com/terms_of_service
-->
</html></a>

Then here is the CSS code:

#page title { font-family: Times new roman, sans-serif;font-size: 42px; }

.icon_permalink, .side_meta .tags { display: none; }
.icon_posted, .side_meta .tags { display: none; }

#nav li { font-family: Times new roman, sans-serif; color:#6f6f6f }
body { background: #fff; }
#loader { background-color: #fff; }
#nav_page { color:#00ffff }
#search,
.panel_head,
.panel_foot,
.ref,
.meta li,
.meta a,
#page .quote blockquote.quote_text .quotemark,
#page .link h2 .icon,
#page .link h1 .icon,
.artwork,
.player_head,
.player_foot,
.player_foot,
.audio_download a,
.inline_audio .artwork,
#page .answer .qa,
#sidebar .has_icon .icon,
.side_meta .avatar_frame,
#meta .has_icon .icon,
#meta .avatar_frame,
#notes .has_icon .icon,
#pagination li a,
.footer_links .has_icon .icon,
.side_meta .has_icon .icon,
#loader p,
.meta_foot p.source a {
background-image: url("http://static.tumblr.com/lhq9par/cm3l8yrtu/sprites_ffffff.png");
}

What I need is to have these links to my sub-pages in other color than black as it is now.

<ul id="nav">
<li class="nav_home"><a href="/">ÚVOD</a></li>
<li class="nav_page"><a href="/kontakt">Kontakt</a></li><li class="nav_page"><a href="/sluzby">Služby</a></li><li class="nav_page"><a href="/verzak">Veřejné zakázky</a></li>



</ul>



Somebody on other forum replied to me, that this code should work, but nothing happened :-(

#nav a { color: yourColour }


I don't know if I'm so much noob or there's some problem on tumblr's side.
Please, if somebody has 5 minutes for me, contact me via PM and I will send you login for my tumblr and you can look at it, just if you want...
Thanks a lot, it hurry a bit and I'm suffering from this...

Thank you very much for your time...



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum