The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> Help with Tumblr HTML?
roonilwazlib
post May 2 2013, 07:28 PM
Post #1





Group: Members
Posts: 2
Joined: 2-May 13
Member No.: 19,119
Hi. I've been having some trouble with a theme I've installed on Tumblr. Whenever I click on a permalink on my blog, the images double. Unfortunately the theme creator's ask box is closed, so I can't contact her. :/ Any help would be much appreciated!

Here's the code:
QUOTE
<!--
Theme 015 - Rosetta by thewicked-eternity.tumblr.com
PLEASE DO NOT REMOVE THE CREDIT OR REDISTRIBUTE
For any help, visit wickedeternitythemehelp.tumblr.com
-->

<html><head>

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

<!-- DEFAULT VARIABLES -->
<meta name="color:Background" content="#FFFAF2"/>
<meta name="color:Post Background" content="#FFFAF2"/>
<meta name="color:Text" content="#BDA094"/>
<meta name="color:Links" content="#C38A95"/>
<meta name="color:Links Hover" content="#BDA094"/>
<meta name="color:Left Bar" content="#9E5966"/>
<meta name="color:Right Bar" content="#9E5966"/>
<meta name="color:Navigation" content="#B96E7C"/>
<meta name="color:Navigation Hover" content="#9E5966"/>
<meta name="color:Sidebar" content="#FFFFFF"/>
<meta name="color:Sidebar Background" content="#9E5966"/>
<meta name="color:Sidebar Image Border" content="#FFFAF2"/>
<meta name="color:Info Background" content="#FFFFFF"/>
<meta name="color:Info Border" content="#DFC0C5"/>
<meta name="color:Asker Background" content="#FFFFFF"/>
<meta name="color:Scrollbar" content="#CAAAB0"/>

<meta name="image:Sidebar" content=""/>
<meta name="image:Background" content=""/>
<meta name="image:Leftbar" content="http://static.tumblr.com/vyzeblq/O7jm7n1fr/leftbar.jpg"/>

<meta name="font:Title" content="georgia"/>
<meta name="font:Post Titles" content="georgia"/>
<meta name="font:Body" content="arial"/>
<meta name="font:Description" content="arial"/>

<meta name="if:Show Navigation" content="0"/>
<meta name="if:Show Title" content="0"/>
<meta name="if:Hide Photo Captions" content="0"/>
<meta name="if:400px Posts" content="0"/>
<meta name="if:Infinite Scrolling" content="0"/>

<meta name="text:Link 1" content="http://"/>
<meta name="text:Link 1 Title" content=""/>
<meta name="text:Link 2" content="http://">
<meta name="text:Link 2 Title" content=""/>
<meta name="text:Link 3" content="http://"/>
<meta name="text:Link 3 Title" content=""/>
<meta name="text:Link 4" content="http://"/>
<meta name="text:Link 4 Title" content=""/>
<meta name="text:Link 5" content="http://"/>
<meta name="text:Link 5 Title" content=""/>
<meta name="text:Link 6" content="http://"/>
<meta name="text:Link 6 Title" content=""/>


<style type="text/css">

/* --- BASICS --- */

iframe#tumblr_controls {
top:0px !important;
right:5px !important;
margin-right:15px;
}

::-webkit-scrollbar-thumb:vertical {
background-color:{color:Scrollbar};
height:30px;
}

::-webkit-scrollbar-thumb:horizontal {
background-color:{color:Scrollbar};
height:5px!important;
}

::-webkit-scrollbar {
background-color:{color:Background};
height:5px;
width:5px;
}


/* --- POSTS --- */

body {
color:{color:Text};
background-attachment:fixed;
background-color:{color:Background};
background-image: url('{image:Background}');
background-position:bottom right;
background-repeat:no-repeat;
text-align:justify;
font-family:{font:Body};
font-size:10px;
}

a {
text-decoration:none;
color:{color:Links};
-webkit-transition:opacity 0.8s linear;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;
}

a:hover {
text-decoration:none;
color:{color:Links Hover};
-webkit-transition:opacity 0.7s linear;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}

#entries {
position:absolute;
overflow:hidden;
width:630px;
{block:If400pxPosts}
width:530px;
{block:PermalinkPage}
width:630px;
{/block:PermalinkPage}
{/block:If400pxPosts}
margin-left:410px;
margin-top:-8px;
}

#posts {
background-color:{color:Post Background};
padding:7px;
width:500px;
{block:If400pxPosts}
width:400px;
{block:PermalinkPage}
width:500px;
{/block:PermalinkPage}
{/block:If400pxPosts}
margin-bottom:10px;
}

#notez {
position:absolute;
width:80px;
height:auto;
padding:5px;
margin-top:10px;
margin-left:510px;
{block:If400pxPosts}
margin-left:410px;
{block:PermalinkPage}
margin-left:510px;
{/block:PermalinkPage}
{/block:If400pxPosts}
font-family:georgia;
text-align:center;
text-transform:lowercase;
font-style:italic;
font-size:12px;
opacity:0.4;
background-color:{color:Scrollbar};
-webkit-transition:opacity 0.8s linear;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;
}

#notez:hover {
opacity:1.0;
-webkit-transition:opacity 0.7s linear;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}

#notez a {
color:{color:Background};
}

#notez a:hover {
color:{color:Background};
}


/* --- SIDEBAR --- */

#sidebar {
position:fixed;
margin-top:-8px;
margin-left:80px;
background-color:{color:Sidebar};
width:290px;
}

#sidebackground {
position:fixed;
margin-top:-8px;
margin-left:-8px;
width:410px;
height:1000%;
background-color:{color:Sidebar Background};
}

#sidebarimage img {
margin-top:17px;
margin-bottom:5px;
max-width:250px;
height:auto;
border:5px solid {color:Sidebar Image Border};
}

#description {
font-size:10px;
font-family:{font:Description};
margin-left:12px;
margin-right:12px;
color:{color:Text};
text-align:justify;
}

#leftbar {
position:fixed;
margin-left:-8px;
margin-top:-8px;
width:60px;
height:1000%;
background-color:{color:Left Bar};
background-image:url('{image:Leftbar}');
border-right:5px solid {color:Scrollbar};
}


/* --- SIDELINKS & NAVIGATION --- */

#sidelinks {
height:10px;
}

#sidelinks a {
width:50px;
display:inline-block;
padding:2px 5px 2px 5px;
font-family:calibri;
font-size:10px;
text-align:center;
text-transform:uppercase;
color:{color:Links};
background-color:{color:Background};
-webkit-transition:opacity 0.8s linear;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;
}

#sidelinks a:hover {
border-bottom:2px solid {color:Scrollbar};
color:{color:Links Hover};
text-align:center;
background-color:{color:Sidebar};
-webkit-transition:opacity 0.7s linear;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}

.box {
width:290px;
height:5px;
}

.main {
width:290px;
height:5px;
background-color:{color:Navigation};
}

.t2 {
opacity:1.0;
height:150px;
margin-top:-10px;
width:245px;
position:absolute;
transition-duration:0.6s;
-moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;
}

.box:hover .t2 .navigation {
opacity:1.0;
margin-top:30px;
width:245px;
height:auto;
transition-duration:0.6s;
-moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;
}

.navigation {
position:absolute;
width:245px;
height:0px;
opacity:0.0;
{block:IfShowNavigation}
opacity:1.0;
{/block:IfShowNavigation}
margin-left:24px;
{block:IfShowNavigation}
margin-top:30px;
{/block:IfShowNavigation}
transition-duration:0.6s;
-moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;
}

.navigation a {
display:inline-block;
margin-bottom:3px;
width:115px;
height:auto;
font-family:arial;
font-size:8px;
text-align:center;
background-color:{color:Navigation};
color:{color:Background};
padding:3px;
text-transform:uppercase;
letter-spacing:2px;
transition-duration:0.6s;
-moz-transition-duration:0.6s;
-webkit-transition-duration:0.6s;
-o-transition-duration:0.6s;
}

.navigation a:hover {
color:{color:Background};
background-color:{color:Navigation Hover};
text-align:center;
text-decoration:none;
letter-spacing:2px;
-webkit-transition:opacity 0.7s linear;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}


/* --- TITLES --- */

#title {
margin-top:5px;
margin-bottom:5px;
text-decoration:none;
text-transform:lowercase;
text-align:center;
font-style:italic;
font-size:16px;
font-family:{font:Title};
}

#title1 {
font-size:18px;
{block:If400pxPosts}
font-size:16px;
{block:PermalinkPage}
font-size:18px;
{/block:PermalinkPage}
{/block:If400pxPosts}
font-style:italic;
font-family:{font:Post Titles};
text-decoration:none;
text-align:center;
text-transform:lowercase;
}

#title2 {
font-size:14px;
{block:If400pxPosts}
font-size:12px;
{block:PermalinkPage}
font-size:14px;
{/block:PermalinkPage}
{/block:If400pxPosts}
font-style:italic;
text-decoration:none;
text-align:center;
font-family:{font:Post Titles};
}


/* --- AUDIO --- */

#audio {
margin-bottom:5px;
width:500px;
height:105px;
}

.albumart {
width:100px;
height:100px;
position:absolute;
}

.albumart img {
width:100px;
height:100px;
float:left;
}

.playercontainer {
opacity: .2;
display:block;
width:100px;
height:100px;
background-color:white;
position:absolute;
z-index:3;
}

.playercontainer:hover {
opacity:.7;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
-ms-transition:all 0.5s ease-in-out;
transition:all 0.5s ease-in-out;
}

.player {
margin-left:36px;
margin-top:36px;
width:25px;
height:25px;
overflow:hidden;
background-color:white;
}

.audioinfo {
margin-left:110px;
float:left;
background-color:{color:Info Background};
width:388px;
{block:If400pxPosts}
width:287px;
{block:PermalinkPage}
width:386px;
{/block:PermalinkPage}
{/block:If400pxPosts}
padding:2px;
margin-top:3px;
}


/* --- CHAT POST --- */

.chat {
line-height:12px;
list-style:none;
}

.chat ul {
line-height:15px;
list-style:none;
padding:0px;
line-height:20px;
}

.person1 {
background-color:{color:Info Background};
color:{color:Text};
}

.person1 .label {
font-weight:bold;
padding:0px;
margin-left:5px;
color:{color:Text};
}

.person2 {
color:{color:Text};
}

.person2 .label {
font-weight:bold;
padding:0px;
margin-left:5px;
color:{color:Text};
}

.person3 {
background-color:{color:Info Background};
color:{color:Text};
}

.person3 .label {
font-weight:bold;
padding:0px;
margin-left:5px;
color:{color:Text};
}

.person4 {
color:{color:Text};
}

.person4 .label {
font-weight:bold;
padding:0px;
margin-left:5px;
color:{color:Text};
}

.person5 {
background-color:{color:Info Background};
color:{color:Text};
}

.person5 .label {
font-weight:bold;
padding:0px;
margin-left:5px;
color:{color:Text};
}

.person6 {
color:{color:Text};
}

.person6 .label {
font-weight:bold;
padding:0px;
margin-left:5px;
color:{color:Text};
}


/* --- INFO & OTHER --- */

#info {
padding:4px;
margin-top:3px;
color:{color:Text};
font-size:10px;
font-family:calibri;
line-height:50%;
text-transform:uppercase;
width:492px;
{block:If400pxPosts}
width:393px;
{block:PermalinkPage}
width:492px;
{/block:PermalinkPage}
{/block:If400pxPosts}
background-color:{color:Info Background};
text-align:center;
border-top:3px solid {color:Info Border};
opacity:0.6;
-webkit-transition:opacity 0.8s linear;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;
}

#info:hover {
opacity:1;
-webkit-transition:opacity 0.8s linear;
-webkit-transition:all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#questions {
padding:10px;
margin-bottom:0px;
font-family:georgia;
font-size:10px;
font-style:italic;
text-align:center;
color:{color:Text};
background-color:{color:Asker Background};
}

#asker {
text-transform:uppercase;
margin-top:3px;
font-size:8px;
float:left;
margin-left:3px;
color:{color:Asker Background};
}

#askarrow {
font-size:25px;
margin-left:40px;
margin-top:-9px;
float:left;
text-transform:uppercase;
color:{color:Asker Background};
}

#tags {
font-family:georgia;
text-align:center;
text-transform:lowercase;
font-style:italic;
font-size:9px;
opacity:0.6;
-webkit-transition:opacity 0.8s linear;
-webkit-transition:all 0.5s ease-out;
-moz-transition:all 0.5s ease-out;
transition:all 0.5s ease-out;
}

#tags:hover {
opacity:1.0;
-webkit-transition:opacity 0.8s linear;
-webkit-transition:all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

#source {
margin-top:3px;
text-align:right;
margin-right:3px;
margin-bottom:5px;
font-size:10px;
}

#pagibar {
margin-top:-8px;
right:0px;
width:20px;
height:1000%;
position:fixed;
background-color:{color:Right Bar};
}

.pagination {
top:50%;
margin-left:3px;
font-size:23px;
font-family:arial;
text-align:center;
position:fixed;
}

.pagination a {
color:{color:Info Background};
text-align:center;
}

.pagination a:hover {
color:{color:Scrollbar};
}

.postnotes {
margin-top:-5px;
width:500px;
}

ol.notes, .notes li {
list-style:none;
}

blockquote {
border-left:4px solid {color:Text};
padding:0px;
padding-left:5px;
margin:5px;
}

{CustomCSS}

</style>

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

</head>
<body>



<div id="pagibar">{block:ifNotInfiniteScrolling}
<div class="pagination"><center>{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</center></div>
{/block:ifNotInfiniteScrolling}</div>

<div id="sidebackground"><div id="leftbar"></div></div>

<div id="sidebar">

{block:IfShowTitle}<div id="title">{Title}</div>{/block:IfShowTitle}
{block:IfNotShowTitle}<br>{/block:IfNotShowTitle}

<div id="sidelinks">
<center><a href="/">home</a>
<a href="/ask">message</a>
<a href="/archive">archive</a>
<a href="http://thewicked-eternitythemes.tumblr.com">theme</a></div>

<center><div id="sidebarimage"><img src="{image:Sidebar}"></div></center>

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

<div class="box">
<div class="t2">
<div class="navigation">
{block:SubmissionsEnabled}<a href="/submit">Submit</a>{/block:SubmissionsEnabled}
{block:HasPages}{block:Pages} <a href="{URL}" title="{Label}">{Label}</a> {/block:Pages} {/block:HasPages}
{block:ifLink1Title}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1Title}
{block:ifLink2Title}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2Title}
{block:ifLink3Title}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3Title}
{block:ifLink4Title}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4Title}
{block:ifLink5Title}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5Title}
{block:ifLink6Title}<a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:ifLink6Title}
</div></div><div class="main"></div></div>
</div><br>



<div id="entries">{block:ifInfiniteScrolling}<div class="autopagerize_page_element">{/block:ifInfiniteScrolling}{block:Posts}<div id="posts">

{block:NoteCount}<div id="notez"><a href="{Permalink}">{NoteCountWithLabel}</a></div>{/block:NoteCount}

{block:Title}
<div id="title1">{Title}</div>{/block:Title}
{block:Text}{Body}{/block:Text}

{block:Photo}
<center>{LinkOpenTag}{block:IfNot400pxPosts}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:IfNot400pxPosts}{block:If400pxPosts}{block:IndexPage}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:PermalinkPage}{/block:If400pxPosts}{LinkCloseTag}</center>{block:IfNotHidePhotoCaptions}{block:Caption}{Caption}{/block:Caption}{/ block:IfNotHidePhotoCaptions}{block:IfHidePhotoCaptions}{block:PermalinkPage}{bl
ock:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfHidePhotoCaptions}
{/block:Photo}

{block:Photoset}
<center>{block:IfNot400pxPosts}{Photoset-500}{/block:IfNot400pxPosts}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}</center>{block:IfNotHidePhotoCaptions}{block:Caption}{Caption}{/block:Caption}{/ block:IfNotHidePhotoCaptions}{block:IfHidePhotoCaptions}{block:PermalinkPage}{bl
ock:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfHidePhotoCaptions}
{/block:Photoset}

{block:Quote}
<div id="title2">"{Quote}"</div>
{block:Source}<div id="source">— {Source}</div>{/block:Source}
{/block:Quote}

{block:Link}
<div id="title2"><a href="{URL}" class="link" {Target}>{Name}</a></div>
{block:Description}{Description}{/block:Description}
{/block:Link}

{block:Chat}
<div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
{/block:Chat}

{block:Audio}
<div id="audio"><div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg"></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playercontainer"><div class="player">{AudioPlayerWhite}</div></div>{block:TrackName}<div class="audioinfo"><b>Track Title:</b> {TrackName}</div><br>{/block:TrackName}{block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}</div><br>{/block:Artist}{block:Album}<div class="audioinfo"><b>Album:</b> {Album}</div>{/block:Album}</div>
{block:Caption}{Caption}{/block:Caption}
{/block:Audio}

{block:Video}
{Video-500}{block:If400pxPosts}{Video-400}{/block:If400pxPosts}
{block:Caption}{Caption}{/block:Caption}
{/block:Video}

{block:Answer}
<div id="questions">{Question}<br></div>
<div id="askarrow">◥</div>
<div id="asker">{Asker}</div><br>
<div style="margin-left:5px;">{Answer}</div>
{/block:Answer}

{block:Date}<div id="info"><a href="{Permalink}">{TimeAgo}</a>{/block:Date}
{block:RebloggedFrom} - via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
{block:ContentSource} - org <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}{/block:RebloggedFrom}</div>
{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}

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

{block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}

</div></div>

</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
roonilwazlib
post May 11 2013, 09:10 AM
Post #2





Group: Members
Posts: 2
Joined: 2-May 13
Member No.: 19,119
Bumping this up.

Please?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post May 11 2013, 09:52 AM
Post #3


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9
The code you posted will be parsed by Tumblr to be rendered as HTML, which is not the same thing as plain HTML. Besides, many here, like me, are not familiar with Tumblr.

If you post the URL of your (test) page, we might be able to help.
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: 25th April 2024 - 11:27 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC