Bonjour,
déjà désolée si je ne poste pas ça au bon endroit. Donc je tiens un blog sur Tumblr, un truc sans grande ambition mais auquel je tiens quand même assez.
J'ai fais l'erreur de vouloir le customizer un peu aujourd'hui via le code HTML, ce que j'avais déjà fais auparavant sans problème, et je me suis rendue compte que les articles que je postes dessus se retrouvent coincés sous mon encadré de présentation, et la scrollbar a disparue ainsi que mon image 'scroll to top' (j'ai essayé d'en ajouter une customizée au cas où cela pouvait remplacer mais ça ne marche pas non plus).
Le blog :
https://www.tumblr.com/privacy/consent?redirect=http%3A%2F%2Flokiel-fallen-god.tumblr.com%2F
Le code :
<head>
<center><img src="http://i41.tinypic.com/24ginw3.png" width="500"> </center>
<script type="text/javascript">function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(3);tb8_messages[0] = "Who are you";tb8_messages[1] = "Who am I to you";tb8_messages[2] = "I am the Antichrist to you";tb8_rptType = 'infinite';tb8_rptNbr = 5;tb8_speed = 100;tb8_delay = 2000;var tb8_counter=1;var tb8_currMsg=0;var tb8_tekst ="";var tb8_i=0;var tb8_TID = null;function tb8_pisi(){tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);document.title = tb8_tekst;tb8_sp=tb8_speed;tb8_i++;if (tb8_i==tb8_messages[tb8_currMsg].length){tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;}if (tb8_currMsg == tb8_messages.length){if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){clearTimeout(tb8_TID);return;}tb8_counter++;tb8_currMsg = 0;}tb8_TID = setTimeout("tb8_pisi()", tb8_sp);}tb8_pisi()
</script>
</head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop"><img src="http://i39.tinypic.com/jj37nk.png"></a>
<style type="text/css">
#scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; top: 15px; right: 15px;}
#bite
#bite a{
display:block
}
#bite .death {
margin-top:-40px;filter: alpha(opacity = 0);
opacity:0;-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
}
#bite:hover .death {
margin-top:2px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
filter: alpha(opacity = 100);
filter: alpha(opacity = 100);
opacity:100;
}
img{
-webkit-transition: opacity 0.9s linear;
opacity: 0.80;
}
img:hover{
-webkit-transition: opacity 0.9s linear;
opacity: 1;
}
a.btn{position:absolute;z-index:999999999999;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: all;}
object {
position: fixed;
bottom: 0px;
left: 0px;
z-index: -1;
</style>
<script language="javascript" type="text/javascript" src="http://www.onlineleaf.com/savetheenvironment.js"></script>
<html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head><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}
<link href='http://fonts.googleapis.com/css?family=Port+Lligat+Slab' rel='stylesheet' type='text/css'>
<!--Default Variables-->
<!--Colors-->
<meta name="color:Background" content="#ffffff"/>
<meta name="color:Text" content="#F5F6CE"/>
<meta name="color:Link" content="#717581"/>
<meta name="color:Hover" content="#F5F6CE"/>
<!--Images-->
<meta name="image:Background" content=""/>
<meta name="image:Sidebar" content=""/>
<meta name="color:Gradient1" content="#58ACFA">
<meta name="color:Gradient2" content="#FA5882">
<meta name="if:Enlarged Background Image" content=""/>
<meta name="if:Gradient Background" content="1"/>
<div class="death">
<!--Links-->
</div> <div class="death"> </div>
<meta name="text:Link1" content="/" />
<meta name="text:Link1 Title" content="" />
<meta name="text:Link2" content="/" />
<meta name="text:Link2 Title" content="" />
<meta name="text:Link3" content+"/'">
<meta name="text:Link3 Title" content= "">
<meta name="text:Link4" content="/">
<meta name="text:Link4 Title" content="">
<style type="text/css">
body{background-size:cover;
background-color:{color:background};
background-image:
background-attachment: fixed;
background-repeat: repeat;
{block:ifgradientbackground}background-image: -webkit-gradient(
linear,
right top,
right bottom,
color-stop(0.9,{color:Gradient1}),
color-stop(0.1, {color:Gradient2})
); background-attachment: fixed;{/block:ifgradientbackground}
}
a {
text-decoration:none;
outline:none;
-moz-outline-style:none;
color:{color:link};
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease
}
img {
border:none;
}
blockquote blockquote {
padding-left:5px;
border-left:1px solid;
}
h1 {
font-size:17px;
font-family:'Arial Black',Gadget,sans-serif;
text-transform:uppercase;
}
a:hover {
opacity:10;
color:{color:hover};
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease
}
small{
font-size:15px;
line-height:110%
}
big {
font-size:162px;
line-height:110%
}
b, strong{
color:{color:text}
}
i, em {
color:{color:text}
}
p{
margin-top:5px;
margin-bottom:5px
}
blockquote {
padding:0px;
padding-left:5px;
margin:5px;
border-left:1px dotted {color:text}
}
blockquote img {
max-width:300px
}
ul, li img {
max-with:250px
}
.audio {width:500px;height:160px;}
.albumart {width:150px;height:150px;position:absolute; border:1px dotted {color:text}; padding:2px;}
.albumart img {width:150px;height:150px;float:left;}
.playercontainer {display:block;width:150px;height:150px;background-color:#ffffff;position:absolute;}
.player {margin-left:36px;margin-top:36px;width:25px;height:25px;
overflow:hidden;background-color:white;}
.audioinfo {margin-left:160px;float:left;width:200px;padding:2px;margin-top:2px;}
#entries {
padding:30px;
width:500px;
margin-left:450px;
margin-top:85px;
}
#post {
width:500px;
padding-bottom:17px;
font-family:'Bookman Old Style',Bookman,'URW Bookman L','Palatino Linotype',serif;
opacity:1;
font-style: bold;
}
#sidebar {
width:260px;
position:fixed;
margin-right:2100px;
margin-top:-70px;
opacity:1;
}
#sidebarimage img{
width:250px;
padding:50px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease
}
#links {
font-family:'Arial Black',Gadget,sans-serif;
font-size:16px;
opacity:1;
text-align:center;
padding-top:15px;
letter-spacing:1px;
text-transform:uppercase;
padding-bottom:5px;
margin-top:-50px;
margin-left:90px;
font-style: bold;
text-shadow:5px 5px 5px rgba(5,5,5,5);
}
#description {
padding:5px;
font-size:20px;
font-family:'Arial Black',Gadget,sans-serif;
font-style: bold;
opacity: 0.8;
text-align:center;
margin-top:-2px;
margin-left:90px;
}
#pagination {
font-size:14px;
text-align:center;
color:{color:link};
font-family:'Arial Black',Gadget,sans-serif;
letter-spacing:2px;
margin-left:11px;
font-style: bold;
}
#info {
text-align:center;padding:5px;
margin-top:5px;
margin-bottom:13px;
text-transform: uppercase;
font-family:'Arial Black',Gadget,sans-serif;
font-style: bold;
font-size:9px;
}
#tags {
font-family:'Arial Black',Gadget,sans-serif;
letter-spacing:1px;
text-transform:uppercase;
font-size:9px;
margin-top:4px;
a {display:inline; background-color:{color:linkb};
padding:-4px;
text-align:left;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
#asker {
float:left;
margin-right:5px;
}
#asked {
font-family:'Arial Black',Gadget,sans-serif;
text-transform:lowercase;
letter-spacing:1px;
padding-bottom:3px;
}
#notes {
font-family:'Arial Black',Gadget,sans-serif;
text-transform:lowercase;
font-size:9px;
font-style: bold;
}
#question {
font-family:'Arial Black',Gadget,sans-serif;
font-style:italic;
font-size:10px;
}
#answer {
font-family:'Arial Black',Gadget,sans-serif;
text-transform:uppercase;
font-size:10px;
}
{CustomCSS}</style></head><body>
<div id="sidebar">
<div id="sidebarimage"> <img src="http://i42.tinypic.com/243rko3.jpg" />
<div id="links">
<a href="/">home</a> *
<a href="/ask">prayers</a>
{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
{block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
</div>
<div id="description">{Description}</div>
{block:Pagination}<div align="center" id="pagination">{block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>{/block:Pagination}
</div>
<div id="entries">{block:Posts}<div id="post">
{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
{block:Quote}{Quote}{block:Source} --{Source}{/block:Source}{/block:Quote}
{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
{block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
<br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
<br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
{/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
{/block:Audio}
{block:ifshowdefaultlinks}
<a href="/">Home</a> .
<a href="/ask">Contact</a>
{/block:ifshowdefaultlinks}
{block:iffirstcustomlink} . <a href="{text:first custom link url}">{text:first custom link title}</a>{/block:iffirstcustomlink}
{block:ifsecondcustomlink} . <a href="{text:second custom link url}">{text:second custom link title}</a>{/block:ifsecondcustomlink}
{block:ifthirdcustomlink} . <a href="{text:third custom link url}">{text:third custom link title}</a>{/block:ifthirdcustomlink}
{block:iffourthcustomlink} . <a href="{text:fourth custom link url}">{text:fourth custom link title}</a>{/block:iffourthcustomlink}
{block:iffifthcustomlink} . <a href="{text:fifth custom link url}">{text:fifth custom link title}</a>{/block:iffifthcustomlink}
{block:ifsixthcustomlink} . <a href="{text:fifth custom link url}">{text:sixth custom link title}</a>{/block:ifsixthcustomlink}
</center>
</div>
{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
{block:Answer}<div id="asker"></div><div id="asked">{Asker} asked: {Question} {Answer}{/block:Answer}
<div id="info"> posted <a href="{Perimalink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel} <a href="{ReblogURL}" target="_blank" class="details">Reblog</a></a> {block:RebloggedFrom} <a href="{ReblogParentURL}">VIA</a> {/block:RebloggedFrom}
{block:ContentSource}<a href="{SourceURL}">(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>)</a>{/block:ContentSource}{/block:RebloggedFrom}<div id="tags" st>
{block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
{/block:Posts}
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
{/block:Posts}</div></div></div>
<!-- Start of StatCounter Code for Tumblr -->
<script type="text/javascript">
var sc_project=9064776;
var sc_invisible=0;
var sc_security="bcb9145d";
var scJsHost = (("https:" == document.location.protocol) ?
"https://secure." : "http://www.");
document.write("<sc"+"ript type='text/javascript' src='" +
scJsHost+
"statcounter.com/counter/counter.js'></"+"script>");
</script>
<noscript><div class="statcounter"><a title="counter for
tumblr" href="http://statcounter.com/tumblr/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/9064776/0/bcb9145d/0/"
alt="counter for tumblr"></a></div></noscript>
<!-- End of StatCounter Code for Tumblr -->
</body>
Si qqun peut m'aider, ça serait vraiment super. Merci !
Afficher la suite
