Web Analytics Made Easy -
StatCounter Font color change @ tumblr.com - CodingForum

Announcement

Collapse
No announcement yet.

Font color change @ tumblr.com

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Font color change @ tumblr.com

    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:
    Code:
    <!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:[email protected]">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:
    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.
    Code:
    <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 :-(
    Code:
    #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...
Working...
X