Fond d'écran blog html
Fermé
BodyNoob
Messages postés
1
Date d'inscription
vendredi 15 juin 2012
Statut
Membre
Dernière intervention
15 juin 2012
-
15 juin 2012 à 13:37
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 - 19 juin 2012 à 11:19
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 - 19 juin 2012 à 11:19
Bonjour,
Je souhaiterai changer le fond d'écran de mon blog pour le personnaliser et après 3 tentatives, je n'obtiens pas le résultat désiré, il y a quelque chose qui m'échappe...
Voici le code html de la page
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}{block:PostSummary} - {PostSummary}{/block:PostSummary}</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}
<!-- Jquery -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!-- Jquery Fancybox -->
<script type="text/javascript" src="http://static.tumblr.com/z7lhmdl/Sgqkzocgr/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/z7lhmdl/C82kzochp/jquery.fancybox-1.3.0.pack.js"></script>
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/z7lhmdl/FOBkzocyp/jquery.fancybox-1.3.0.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$(".zoombox").fancybox({
'scrolling' : 'no',
'titlePosition' : 'inside',
'transitionIn' : 'elastic',
'autoScale' : false,
'transitionOut' : 'none',
'titleShow' : false
});
$("a[href$=.jpg],a[href$=.png],a[href$=.gif]").fancybox();
});
</script>
<!--
Widescreen YouTube Embeds by Matthew Buchanan & Hayden Hunter
https://matthewbuchanan.name/post/451892574/widescreen-youtube-embeds#_=_
https://blog.haydenhunter.me/#_=_
Released under a Creative Commons attribution license:
https://creativecommons.org/licenses/by/3.0/nz/
-->
<script type="text/javascript">
$(function() {
$("object").each(function () {
if ($(this).find("embed[src^='http://www.youtube.com']").length > 0) {
// Identify and hide embed(s)
var parent = $(this).parent();
parent.css("visibility","hidden");
var youtubeCode = parent.html();
var params = "";
if (youtubeCode.toLowerCase().indexOf("<param") == -1) {
// IE doesn't return params with html(), so...
$("param", this).each(function () {
params += $(this).get(0).outerHTML;
});
}
// Set colours in control bar to match page background
var oldOpts = /rel=0/g;
var newOpts = "rel=0&color1=0xdadddd&color2=0xdadddd";
youtubeCode = youtubeCode.replace(oldOpts, newOpts);
if (params != "") {
params = params.replace(oldOpts, newOpts);
youtubeCode = youtubeCode.replace(/<embed/i, params + "<embed");
}
// Extract YouTube ID and calculate ideal height
var youtubeIDParam = $(this).find("embed").attr("src");
var youtubeIDPattern = /\/v\/([0-9A-Za-z-_]*)/;
var youtubeID = youtubeIDParam.match(youtubeIDPattern);
var youtubeHeight = Math.floor(parent.find("object").width() * 0.75 + 25);
var youtubeHeightWide = Math.floor(parent.find("object").width() * 0.5625 + 25);
// Test for widescreen aspect ratio
$.getJSON("http://gdata.youtube.com/feeds/api/videos/" + youtubeID[1] + "?v=2&alt=json-in-script&callback=?", function (data) {
oldOpts = /height="?([0-9]*)"?/g;
if (data.entry.media$group.yt$aspectRatio != null) {
newOpts = 'height="' + youtubeHeightWide + '"';
} else {
newOpts = 'height="' + youtubeHeight + '"';
}
youtubeCode = youtubeCode.replace(oldOpts, newOpts);
if (params != "") {
params = params.replace(oldOpts, newOpts);
youtubeCode = youtubeCode.replace(/<embed/i, params + "<embed");
}
// Replace YouTube embed with new code
parent.html(youtubeCode).css("visibility","visible");
});
}
});
});
</script>
<meta name="text:Disqus Username" content=""/>
<meta name="text:Twitter Username" content=""/>
<meta name="text:Flickr Username" content=""/>
<meta name="text:Custom Link 1 Title" content=""/>
<meta name="text:Custom Link 1" content=""/>
<meta name="text:Custom Link 2 Title" content=""/>
<meta name="text:Custom Link 2" content=""/>
<meta name="text:Custom Link 3 Title" content=""/>
<meta name="text:Custom Link 3" content=""/>
<meta name="text:Custom Link 4 Title" content=""/>
<meta name="text:Custom Link 4" content=""/>
<meta name="image:300pxPortrait" content=""/>
<style type="text/css" media="screen">
/* ==================== */
/* = The 1Kb CSS Grid = */
/* ==================== */
.grid_1 { width:80px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:500px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }
.column { /* 10px margin on BOTH sides, resulting in a 20px gutter between columns */
margin: 0 10px;
float: left;
}
.row { /* center the row on the page, clear the interior contents with overflow:hidden hack */
width: 960px;
margin: 0 auto;
}
.row .row {
margin: 0 -10px;
width: auto;
}
body {
margin: 80px 0 0 0;
font-family: Helvetica, sans-serif;
font-size: 13px;
background: url(http://static.tumblr.com/z7lhmdl/mgVkwsss8/bg.png #8f9595 repeat-x fixed;
}
img {
border: none;
}
.shadow {
box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-webkit-transition-duration: 0.2s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 20px;
}
.shadow:hover {
box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
-webkit-box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
-moz-box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
}
.lightpanel {
color: #4d4d4d;
line-height: 18px;
text-shadow: 0 1px 1px rgba(255,255,255,0.9);
background: url(http://static.tumblr.com/z7lhmdl/DsSkwsstm/gradbg.png repeat-x #dadddd;
border-top: 1px solid #f3f3f3;
border-bottom: 1px solid #c5c8c8;
}
.lightpanel p {
padding-left: 20px;
padding-right: 20px;
}
.lightpanel h2, .lightpanel h3, .lightpanel h4, .lightpanel h5, .lightpanel h6 {
padding-left: 20px;
padding-right: 20px;
}
.bottompanel {
background: url(http://static.tumblr.com/z7lhmdl/lkEkwsst2/bottompanel.png repeat-x #7b7f7f;
color: #dadddd;
text-transform: uppercase;
font-size: 9px;
font-weight: bold;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 20px;
padding-right: 20px;
border-bottom: 1px solid #656868;
font-family: Helvetica;
}
.bottompanel a {
color: #dadddd;
}
.roundedbottom {
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.roundedtop {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.nav a {
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
display: block;
padding: 20px;
font-size: 20px;
text-transform: uppercase;
text-shadow: 0 2px 1px rgba(255,255,255,0.9);
font-family: Helvetica;
}
.nav a:hover {
background: #e9eaea;
}
h2 {
font-size: 20px;
font-weight: 500;
line-height: 24px;
text-shadow: 0 2px 1px rgba(255,255,255,0.9);
}
h2 a {
color: #4d4d4d;
}
#twitter_update_list {
list-style: none;
padding-left: 20px;
padding-right: 20px;
}
#twitter_update_list li {
padding-bottom: 4px;
padding-top: 4px;
}
a {
color: #41797e;
text-decoration: none;
}
h1 {
font-size: 32px;
letter-spacing: -1px;
font-weight: 100;
text-shadow: 0 2px 1px rgba(255,255,255,0.9);
margin: 0px;
line-height: 30px;
font-family: Georgia;
font-style: italic;
}
h1 a {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 20px;
display: block;
color: #4d4d4d;
}
h1 a:hover {
background: #e9eaea;
}
.masthead {
margin-bottom: 40px;
}
blockquote {
border-left: 3px solid #989696;
margin-left: 20px;
padding-left: 15px;
}
blockquote p {
margin-left: -20px;
}
.centeralign {
text-align: center;
}
.bottomlist {
padding-left: 0px;
}
.bottomlist ul {
margin-left: 0px;
padding-left: 0px;
}
.bottomlist li {
display: inline;
padding-right: 17px;
list-style: none;
}
.reblogged {
padding-bottom: 8px;
border-bottom: 1px dotted;
margin-bottom: 8px;
}
::-moz-selection {
background: rgb(0,235,255);
}
::selection {
background: rgb(0,235,255);
}
code::-moz-selection {
background: rgb(0,235,255);
}
code::selection {
background: rgb(0,235,255);
}
.video {
text-align: center;
}
.notopborder {
border-top: none !important;
}
.image img {
max-width: 500px;
min-width: 500px;
}
.photocaption img {
max-width: 460px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.previous {
width: 235px;
}
.next {
width: 235px;
float: right;
clear: both;
}
.audio {
padding-left: 12px;
padding-top: 20px;
padding-bottom: 20px;
}
.audioholder {
background: #000000;
}
.playcount {
float: right;
clear: both;
padding-top: 25px;
padding-right: 20px;
color: white;
text-shadow: none;
font-family: Georgia;
font-style: italic;
font-size: 14px;
}
input {
color: #4d4d4d;
font-family: Helvetica;
font-size: 13px;
line-height: 18px;
text-shadow: 0 1px 1px rgba(255,255,255,0.9);
background: url(images/gradbg.png) repeat-x #dadddd;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 260px;
box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
}
input:hover {
box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
-webkit-box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
-moz-box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
}
.submit {
float: right;
clear: both;
display: none;
}
.note {
padding-bottom: 5px;
padding-top: 5px;
}
ol.notes {
padding: 0px;
list-style-type: none;
}
ol.notes li.note {
padding-left: 20px;
}
ol.notes li.note img.avatar {
display: none;
}
ol.notes li.note span.action {
font-weight: bold;
}
ol.notes li.note .answer_content {
font-weight: normal;
}
ol.notes li.note blockquote {
border-left: 3px solid #989696;
margin-left: 0px;
padding-left: 15px;
padding-top: 0px;
border-bottom: none;
}
ol.notes li.note blockquote a {
text-decoration: none;
}
.noresults {
font-size: 60px;
font-weight: bolder;
color: #373f3f;
line-height: 50px;
text-shadow: 0 1px 1px rgba(255,255,255,0.7);
letter-spacing: -4px;
}
.search {
margin-bottom: 40px;
}
.comments {
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}
.comments h3 {
padding-left: 0px;
}
.chat li {
list-style: none;
}
.label {
font-weight: bolder;
}
.textpostbody img {
max-width: 460px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.textpostbody li {
padding-right: 20px;
}
.description {
padding-right: 20px;
}
.portrait-description {
padding: 20px;
}
.portrait {
width: 300px;
}
.albumart {
width:500px;
}
.triangle {
background: #e4e8e8 url(http://static.tumblr.com/z7lhmdl/IoKkyxv6w/triangle-solo.png bottom left no-repeat;
height: 10px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.question {
font-size: 16px;
line-height: 22px;
background: #000;
text-shadow: none;
color: #8c8c8c;
box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
padding: 30px;
width: 460px;
margin-left: -10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float: left;
margin-bottom: 15px;
}
.asker {
background: url(http://static.tumblr.com/z7lhmdl/DsSkwsstm/gradbg.png repeat-x #dadddd;
height: 70px;
}
.askerportrait {
float: left;
margin-right: 20px;
padding-top: 20px;
padding-left: 20px;
}
.askerportrait img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.askername {
font-size: 24px;
margin-top: 0px;
margin-bottom: 0px;
line-height: 80px;
}
.askername a {
color: #4d4d4d;
}
.linkbg {
background: #b9bdbd url(http://static.tumblr.com/z7lhmdl/4wRkyxyle/linkbg.png top right no-repeat;
text-shadow: 0 0px 1px rgba(255,255,255,0.3);
padding: 0px;
margin: 0px;
}
.linkbg h2 {
padding: 0px;
margin: 0px;
}
.linkdescription {
background: url(http://static.tumblr.com/z7lhmdl/DsSkwsstm/gradbg.png repeat-x #dadddd;
border-top: 1px solid #f3f3f3;
padding-bottom: 1px;
}
.link {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 130px;
display: block;
}
.quote {
margin-right: 130px;
}
.quotebg {
background: #b9bdbd url(http://static.tumblr.com/z7lhmdl/cszkzyztp/quotebg.png top right no-repeat;
text-shadow: 0 0px 1px rgba(255,255,255,0.3);
padding: 0px;
margin: 0px;
}
.quotedescription {
background: url(http://static.tumblr.com/z7lhmdl/DsSkwsstm/gradbg.png repeat-x #dadddd;
border-top: 1px solid #f3f3f3;
padding-bottom: 1px;
}
.zoomphoto {
max-width: 900px;
}
.hiddenzoombox {
display: none;
}
.zoomoverlay {
position: absolute;
z-index:1000;
}
.zoomoverlay img {
width: 100px;
height: 100px;
}
.wholeimage:hover > .zoomoverlay {
background: url(http://static.tumblr.com/z7lhmdl/tPFkzy1ni/zoom.png no-repeat;
}
.wholeimage {
background: #fff;
}
{CustomCSS}
</style>
<!--[if lte IE 7]>
<style type="text/css">
.twitter ul {
margin-left:0px;
padding-left:0px;
}
.bottompanel li, .bottompanel ul {
padding-left: 0px !important;
list-style: none;
margin-left: 0px;
}
</style>
<![endif]-->
</head>
<body id="home">
<div class="row">
<div class="column grid_4">
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop masthead">
<h1><a class="roundedbottom roundedtop" href="/">{Title}</a></h1>
</div>
</div>
<div class="shadow">
{block:If300pxPortraitImage}
<img class="roundedtop portrait" src="{image:300pxPortrait}" />
<div class="lightpanel">
<div><p>{description}</p></div>
</div>
{/block:If300pxPortraitImage}
{block:IfNot300pxPortraitImage}
<div class="lightpanel roundedtop">
<div><p>{description}</p></div>
</div>
{/block:IfNot300pxPortraitImage}
<div class="lightpanel nav">
<a class="nav" href="/">{lang:Home}</a>
</div>
{block:HasPages}
{block:Pages}
<div class="lightpanel nav">
<a class="nav" href="{URL}">{Label}</a>
</div>
{/block:Pages}
{/block:HasPages}
<div class="lightpanel nav">
<a class="nav" href="/archive">{lang:Archive}</a>
</div>
<div class="lightpanel nav">
<a class="nav" href="{RSS}">{lang:Subscribe} ({lang:RSS})</a>
</div>
{block:AskEnabled}
<div class="lightpanel nav">
<a class="nav" href="/ask">{AskLabel}</a>
</div>
{/block:AskEnabled}
{block:SubmissionsEnabled}
<div class="lightpanel nav">
<a class="nav" href="/submit">{SubmitLabel}</a>
</div>
{/block:SubmissionsEnabled}
<div class="lightpanel nav">
<a class="nav" href="/random">{lang:Random post}</a>
</div>
{block:IfFlickrUsername}
<div class="lightpanel nav">
<a class="nav" href="https://www.flickr.com/photos/{text:Flickr Username}">Flickr</a>
</div>
{/block:IfFlickrUsername}
{block:IfTwitterUsername}
<div class="lightpanel nav">
<a class="nav" href="https://twitter.com/{text:Twitter Username}">Twitter</a>
</div>
<div class="lightpanel twitter">
<ul id="twitter_update_list"></ul>
</div>
{/block:IfTwitterUsername}
{block:IfCustomLink1}
<div class="lightpanel nav">
<a class="nav" href="{text:Custom Link 1}">{text:Custom Link 1 Title}</a>
</div>
{/block:IfCustomLink1}
{block:IfCustomLink2}
<div class="lightpanel nav">
<a class="nav" href="{text:Custom Link 2}">{text:Custom Link 2 Title}</a>
</div>
{/block:IfCustomLink2}
{block:IfCustomLink3}
<div class="lightpanel nav">
<a class="nav" href="{text:Custom Link 3}">{text:Custom Link 3 Title}</a>
</div>
{/block:IfCustomLink3}
{block:IfCustomLink4}
<div class="lightpanel nav">
<a class="nav" href="{text:Custom Link 4}">{text:Custom Link 4 Title}</a>
</div>
{/block:IfCustomLink4}
<!-- Please do not remove credit. Thanks :) -->
<div class="bottompanel roundedbottom">
<p><a href="https://www.tumblr.com/privacy/consent?redirect=https%3A%2F%2Fwww.tumblr.com%2Ftheme%2F7285%2F" target="_blank">Catching Elephant</a> is a theme by <a href="http://www.catchingzebra.com/" target="_blank">Andy Taylor</a></p>
</div>
</div>
<div class="search">
<form action="/search" method="get">
<div class="submit"><input type="submit" value="{lang:Search}"/></div>
<div class="input"><input onfocus="this.value=''" type="text" value="{lang:Search}. Then hit enter." name="q"/></div>
</form>
</div>
</div>
<div class="column grid_1">
<p> </p>
</div>
<div class="column grid_7">
{block:Posts}
{block:Answer}
<div class="shadow">
<div class="lightpanel roundedtop notopborder">
<div class="asker roundedtop">
<div class="askerportrait"><img src="{AskerPortraitURL-40}" width="40px" height="40px"/></div> <div class="askername">{lang:Asker asked}</div>
</div>
<div class="triangle"></div>
<div class="question">
{Question}
</div>
<div class="textpostbody">
{Answer}
</div>
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">↵ {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">↵ {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}"># {Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">∞ {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="https://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Answer}
{block:Photo}
<div class="shadow">
<div class="wholeimage roundedtop">
{block:HighRes}
<a href="#{PostID}-zoom" class="zoombox zoomoverlay"><img src="http://static.tumblr.com/z7lhmdl/5D6kzy1mm/blank.gif" /></a>
{/block:HighRes}
<div class="image">
{LinkOpenTag}<img class="roundedtop" src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
</div>
</div>
{block:Caption}
<div class="lightpanel">
<div class="caption photocaption">{Caption}</div>
</div>
{/block:Caption}
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">↵ {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">↵ {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}"># {Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">∞ {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="https://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
{block:HighRes}
<div class="hiddenzoombox">
<div id="{PostID}-zoom">
<img src="{PhotoURL-HighRes}" class="zoomphoto" />
</div>
</div>
{/block:HighRes}
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Photo}
{block:Photoset}
<div class="shadow">
<div class="image">
{Photoset-500}
</div>
<div class="lightpanel">
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">↵ {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">↵ {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}"># {Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">∞ {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="https://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Photoset}
{block:Video}
<div class="shadow">
<div class="lightpanel notopborder">
<div class="video">
{Video-500}
</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">↵ {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">↵ {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}"># {Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">∞ {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="https://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Video}
{block:Audio}
<div class="shadow">
<div class="lightpanel roundedtop notopborder">
<div class="audioholder roundedtop">
<div class="playcount">{lang:Played PlayCount times}</div>
<div class="audio">{AudioPlayerBlack}</div>
{block:AlbumArt}
<img class="albumart" src="{AlbumArtURL}" />
{/block:AlbumArt}
</div>
{block:Caption}
{Caption}
{/block:Caption}
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">↵ {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">↵ {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}"># {Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">∞ {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="https://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Audio}
{block:Quote}
<div class="shadow">
<div class="lightpanel roundedtop quotebg">
<h2 class="quote">{Quote}</h2>
{block:Source}
<div class="quotedescription">
<p>{source}</p>
</div>
{/block:Source}
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">↵ {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">↵ {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}"># {Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">∞ {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="https://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Quote}
{block:Text}
<div class="shadow">
<div class="lightpanel roundedtop">
{block:Title}
<h2><a href="{Permalink}">{Title}</a></h2>
{/block:Title}
<div class="textpostbody">
{Body}
</div>
</div>
{block:Date}
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">↵ {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">↵ {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}"># {Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">∞ {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="https://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Date}
{/block:Text}
{block:Link}
<div class="shadow">
<div class="lightpanel roundedtop linkbg">
<h2><a href="{URL}" class="link" {Target}>{Name}</a></h2>
{block:Description}
<div class="linkdescription">
<p>{Description}</p>
</div>
{/block:Description}
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">↵ {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">↵ {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}"># {Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">∞ {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="https://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Link}
{block:Chat}
<div class="shadow">
<div class="lightpanel roundedtop">
{block:Title}
<h2><a href="{Permalink}">{Title}</a></h2>
{/block:Title}
{block:Lines}
<p>
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</p>
{/block:Lines}
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">↵ {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">↵ {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}"># {Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">∞ {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="https://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Chat}
{/block:Posts}
{block:PermalinkPage}
{block:IfDisqusUsername}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop comments">
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div><script type="text/javascript" src="https://disqus.com/by/forums/{text:Disqus Username}/embed.js"></script><noscript><a href="https://disqus.com/by/forums/{text:Disqus Username}/?url=ref">View the discussion thread.</a></noscript><a href="https://disqus.com/" class="dsq-brlink">Blog comments powered by <span class="logo-disqus">Disqus</span></a>{/block:Permalink}<script type="text/javascript">
//<![CDATA[
(function() {
var links = document.getElementsByTagName('a');
var query = '?';
for(var i = 0; i < links.length; i++) {
if(links[i].href.indexOf('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
}
}
document.write('<script charset="utf-8" type="text/javascript" src="https://disqus.com/by/forums/{text:Disqus Username}/get_num_replies.js' + query + '"></' + 'script>');
})();
//]]>
</script>
</div>
</div>
{/block:IfDisqusUsername}
{/block:PermalinkPage}
{block:NoSearchResults}
<div class="noresults">Bummer. <br />{lang:No results found}.</div>
{/block:NoSearchResults}
<div>
{block:NextPage}
<div class="lightpanel nav roundedtop roundedbottom centeralign shadow next">
<a class="nav roundedtop roundedbottom" href="{NextPage}">{lang:Older}</a>
</div>
{/block:NextPage}
{block:PreviousPage}
<div class="lightpanel nav roundedtop roundedbottom centeralign shadow previous">
<a class="nav roundedtop roundedbottom" href="{PreviousPage}">{lang:Newer}</a>
</div>
{/block:PreviousPage}
</div>
</div>
</div>
<!-- Twitter feed call is down here so it loads last -->
<script type="text/javascript" src="https://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="https://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&count=3"></script>
</body>
</html>
Et voici l'adresse de l'image que je souhaite placer en fond sur la totalité de l'écran
http://www.google.fr/...
Est-ce quelqu'un pourrait me placer cette adresse à la bonne place s'il vous plait. Je suis trop un noob et je suis sûr que ça va vous prendre dix seconde.
MERCI!
Je souhaiterai changer le fond d'écran de mon blog pour le personnaliser et après 3 tentatives, je n'obtiens pas le résultat désiré, il y a quelque chose qui m'échappe...
Voici le code html de la page
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}{block:PostSummary} - {PostSummary}{/block:PostSummary}</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}
<!-- Jquery -->
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!-- Jquery Fancybox -->
<script type="text/javascript" src="http://static.tumblr.com/z7lhmdl/Sgqkzocgr/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/z7lhmdl/C82kzochp/jquery.fancybox-1.3.0.pack.js"></script>
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/z7lhmdl/FOBkzocyp/jquery.fancybox-1.3.0.css" media="screen" />
<script type="text/javascript">
$(document).ready(function() {
$(".zoombox").fancybox({
'scrolling' : 'no',
'titlePosition' : 'inside',
'transitionIn' : 'elastic',
'autoScale' : false,
'transitionOut' : 'none',
'titleShow' : false
});
$("a[href$=.jpg],a[href$=.png],a[href$=.gif]").fancybox();
});
</script>
<!--
Widescreen YouTube Embeds by Matthew Buchanan & Hayden Hunter
https://matthewbuchanan.name/post/451892574/widescreen-youtube-embeds#_=_
https://blog.haydenhunter.me/#_=_
Released under a Creative Commons attribution license:
https://creativecommons.org/licenses/by/3.0/nz/
-->
<script type="text/javascript">
$(function() {
$("object").each(function () {
if ($(this).find("embed[src^='http://www.youtube.com']").length > 0) {
// Identify and hide embed(s)
var parent = $(this).parent();
parent.css("visibility","hidden");
var youtubeCode = parent.html();
var params = "";
if (youtubeCode.toLowerCase().indexOf("<param") == -1) {
// IE doesn't return params with html(), so...
$("param", this).each(function () {
params += $(this).get(0).outerHTML;
});
}
// Set colours in control bar to match page background
var oldOpts = /rel=0/g;
var newOpts = "rel=0&color1=0xdadddd&color2=0xdadddd";
youtubeCode = youtubeCode.replace(oldOpts, newOpts);
if (params != "") {
params = params.replace(oldOpts, newOpts);
youtubeCode = youtubeCode.replace(/<embed/i, params + "<embed");
}
// Extract YouTube ID and calculate ideal height
var youtubeIDParam = $(this).find("embed").attr("src");
var youtubeIDPattern = /\/v\/([0-9A-Za-z-_]*)/;
var youtubeID = youtubeIDParam.match(youtubeIDPattern);
var youtubeHeight = Math.floor(parent.find("object").width() * 0.75 + 25);
var youtubeHeightWide = Math.floor(parent.find("object").width() * 0.5625 + 25);
// Test for widescreen aspect ratio
$.getJSON("http://gdata.youtube.com/feeds/api/videos/" + youtubeID[1] + "?v=2&alt=json-in-script&callback=?", function (data) {
oldOpts = /height="?([0-9]*)"?/g;
if (data.entry.media$group.yt$aspectRatio != null) {
newOpts = 'height="' + youtubeHeightWide + '"';
} else {
newOpts = 'height="' + youtubeHeight + '"';
}
youtubeCode = youtubeCode.replace(oldOpts, newOpts);
if (params != "") {
params = params.replace(oldOpts, newOpts);
youtubeCode = youtubeCode.replace(/<embed/i, params + "<embed");
}
// Replace YouTube embed with new code
parent.html(youtubeCode).css("visibility","visible");
});
}
});
});
</script>
<meta name="text:Disqus Username" content=""/>
<meta name="text:Twitter Username" content=""/>
<meta name="text:Flickr Username" content=""/>
<meta name="text:Custom Link 1 Title" content=""/>
<meta name="text:Custom Link 1" content=""/>
<meta name="text:Custom Link 2 Title" content=""/>
<meta name="text:Custom Link 2" content=""/>
<meta name="text:Custom Link 3 Title" content=""/>
<meta name="text:Custom Link 3" content=""/>
<meta name="text:Custom Link 4 Title" content=""/>
<meta name="text:Custom Link 4" content=""/>
<meta name="image:300pxPortrait" content=""/>
<style type="text/css" media="screen">
/* ==================== */
/* = The 1Kb CSS Grid = */
/* ==================== */
.grid_1 { width:80px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:500px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }
.column { /* 10px margin on BOTH sides, resulting in a 20px gutter between columns */
margin: 0 10px;
float: left;
}
.row { /* center the row on the page, clear the interior contents with overflow:hidden hack */
width: 960px;
margin: 0 auto;
}
.row .row {
margin: 0 -10px;
width: auto;
}
body {
margin: 80px 0 0 0;
font-family: Helvetica, sans-serif;
font-size: 13px;
background: url(http://static.tumblr.com/z7lhmdl/mgVkwsss8/bg.png #8f9595 repeat-x fixed;
}
img {
border: none;
}
.shadow {
box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-webkit-transition-duration: 0.2s;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 20px;
}
.shadow:hover {
box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
-webkit-box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
-moz-box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
}
.lightpanel {
color: #4d4d4d;
line-height: 18px;
text-shadow: 0 1px 1px rgba(255,255,255,0.9);
background: url(http://static.tumblr.com/z7lhmdl/DsSkwsstm/gradbg.png repeat-x #dadddd;
border-top: 1px solid #f3f3f3;
border-bottom: 1px solid #c5c8c8;
}
.lightpanel p {
padding-left: 20px;
padding-right: 20px;
}
.lightpanel h2, .lightpanel h3, .lightpanel h4, .lightpanel h5, .lightpanel h6 {
padding-left: 20px;
padding-right: 20px;
}
.bottompanel {
background: url(http://static.tumblr.com/z7lhmdl/lkEkwsst2/bottompanel.png repeat-x #7b7f7f;
color: #dadddd;
text-transform: uppercase;
font-size: 9px;
font-weight: bold;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 20px;
padding-right: 20px;
border-bottom: 1px solid #656868;
font-family: Helvetica;
}
.bottompanel a {
color: #dadddd;
}
.roundedbottom {
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.roundedtop {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.nav a {
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
display: block;
padding: 20px;
font-size: 20px;
text-transform: uppercase;
text-shadow: 0 2px 1px rgba(255,255,255,0.9);
font-family: Helvetica;
}
.nav a:hover {
background: #e9eaea;
}
h2 {
font-size: 20px;
font-weight: 500;
line-height: 24px;
text-shadow: 0 2px 1px rgba(255,255,255,0.9);
}
h2 a {
color: #4d4d4d;
}
#twitter_update_list {
list-style: none;
padding-left: 20px;
padding-right: 20px;
}
#twitter_update_list li {
padding-bottom: 4px;
padding-top: 4px;
}
a {
color: #41797e;
text-decoration: none;
}
h1 {
font-size: 32px;
letter-spacing: -1px;
font-weight: 100;
text-shadow: 0 2px 1px rgba(255,255,255,0.9);
margin: 0px;
line-height: 30px;
font-family: Georgia;
font-style: italic;
}
h1 a {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 20px;
display: block;
color: #4d4d4d;
}
h1 a:hover {
background: #e9eaea;
}
.masthead {
margin-bottom: 40px;
}
blockquote {
border-left: 3px solid #989696;
margin-left: 20px;
padding-left: 15px;
}
blockquote p {
margin-left: -20px;
}
.centeralign {
text-align: center;
}
.bottomlist {
padding-left: 0px;
}
.bottomlist ul {
margin-left: 0px;
padding-left: 0px;
}
.bottomlist li {
display: inline;
padding-right: 17px;
list-style: none;
}
.reblogged {
padding-bottom: 8px;
border-bottom: 1px dotted;
margin-bottom: 8px;
}
::-moz-selection {
background: rgb(0,235,255);
}
::selection {
background: rgb(0,235,255);
}
code::-moz-selection {
background: rgb(0,235,255);
}
code::selection {
background: rgb(0,235,255);
}
.video {
text-align: center;
}
.notopborder {
border-top: none !important;
}
.image img {
max-width: 500px;
min-width: 500px;
}
.photocaption img {
max-width: 460px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.previous {
width: 235px;
}
.next {
width: 235px;
float: right;
clear: both;
}
.audio {
padding-left: 12px;
padding-top: 20px;
padding-bottom: 20px;
}
.audioholder {
background: #000000;
}
.playcount {
float: right;
clear: both;
padding-top: 25px;
padding-right: 20px;
color: white;
text-shadow: none;
font-family: Georgia;
font-style: italic;
font-size: 14px;
}
input {
color: #4d4d4d;
font-family: Helvetica;
font-size: 13px;
line-height: 18px;
text-shadow: 0 1px 1px rgba(255,255,255,0.9);
background: url(images/gradbg.png) repeat-x #dadddd;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 20px;
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 260px;
box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
}
input:hover {
box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
-webkit-box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
-moz-box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
}
.submit {
float: right;
clear: both;
display: none;
}
.note {
padding-bottom: 5px;
padding-top: 5px;
}
ol.notes {
padding: 0px;
list-style-type: none;
}
ol.notes li.note {
padding-left: 20px;
}
ol.notes li.note img.avatar {
display: none;
}
ol.notes li.note span.action {
font-weight: bold;
}
ol.notes li.note .answer_content {
font-weight: normal;
}
ol.notes li.note blockquote {
border-left: 3px solid #989696;
margin-left: 0px;
padding-left: 15px;
padding-top: 0px;
border-bottom: none;
}
ol.notes li.note blockquote a {
text-decoration: none;
}
.noresults {
font-size: 60px;
font-weight: bolder;
color: #373f3f;
line-height: 50px;
text-shadow: 0 1px 1px rgba(255,255,255,0.7);
letter-spacing: -4px;
}
.search {
margin-bottom: 40px;
}
.comments {
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}
.comments h3 {
padding-left: 0px;
}
.chat li {
list-style: none;
}
.label {
font-weight: bolder;
}
.textpostbody img {
max-width: 460px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.textpostbody li {
padding-right: 20px;
}
.description {
padding-right: 20px;
}
.portrait-description {
padding: 20px;
}
.portrait {
width: 300px;
}
.albumart {
width:500px;
}
.triangle {
background: #e4e8e8 url(http://static.tumblr.com/z7lhmdl/IoKkyxv6w/triangle-solo.png bottom left no-repeat;
height: 10px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.question {
font-size: 16px;
line-height: 22px;
background: #000;
text-shadow: none;
color: #8c8c8c;
box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
padding: 30px;
width: 460px;
margin-left: -10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float: left;
margin-bottom: 15px;
}
.asker {
background: url(http://static.tumblr.com/z7lhmdl/DsSkwsstm/gradbg.png repeat-x #dadddd;
height: 70px;
}
.askerportrait {
float: left;
margin-right: 20px;
padding-top: 20px;
padding-left: 20px;
}
.askerportrait img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.askername {
font-size: 24px;
margin-top: 0px;
margin-bottom: 0px;
line-height: 80px;
}
.askername a {
color: #4d4d4d;
}
.linkbg {
background: #b9bdbd url(http://static.tumblr.com/z7lhmdl/4wRkyxyle/linkbg.png top right no-repeat;
text-shadow: 0 0px 1px rgba(255,255,255,0.3);
padding: 0px;
margin: 0px;
}
.linkbg h2 {
padding: 0px;
margin: 0px;
}
.linkdescription {
background: url(http://static.tumblr.com/z7lhmdl/DsSkwsstm/gradbg.png repeat-x #dadddd;
border-top: 1px solid #f3f3f3;
padding-bottom: 1px;
}
.link {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 130px;
display: block;
}
.quote {
margin-right: 130px;
}
.quotebg {
background: #b9bdbd url(http://static.tumblr.com/z7lhmdl/cszkzyztp/quotebg.png top right no-repeat;
text-shadow: 0 0px 1px rgba(255,255,255,0.3);
padding: 0px;
margin: 0px;
}
.quotedescription {
background: url(http://static.tumblr.com/z7lhmdl/DsSkwsstm/gradbg.png repeat-x #dadddd;
border-top: 1px solid #f3f3f3;
padding-bottom: 1px;
}
.zoomphoto {
max-width: 900px;
}
.hiddenzoombox {
display: none;
}
.zoomoverlay {
position: absolute;
z-index:1000;
}
.zoomoverlay img {
width: 100px;
height: 100px;
}
.wholeimage:hover > .zoomoverlay {
background: url(http://static.tumblr.com/z7lhmdl/tPFkzy1ni/zoom.png no-repeat;
}
.wholeimage {
background: #fff;
}
{CustomCSS}
</style>
<!--[if lte IE 7]>
<style type="text/css">
.twitter ul {
margin-left:0px;
padding-left:0px;
}
.bottompanel li, .bottompanel ul {
padding-left: 0px !important;
list-style: none;
margin-left: 0px;
}
</style>
<![endif]-->
</head>
<body id="home">
<div class="row">
<div class="column grid_4">
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop masthead">
<h1><a class="roundedbottom roundedtop" href="/">{Title}</a></h1>
</div>
</div>
<div class="shadow">
{block:If300pxPortraitImage}
<img class="roundedtop portrait" src="{image:300pxPortrait}" />
<div class="lightpanel">
<div><p>{description}</p></div>
</div>
{/block:If300pxPortraitImage}
{block:IfNot300pxPortraitImage}
<div class="lightpanel roundedtop">
<div><p>{description}</p></div>
</div>
{/block:IfNot300pxPortraitImage}
<div class="lightpanel nav">
<a class="nav" href="/">{lang:Home}</a>
</div>
{block:HasPages}
{block:Pages}
<div class="lightpanel nav">
<a class="nav" href="{URL}">{Label}</a>
</div>
{/block:Pages}
{/block:HasPages}
<div class="lightpanel nav">
<a class="nav" href="/archive">{lang:Archive}</a>
</div>
<div class="lightpanel nav">
<a class="nav" href="{RSS}">{lang:Subscribe} ({lang:RSS})</a>
</div>
{block:AskEnabled}
<div class="lightpanel nav">
<a class="nav" href="/ask">{AskLabel}</a>
</div>
{/block:AskEnabled}
{block:SubmissionsEnabled}
<div class="lightpanel nav">
<a class="nav" href="/submit">{SubmitLabel}</a>
</div>
{/block:SubmissionsEnabled}
<div class="lightpanel nav">
<a class="nav" href="/random">{lang:Random post}</a>
</div>
{block:IfFlickrUsername}
<div class="lightpanel nav">
<a class="nav" href="https://www.flickr.com/photos/{text:Flickr Username}">Flickr</a>
</div>
{/block:IfFlickrUsername}
{block:IfTwitterUsername}
<div class="lightpanel nav">
<a class="nav" href="https://twitter.com/{text:Twitter Username}">Twitter</a>
</div>
<div class="lightpanel twitter">
<ul id="twitter_update_list"></ul>
</div>
{/block:IfTwitterUsername}
{block:IfCustomLink1}
<div class="lightpanel nav">
<a class="nav" href="{text:Custom Link 1}">{text:Custom Link 1 Title}</a>
</div>
{/block:IfCustomLink1}
{block:IfCustomLink2}
<div class="lightpanel nav">
<a class="nav" href="{text:Custom Link 2}">{text:Custom Link 2 Title}</a>
</div>
{/block:IfCustomLink2}
{block:IfCustomLink3}
<div class="lightpanel nav">
<a class="nav" href="{text:Custom Link 3}">{text:Custom Link 3 Title}</a>
</div>
{/block:IfCustomLink3}
{block:IfCustomLink4}
<div class="lightpanel nav">
<a class="nav" href="{text:Custom Link 4}">{text:Custom Link 4 Title}</a>
</div>
{/block:IfCustomLink4}
<!-- Please do not remove credit. Thanks :) -->
<div class="bottompanel roundedbottom">
<p><a href="https://www.tumblr.com/privacy/consent?redirect=https%3A%2F%2Fwww.tumblr.com%2Ftheme%2F7285%2F" target="_blank">Catching Elephant</a> is a theme by <a href="http://www.catchingzebra.com/" target="_blank">Andy Taylor</a></p>
</div>
</div>
<div class="search">
<form action="/search" method="get">
<div class="submit"><input type="submit" value="{lang:Search}"/></div>
<div class="input"><input onfocus="this.value=''" type="text" value="{lang:Search}. Then hit enter." name="q"/></div>
</form>
</div>
</div>
<div class="column grid_1">
<p> </p>
</div>
<div class="column grid_7">
{block:Posts}
{block:Answer}
<div class="shadow">
<div class="lightpanel roundedtop notopborder">
<div class="asker roundedtop">
<div class="askerportrait"><img src="{AskerPortraitURL-40}" width="40px" height="40px"/></div> <div class="askername">{lang:Asker asked}</div>
</div>
<div class="triangle"></div>
<div class="question">
{Question}
</div>
<div class="textpostbody">
{Answer}
</div>
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">↵ {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">↵ {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}"># {Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">∞ {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="https://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Answer}
{block:Photo}
<div class="shadow">
<div class="wholeimage roundedtop">
{block:HighRes}
<a href="#{PostID}-zoom" class="zoombox zoomoverlay"><img src="http://static.tumblr.com/z7lhmdl/5D6kzy1mm/blank.gif" /></a>
{/block:HighRes}
<div class="image">
{LinkOpenTag}<img class="roundedtop" src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
</div>
</div>
{block:Caption}
<div class="lightpanel">
<div class="caption photocaption">{Caption}</div>
</div>
{/block:Caption}
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">↵ {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">↵ {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}"># {Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">∞ {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="https://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
{block:HighRes}
<div class="hiddenzoombox">
<div id="{PostID}-zoom">
<img src="{PhotoURL-HighRes}" class="zoomphoto" />
</div>
</div>
{/block:HighRes}
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Photo}
{block:Photoset}
<div class="shadow">
<div class="image">
{Photoset-500}
</div>
<div class="lightpanel">
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">↵ {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">↵ {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}"># {Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">∞ {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="https://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Photoset}
{block:Video}
<div class="shadow">
<div class="lightpanel notopborder">
<div class="video">
{Video-500}
</div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">↵ {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">↵ {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}"># {Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">∞ {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="https://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Video}
{block:Audio}
<div class="shadow">
<div class="lightpanel roundedtop notopborder">
<div class="audioholder roundedtop">
<div class="playcount">{lang:Played PlayCount times}</div>
<div class="audio">{AudioPlayerBlack}</div>
{block:AlbumArt}
<img class="albumart" src="{AlbumArtURL}" />
{/block:AlbumArt}
</div>
{block:Caption}
{Caption}
{/block:Caption}
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">↵ {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">↵ {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}"># {Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">∞ {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="https://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Audio}
{block:Quote}
<div class="shadow">
<div class="lightpanel roundedtop quotebg">
<h2 class="quote">{Quote}</h2>
{block:Source}
<div class="quotedescription">
<p>{source}</p>
</div>
{/block:Source}
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">↵ {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">↵ {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}"># {Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">∞ {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="https://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Quote}
{block:Text}
<div class="shadow">
<div class="lightpanel roundedtop">
{block:Title}
<h2><a href="{Permalink}">{Title}</a></h2>
{/block:Title}
<div class="textpostbody">
{Body}
</div>
</div>
{block:Date}
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">↵ {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">↵ {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}"># {Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">∞ {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="https://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Date}
{/block:Text}
{block:Link}
<div class="shadow">
<div class="lightpanel roundedtop linkbg">
<h2><a href="{URL}" class="link" {Target}>{Name}</a></h2>
{block:Description}
<div class="linkdescription">
<p>{Description}</p>
</div>
{/block:Description}
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">↵ {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">↵ {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}"># {Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">∞ {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="https://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Link}
{block:Chat}
<div class="shadow">
<div class="lightpanel roundedtop">
{block:Title}
<h2><a href="{Permalink}">{Title}</a></h2>
{/block:Title}
{block:Lines}
<p>
{block:Label}
<span class="label">{Label}</span>
{/block:Label}
{Line}
</p>
{/block:Lines}
</div>
<div class="bottompanel roundedbottom">
<ul class="bottomlist">
{block:RebloggedFrom}
<div class="reblogged">
{block:RebloggedFromReblog}<li><a href="{ReblogRootURL}">↵ {lang:Originally from ReblogRootName}</a></li>{/block:RebloggedFromReblog}
<li><a href="{ReblogParentURL}">↵ {lang:Reblogged from ReblogParentName}</a></li>
</div>
{/block:RebloggedFrom}
{block:HasTags}
<div class="reblogged">
{block:Tags}
<li><a href="{TagURL}"># {Tag}</a></li>
{/block:Tags}
</div>
{/block:HasTags}
<li><a href="{permalink}">∞ {lang:Permalink}</a></li>
<li><a href="{permalink}">{lang:Posted TimeAgo}</a></li>
<li><a href="https://twitter.com/home?status={block:PostSummary}{PostSummary} - {/block:PostSummary}{ShortURL}">{lang:Tweet this}</a></li>
{block:NoteCount}
<li><a href="{permalink}">{NoteCountWithLabel}</a></li>
{/block:NoteCount}
{block:IfDisqusUsername}
<li><a class="dsq-comment-count" href="{Permalink}#disqus_thread">{lang:Comment}</a></li>
{/block:IfDisqusUsername}
</ul>
</div>
</div>
{block:PostNotes}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop notes">
<p>{PostNotes}</p>
</div>
</div>
{/block:PostNotes}
{/block:Chat}
{/block:Posts}
{block:PermalinkPage}
{block:IfDisqusUsername}
<div class="shadow">
<div class="lightpanel roundedbottom roundedtop comments">
<script type="text/javascript">var disqus_url = "{Permalink}"; var disqus_title ="{block:PostTitle}{PostTitle}{/block:PostTitle}";</script>{block:Permalink}<div id="disqus_thread"></div><script type="text/javascript" src="https://disqus.com/by/forums/{text:Disqus Username}/embed.js"></script><noscript><a href="https://disqus.com/by/forums/{text:Disqus Username}/?url=ref">View the discussion thread.</a></noscript><a href="https://disqus.com/" class="dsq-brlink">Blog comments powered by <span class="logo-disqus">Disqus</span></a>{/block:Permalink}<script type="text/javascript">
//<![CDATA[
(function() {
var links = document.getElementsByTagName('a');
var query = '?';
for(var i = 0; i < links.length; i++) {
if(links[i].href.indexOf('#disqus_thread') >= 0) {
query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
}
}
document.write('<script charset="utf-8" type="text/javascript" src="https://disqus.com/by/forums/{text:Disqus Username}/get_num_replies.js' + query + '"></' + 'script>');
})();
//]]>
</script>
</div>
</div>
{/block:IfDisqusUsername}
{/block:PermalinkPage}
{block:NoSearchResults}
<div class="noresults">Bummer. <br />{lang:No results found}.</div>
{/block:NoSearchResults}
<div>
{block:NextPage}
<div class="lightpanel nav roundedtop roundedbottom centeralign shadow next">
<a class="nav roundedtop roundedbottom" href="{NextPage}">{lang:Older}</a>
</div>
{/block:NextPage}
{block:PreviousPage}
<div class="lightpanel nav roundedtop roundedbottom centeralign shadow previous">
<a class="nav roundedtop roundedbottom" href="{PreviousPage}">{lang:Newer}</a>
</div>
{/block:PreviousPage}
</div>
</div>
</div>
<!-- Twitter feed call is down here so it loads last -->
<script type="text/javascript" src="https://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="https://twitter.com/statuses/user_timeline/{text:Twitter Username}.json?callback=twitterCallback2&count=3"></script>
</body>
</html>
Et voici l'adresse de l'image que je souhaite placer en fond sur la totalité de l'écran
http://www.google.fr/...
Est-ce quelqu'un pourrait me placer cette adresse à la bonne place s'il vous plait. Je suis trop un noob et je suis sûr que ça va vous prendre dix seconde.
MERCI!
A voir également:
- Fond d'écran blog html
- Double ecran - Guide
- Capture d'écran samsung - Guide
- Comment faire un blog - Guide
- Ecran noir pc - Guide
- Ecran d'accueil iphone - Guide
1 réponse
bg62
Messages postés
23590
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
15 avril 2024
2 362
Modifié par bg62 le 19/06/2012 à 11:20
Modifié par bg62 le 19/06/2012 à 11:20
https://us.123rf.com/400wm/400/400/alvarocabrera/alvarocabrera1004/alvarocabrera100400086/6785170-fleur-de-lys-wallpaper.jpg
;)
mais pour un fond d'écran (gratuit) il serait bien plus simple de le mettre chez toi ... !
seul problème c'est qu'il n'est pas réellement gratuit ( "
Pour télécharger cette image, vous avez besoin d'acheter "une formule de crédits" ou vous abonner sur 123RF.machin. " )donc l'utiliser ainsi n'est pas légal et tu auras très certainement de gros problèmes ensuite ...
le 'www' est fait aussi pour communiquer, partager et échanger, non ?
merci d'avoir la politesse de répondre à ceux qui essaient de vous aider
;)
mais pour un fond d'écran (gratuit) il serait bien plus simple de le mettre chez toi ... !
seul problème c'est qu'il n'est pas réellement gratuit ( "
Pour télécharger cette image, vous avez besoin d'acheter "une formule de crédits" ou vous abonner sur 123RF.machin. " )donc l'utiliser ainsi n'est pas légal et tu auras très certainement de gros problèmes ensuite ...
le 'www' est fait aussi pour communiquer, partager et échanger, non ?
merci d'avoir la politesse de répondre à ceux qui essaient de vous aider