The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Tumblr HTML help
noya101
post Jul 6 2013, 06:38 AM
Post #1





Group: Members
Posts: 2
Joined: 6-July 13
Member No.: 19,385
Hi everyone, I need help in two things smile.gif

I'm designing my tumblr now, and I have a new theme.

The problem is that the time&date are in black, and I want them to be in blue. (#0000FF)
I can only make them blue by changing the whole text.

Also, when I post an audio the picture of the cover is huge, any way to make it smaller?

Thanks a lot for your help C:

This is my theme HTML:


<!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">

<!--
Theme: Vacant
A sleepy theme, created by Shannon.
@ sleepingtigers.tumblr.com
-->

<head><script src="http://totallylayouts.com/tumblr/visitor-counter/counter.js?id=2016281&style=text" values="font-family: arial; color: #0000FF; font-size:10px;"></script>
<meta name="color:Text" content="000">
<meta name="color:Caption Background" content="#EEEEEE" />

<meta name="if:Endless Scrolling" content="0" />
<meta name="if:Hide Captions" content="0" />
<meta name="if:Date Permalinks" content="1">

<meta name="text:Link One" content="" />
<meta name="text:Link One Title" content="" />
<meta name="text:Link Two" content="" />
<meta name="text:Link Two Title" content="" />
<meta name="text:Link Three" content="" />
<meta name="text:Link Three Title" content="" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>


<title>{Title}</title>

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}


<style type="text/css">
body{ background-color:{color:background}; background-image:url({image:background}); background-postition:center; background-attachment: fixed; background-repeat: repeat; color:{color:Text}; font-family:Times New Roman; font-size:0.75em; line-height: 15px; text-align:justify;}
a:link, a:active, a:visited { color: #000000; text-decoration:none; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in; }
a:hover { opacity: .8.5; font-style:none; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}
.right { margin: 0 0 px 0; overflow:hidden; text-align: left;}
.totalright {float:right; margin-top:0px;}
.title { font-size:20px; line-height:22px; text-align:left; text-weight:bold; font-style:italic;}
.question { font-weight:bold; padding:2px;}
#container { width:770px; }
#holder {width:500px; float:right; padding:10px; }
#entry { width:500px; margin:auto; padding:5px; padding-bottom:30px;}
#postdisq {color:#000000; margin-left:565px; position:absolute; -webkit-transition-duration: 0.4s; padding:3px; -moz-border-radius:0px; -webkit-border-radius:5px; z-index:3;}
#side { width:200px; position:absolute; float:left; padding:5px; background-color: {color:entry}; top:28px; }
.audio {width: 200px; background-color:#000; padding:2px;}
div.video embed, div.post div.video object { width:500px !important; height:300px !important;}
blockquote{ background-color:{color:Caption Background}; padding:5px; padding-left:5px; -moz-border-radius: 0px 0px 10px 0px; -webkit-border-radius: 0px 0px 10px 0px;}
blockquote img{ display:block; width:400px; }
.photoquote { background-color:{color:Caption Background}; border-left: 1px solid #DDD; -moz-border-radius: 0px 0px 10px 0px; -webkit-border-radius: 0px 0px 10px 0px;}
ul.chat, .chat ol, .chat li { list-style:none; margin:0px; padding:5px; }
ol.notes { padding: 0px; margin: 25px 0px; list-style-type:;}
ol.notes li.note { padding: 2px;}
ol.notes li.note img.avatar { margin-right: 10px; width:0px; height: 0px;}
iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
</style>

{block:IfEndlessScrolling}
<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
{/block:IfEndlessScrolling}

<style type="text/css">{CustomCSS]</style>

</head>

<body>

<div id="container">

<div id="side">
<div class="title">
<a href="/">{Title}</a>
</div>

<BR> <BR> <BR >
<b>Links</b> <BR>
<a href="/archive">archive</a><BR>
<a href="/ask">ask</a><BR>
<a href="/explore">explore</a><BR>
<a href="/faq">faq</a><BR>
<a href="/rss">RSS</a><BR>



{block:IfLinkOneTitle}
<a href="{text:Link One}"> {text:Link One Title}</a> <BR>
{/block:ifLinkOneTitle}
{block:ifLinkTwoTitle}
<a href="{text:Link Two}"> {text:Link Two Title}</a> <BR>
{/block:ifLinkTwoTitle}
{block:ifLinkThreeTitle}
<a href="{text:Link Three}"> {text:Link Three Title}</a> <BR>
{/block:ifLinkThreeTitle}


{block:Description}
<BR> <BR <BR>
<b>About</b> <BR>
{Description}
{/block:Description}
</div>

<div id="holder">
<BR>

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

{block:Posts}

<div id="entry">

<div id="postdisq">
{block:NewDayDate}
{block:IfDatePermalinks}
<a href="{Permalink}">
{/block:IfDatePermalinks}

{DayOfMonthWithZero} {Month} {Year}

{block:IfDatePermalinks}
</a>
{/block:IfDatePermalinks}
{/block:NewDayDate}

{block:SameDayDate}
{block:IfDatePermalinks}
<a href="{Permalink}">
{/block:IfDatePermalinks}

{DayOfMonthWithZero} {Month} {Year}

{block:IfDatePermalinks}
</a>
{/block:IfDatePermalinks}
{/block:SameDayDate}

{block:PermalinkPage}
<BR>
{12Hour}:{Minutes} {AmPm}<BR>
{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
{/block:PermalinkPage}

</div>


{block:Text}
{block:Title}<a href="{Permalink}" > <b>{Title}</b> </a>{/block:Title}
{Body}

{block:IndexPage}
<p> <font style="border-bottom:1px solid #000;">
{block:IfNotDatePermalinks}
<a href="{Permalink}">
{/block:IfNotDatePermalinks}
{12Hour}:{Minutes} {AmPm} {block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}

{block:IfNotDatePermalinks}
</a>
{/block:IfNotDatePermalinks}
</font> </p>
{/block:IndexPage}

{/block:Text}


{block:Photo}
{LinkOpenTag}
<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500">
{LinkCloseTag}

{block:IndexPage}
<p> <font style="border-bottom:1px solid #000;">
{block:IfNotDatePermalinks}
<a href="{Permalink}">
{/block:IfNotDatePermalinks}
{12Hour}:{Minutes} {AmPm} {block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}

{block:IfNotDatePermalinks}
</a>
{/block:IfNotDatePermalinks}
</font> </p>
{/block:IndexPage}

{block:IfNotHideCaptions} {block:IndexPage}<div class="photoquote"> {block:Caption} <blockquote> {Caption} </blockquote> {/block:Caption} </div>{/block:IndexPage}
{/block:IfNotHideCaptions}
{block:PermalinkPage}
<div class="photoquote"><p>{block:Caption}<blockquote>{Caption}</blockquote>{/block:Caption}</p></div>
{/block:PermalinkPage}
{/block:Photo}


{block:Photoset}
{Photoset-500}

{block:IndexPage}
<p> <font style="border-bottom:1px solid #000;">
{block:IfNotDatePermalinks}
<a href="{Permalink}">
{/block:IfNotDatePermalinks}
{12Hour}:{Minutes} {AmPm} {block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}

{block:IfNotDatePermalinks}
</a>
{/block:IfNotDatePermalinks}
</font> </p>
{/block:IndexPage}

{block:IfNotHideCaptions} {block:IndexPage}<div class="photoquote"> {block:Caption} <blockquote> {Caption} </blockquote> {/block:Caption} </div>{/block:IndexPage}
{/block:IfNotHideCaptions}
{block:IfHideCaptions}
{block:PermalinkPage}
<p>{block:Caption}{Caption}{/block:Caption}</p>
{/block:PermalinkPage}
{/block:IfHideCaptions}
{/block:Photoset}


{block:Quote}
“{Quote}”
<p>{block:Source}— {Source}{/block:Source}</p>

{block:IndexPage}
<p> <font style="border-bottom:1px solid #000;">
{block:IfNotDatePermalinks}
<a href="{Permalink}">
{/block:IfNotDatePermalinks}
{12Hour}:{Minutes} {AmPm} {block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}

{block:IfNotDatePermalinks}
</a>
{/block:IfNotDatePermalinks}
</font> </p>
{/block:IndexPage}

{/block:Quote}


{block:Link}
<a href="{URL}"><u>{Name}</u></a>
<p>{block:Description}{Description}{/block:Description}</p>

{block:IndexPage}
<p> <font style="border-bottom:1px solid #000;">
{block:IfNotDatePermalinks}
<a href="{Permalink}">
{/block:IfNotDatePermalinks}
{12Hour}:{Minutes} {AmPm} {block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}

{block:IfNotDatePermalinks}
</a>
{/block:IfNotDatePermalinks}
</font> </p>
{/block:IndexPage}
{/block:Link}


{block:Chat}
{block:Title}<b>{Title}</b>{/block:Title}
<div class="lines">{block:Lines}<div class="line {Alt}">{block:Label}<b>{Label} </b>{/block:Label}{Line}</div>{/block:Lines}</div>

{block:IndexPage}
<p> <font style="border-bottom:1px solid #000;">
{block:IfNotDatePermalinks}
<a href="{Permalink}">
{/block:IfNotDatePermalinks}
{12Hour}:{Minutes} {AmPm} {block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}

{block:IfNotDatePermalinks}
</a>
{/block:IfNotDatePermalinks}
</font> </p>
{/block:IndexPage}
{/block:Chat}


{block:Audio}
<p>
{block:AlbumArt}
<img src="{AlbumArtURL}" width="500">
{/block:AlbumArt}
</p>
<div class="audio">{AudioPlayerBlack}</div>
{block:Caption}{Caption}{/block:Caption}

{block:IndexPage}
<p> <font style="border-bottom:1px solid #000;">
{block:IfNotDatePermalinks}
<a href="{Permalink}">
{/block:IfNotDatePermalinks}
{12Hour}:{Minutes} {AmPm} {block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}

{block:IfNotDatePermalinks}
</a>
{/block:IfNotDatePermalinks}
</font> </p>
{/block:IndexPage}
{/block:Audio}


<div class="video">
{block:Video}
{Video-500}

{block:IndexPage}
<p> <font style="border-bottom:1px solid #000;">
{block:IfNotDatePermalinks}
<a href="{Permalink}">
{/block:IfNotDatePermalinks}
{12Hour}:{Minutes} {AmPm} {block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}

{block:IfNotDatePermalinks}
</a>
{/block:IfNotDatePermalinks}
</font> </p>
{/block:IndexPage}

{block:IfNotHideCaptions} {block:IndexPage}<div class="photoquote"> {block:Caption} <blockquote> {Caption} </blockquote> {/block:Caption} </div>{/block:IndexPage} {/block:IfNotHideCaptions}
{block:IfHideCaptions} {block:PermalinkPage}<p>{block:Caption}{Caption}{/block:Caption}</p>{/block:PermalinkPage} {/block:IfHideCaptions}

{/block:Video}
</div>


{block:Answer}
<div class="question">
{Question}
</div>
by <i>{Asker}</i>
{Answer}

{block:IndexPage}
<p> <font style="border-bottom:1px solid #000;">
{block:IfNotDatePermalinks}
<a href="{Permalink}">
{/block:IfNotDatePermalinks}
{12Hour}:{Minutes} {AmPm} {block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}

{block:IfNotDatePermalinks}
</a>
{/block:IfNotDatePermalinks}
</font> </p>
{/block:IndexPage}

{/block:Answer}

{block:PermalinkPagination}
<p>
<div align="right">
{block:PreviousPost}
<a href="{PreviousPost}">Last Post</a>
{/block:PreviousPost}
{block:NextPost}
    
<a href="{NextPost}">Next Post</a>
{/block:NextPost}
</div>
</p>
{/block:PermalinkPagination}

{block:PostNotes}{PostNotes}{/block:PostNotes}

</div> <!-- E -->

{/block:Posts}


{block:IfNotEndlessScrolling}
{block:Pagination}
<div align="right">
{block:PreviousPage}
<a href="{PreviousPage}">Last Page</a>
{/block:PreviousPage}
{block:NextPage}
       
<a href="{NextPage}">Next Page</a>
{/block:NextPage}
</div>
{/block:Pagination}
{/block:IfNotEndlessScrolling}

{block:IfEndlessScrolling}</div>{/block:IfEndlessScrolling}

<div style="position:fixed; bottom:5px; right:5px; opacity:.5;">
<a href="http://sleepingtigers.tumblr.com/">s.t.</a>
</div>

</div> <!-- H -->

</div> <!-- C -->

</body>

</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jul 6 2013, 01:04 PM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
Can you post the URL (address) of your site?

From the Tumblr code, I can't figure out what the markup is. And the CSS selectors you need will depend on the markup (class and id attributes, for example).
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
noya101
post Jul 6 2013, 01:12 PM
Post #3





Group: Members
Posts: 2
Joined: 6-July 13
Member No.: 19,385
QUOTE(Darin McGrew @ Jul 6 2013, 09:04 PM) *

Can you post the URL (address) of your site?

From the Tumblr code, I can't figure out what the markup is. And the CSS selectors you need will depend on the markup (class and id attributes, for example).



this is the URL http://shebapoe.tumblr.com
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jul 8 2013, 12:57 AM
Post #4


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
It looks like the dates are inside <div id="postdisq">...</div> elements.

The selector for that is:
div#postdisq { ... }

But id values are supposed to be unique within a document. If you use them more than once (as you do with postdisq), then you should use a class instead of an id.

The selector for <div class="postdisq">...</div> is:
div.postdisq { ... }
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: 27th April 2024 - 04:50 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC