The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Tumblr Theme Help
lolita
post Aug 11 2011, 08:55 AM
Post #1





Group: Members
Posts: 7
Joined: 11-August 11
Member No.: 15,144



Hello there,
I'd like to customize my tumblr theme but I'm having problems with it. My tumblr is http://geisterschloss.com. The theme I'm using had formely a white background which I changed to a dusty pink. It looks a bit weird tough. I'd like to have a white border around the photo posts and a white background on text, quote and audio posts. Something like this for example http://wingsforlashes.tumblr.com/.

Here's my code:

QUOTE

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

<!--
dainty theme
made by amy
do not remove credits
-->

<meta name="color:text" content="#222">
<meta name="color:links" content="#222">
<meta name="color:nav links" content="#222">
<meta name="color:hover" content="#ccc">
<meta name="color:background" content="#fff">
<meta name="color:asker background" content="#f8f8f8">

<meta name="if:small posts" content="1" />
<meta name="if:bigger posts" content="0" />
<meta name="if:small space between posts" content="0"/>
<meta name="if:medium space between posts" content="1"/>
<meta name="if:large space between posts" content="0"/>
<meta name="if:endless scroll" content="0"/>
<meta name="if:show archive" content="1"/>
<meta name="if:show ask" content="1" />
<meta name="if:show captions" content="0" />
<meta name="if:show portrait photo" content="1" />
<meta name="if:fade images" content="1" />
<meta name="if:hide links" content="1" />
<meta name="if:hide description" content="1" />

<meta name="font:title" content="Baskerville" />
<meta name="font:body" content="Georgia" />

<meta name="text:title font size" content="14px" />
<meta name="text:font size" content="9px" />

<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<link rel="shortcut icon" href="{Favicon}">
<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 {margin-top:67px; margin-left: 460px; height:100%; text-align:justify; font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-size: 9px; line-height:9px; color:#B8B3B3;9px; background-color:#f7eff0;}

.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}

a {text-decoration:none; color:#B8B3B3; -webkit-transition: 0.5s ease-in;}
a:hover {-webkit-transition: 0.5s ease-in; color:#FFFFFF;}


#entry {margin-bottom:5px; margin-bottom: 30px; width:500px;}
#entry img {width:500px;}
a img {border:0px;}
#entry:hover .permalink {opacity: 1;}
img{-webkit-transition: opacity 0.7s linear; opacity: 0.85;}
img:hover{-webkit-transition: opacity 0.7s linear; opacity: 1;}
a {text-decoration:none; color:#B8B3B3; -webkit-transition: 0.5s ease-in;}
a:hover {-webkit-transition: 0.5s ease-in; color:#FFFFFF;}





.infotwo {left:240px; top:55px; padding:10px 10px 10px 10px; position:fixed; width:100px; height:29%; background-color:#FFFFFF;}

.infothree {left:240px; top:130px; padding:10px 10px 10px 10px; position:fixed; width:100px; height:100%; background-color:transparent;}

.description {max-width:100px; font-style:normal;}

div.navlinks a {font-style:normal; width:100px; letter-spacing:px; padding:px; text-align:center; display:block; position:relative; color:#B8B3B3;}
div.navlinks a:hover {letter-spacing:px; display:; padding:px; color:#FFFFFF;}

.links {}

.header {margin-left:-200px; position:fixed; width:200px;}

.navtitle {border-top:dotted 1px #000; border-bottom:dotted 1px #000; background-color:#f8f8f8; width:60px; padding-top:1px; padding-bottom:1px; text-align:center; width:100px; text-transform:lowercase; margin-bottom:4px;}

.infotitle {border-top:dotted 1px #000; border-bottom:dotted 1px #000; background-color:#f8f8f8; width:60px; padding-top:1px; padding-bottom:1px; text-align:center; width:100px; text-transform:lowercase;}

.h2, .title {font-size:9px; font-family: Georgia, 'Linotype', 'Didot', 'Georgia', Verdana, sans-serif; letter-spacing: 2px; text-transform:uppercase;}
.h3 {text-transform:;}
.h4 {font-family: georgia; font-size:20px; line-height:25px; font-weight:; font-style:normal; letter-spacing: 2px; text-transform:lowercase; display:block;}
.h5 {color:; font-family: arial ; font-size:40px; line-height:41px; font-weight:; font-style:; text-transform:lowercase; text-align:right;}

#portrait {-moz-border-radius: 64px; -webkit-border-radius: 64px; width: 64px; height: 64px; background-image:url({PortraitURL-64});}

.audio {background-color:#000000; margin-bottom : -10px; width:300px;}

.answer {color:#222; margin-bottom:-15px; background-color:}

div.video embed,
div.post div.video object {width:500px; height:500px;}

ol.notes {padding: 0px; margin-top:20px; margin-bottom: 10px; list-style-type: none; font-size:9px; text-align: center;}
ol.notes li.note {text-align:left; border-top: solid 0px #ccc; padding: 0 0 3px 0;}
ol.notes li.note img.avatar {vertical-align: -4px;margin-right: 10px;width: 16px; height: 16px;}
ol.notes li.note span.action {font-weight: normal; font-size: 9px; text-align:left;}
ol.notes li.note span.action a {font-size: 9px;font-weight: normal;text-align:left;}
ol.notes li.note .answer_content {font-size: 9px;font-weight: normal;line-height: 10px;}
ol.notes li.note blockquote {font-size: 9px;border-color: none;padding: 1px 3px;margin: 3px 0 3px 7px;}
ol.notes li.note blockquote a {font-size: 9px;text-decoration: none;}

blockquote {padding-left: 7px; border-left: 1px solid #222; margin: 3px 10px 3px 7px;}

.permalink {font-style: ; float:right; padding-left: 6px; margin-left:500px; margin-top:0px; padding-top:0px; position: absolute; text-align: left; width: 80px; height:10px; font-size: 9px; -webkit-transition: 0.5s ease-in; opacity:0;}
.permalink a{color:;}
.permalink a:hover {color:;}
.entry:hover .permalink {opacity: 1;}

</style>





<script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
<script type="text/javascript" charset="utf-8">
var $j = jQuery.noConflict();
$j(function() {
if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
$j("img").lazyload({
placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
effect: "fadeIn",
});
});
</script>


<script type="text/javascript">
$(window).load(function(){
$("p").remove(":contains('Source:')");
$("p").remove(":contains('(via')");
});
</script>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".links").hide();
//toggle the componenet with class msg_body
jQuery(".navtitle").click(function()
{
jQuery(this).next(".links").slideToggle(500);
});});
</script>

</script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".description").hide();
//toggle the componenet with class msg_body
jQuery(".infotitle").click(function()
{
jQuery(this).next(".description").slideToggle(500);
});});
</script>

</head>


<body>


<div class="infotwo">
<center>{block:ifshowportraitphoto}<div id="portrait"></div>{/block:ifshowportraitphoto}</div>

<div class="infothree">
<div class="blogtitle"><a href="/"><div align="center">nymphea</div></a></div><br>
<div class="navtitle">☾</div></center>

<div class="links"><div class="navlinks">
<div align="center">{block:Ifshowarchive}
<a href="http://deerlolita.com">lolita</a><a href="/archive">collection</a>{/block:Ifshowarchive}
{block:Ifshowask}<a href="/ask">letter box</a>{/block:Ifshowask}
{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
<a href="http://arreter.tumblr.com">credit</a></div></div>
<br>
<br>
</div>




<div class="description">{block:Description}{Description}{/block:Description}</div>

</div></div></div></div>
</div></div></div></div>
</div></div>

<br><br>


{block:Posts}

{block:Text}
<div id="entry">
<span class="permalink"><a href="{Permalink}"><i>{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</i> | {NoteCount}</a></span>
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div style="margin-top:-5px;">{Body}</div>
</div>
{/block:Text}

{block:Photo}
<div id="entry">
<span class="permalink"><a href="{Permalink}"><i>{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</i> | {NoteCount}</a></span>
{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
<img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="550"/><div style="margin-top:-4px; margin-bottom:-4px;"></div>
{block:IndexPage}</a>{/block:IndexPage}
{block:PermalinkPage}{LinkCloseTag}
{/block:PermalinkPage}
{block:Ifshowcaptions}{Caption}{/block:Ifshowcaptions}</div>

{/block:Photo}

{block:Photoset}
<div id="entry">
<span class="permalink"><a href="{Permalink}"><i>{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</i> | {NoteCount}</a></span>
<div style="width:{text:Width}px !important;">{Photoset-500}</div>
{block:PermalinkPage}+{/block:PermalinkPage}
{block:Ifshowcaptions}{Caption}{/block:Ifshowcaptions}</div>
{/block:Photoset}

{block:Quote}
<div id="entry">
<div style="padding:7px; font-size:16px; text-align:left;font-style:italic;line-height:9px; margin-bottom:25px;"><span class="permalink"><a href="{Permalink}"><i>{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</i> | {NoteCount}</a></span> "<i>{Quote}</i>"<br>
{block:Source} {Source}{/block:Source}
</div>
{/block:Quote}

{block:Link}
<div id="entry">
<span class="permalink"><a href="{Permalink}"><i>{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</i> | {NoteCount}</a></span>
<div class="h2"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
</div>
{/block:Link}

{block:Chat}
<div id="entry">
<span class="permalink"><a href="{Permalink}"><i>{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</i> | {NoteCount}</a></span>
{block:Title}<i>{Title}</i>{/block:Title}<br>
{block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
</div>
{/block:Chat}

{block:Audio}
<div id="entry">
<span class="permalink"><a href="{Permalink}"><i>{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</i> | {NoteCount}</a></span>
<div class="audio">
{AudioPlayerBlack}</div><br>
<div style="padding:2px; font-size:10px; text-align:left;font-style:italic;">{block:TrackName}{TrackName} by {/block:TrackName}{block:Artist}{Artist}{/block:Artist}</div>
{block:PermalinkPage}{block:ExternalAudio} <a href="{ExternalAudioURL}"> / download </a> </span>{/block:ExternalAudio}{/block:PermalinkPage}
</div>
{/block:Audio}

{block:Answer}
<div id="entry">
<span class="permalink"><a href="{Permalink}"><i>{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</i> | {NoteCount}</a></span>
<div class="answer"><u>{Asker}</u> asked: {Question}</div><br>
<div style="margin-bottom:-5px;"><i>{Answer}</i><br></div> </div>
{/block:answer}

{block:Video}
<div id="entry">
<div class="video">
<span class="permalink"><a href="{Permalink}"><i>{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</i> | {NoteCount}</a></span>
{Video-500}
{block:Caption}{Caption}{/block:Caption}
</div></div>
{/block:Video}

{block:PermalinkPage}<div style="text-align:left; padding-top:5px; padding-bottom:5px;">{block:Date}{Month} {DayOfMonth}{DayOfMonthSuffix} / with {NoteCountWithLabel} {/block:Date}</a><br>{block:HasTags}Tags: {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</div>{/block:PermalinkPage}

{block:PostNotes}
<br>
{PostNotes}
{/block:PostNotes}

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

{block:IfNotEndlessScroll}<br><div align="center"><div style="margin-left:-350px; {block:ifsmallposts}margin-left:-350px;{/block:ifsmallposts}{block:ifbiggerposts} margin-left:-150px;{/block:ifbiggerposts}">{block:JumpPagination length="5"}
{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}

{block:JumpPage}
<a class="jump_page" href="{URL}"><i>{PageNumber}</i></a>
{/block:JumpPage}
{/block:JumpPagination} </div></div>{/block:IfNotEndlessScroll}



</div>
</body>
</html>


I'd really appreciate any help since I'm sitting in front of this code for ages and just can't figure it out by myself.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 11 2011, 09:55 AM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,459
Joined: 9-August 06
Member No.: 6



All I see at http://geisterschloss.com/ is images. Not dusty pink either. Is there a hidden link I should click on?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
lolita
post Aug 11 2011, 10:36 AM
Post #3





Group: Members
Posts: 7
Joined: 11-August 11
Member No.: 15,144



Oh, I'm terribly sorry. I mean http://geisterschloss.tumblr.com, of course.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
raydin
post Aug 13 2011, 03:12 AM
Post #4


Newbie
*

Group: Members
Posts: 15
Joined: 13-August 11
Member No.: 15,164



You can add background: white; to the entry code on there.

That is: #entry {background: white; margin-bottom:5px; margin-bottom: 30px; width:500px;}

Also, Give me the actual code " the one you're using on Tumblr so I can test it better.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
lolita
post Aug 13 2011, 09:00 AM
Post #5





Group: Members
Posts: 7
Joined: 11-August 11
Member No.: 15,144



Thank you, raydin. I changed that in my code. But how do I center the posts?
I copied the code above. The original code is this one http://freetexthost.com/pv1aayh1gb

If you like I can send you the password for the tumblr. It's only for testing purposes.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
raydin
post Aug 13 2011, 12:26 PM
Post #6


Newbie
*

Group: Members
Posts: 15
Joined: 13-August 11
Member No.: 15,164



Hello,

Feel free to do so. smile.gif

-Raydin
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
lolita
post Aug 13 2011, 01:47 PM
Post #7





Group: Members
Posts: 7
Joined: 11-August 11
Member No.: 15,144



Sent! biggrin.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

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

 



- Lo-Fi Version Time is now: 11th December 2019 - 04:53 PM