Bonjour, je voudrais poster un thème sur tumblr mais dès que je clique sur "soumettre le thème pour approbation" ils me disent que mon code html est invalide. Pouvez-vous m'aider ? Merci d'avance.
Voici le code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--
Los Angeles theme for Tumblr by Guess Los Angeles // https://www.tumblr.com/privacy/consent?redirect=http%3A%2F%2Fguess-los-angeles.tumblr.com%2F
!-->
<head>
<meta name="color:Background" content="#ACFFE9" />
<meta name="color:Main" content="#d7e0df" />
<meta name="color:Sidebar" content="#d7e0df" />
<meta name="color:Post" content="#F3F3F3" />
<meta name="color:Shadow" content="#A1A3A3" />
<meta name="color:Title" content="#ffffff" />
<meta name="color:Text" content="#ffffff" />
<meta name="color:Link" content="#30260B" />
<meta name="color:Link Hover" content="#B5A05F" />
<meta name="font:Body" content="Arial" />
<meta name="font:Title" content="Arial" />
<meta name="text:Font Size" content="11px" />
<title>{Title}</title>
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
<style type="text/css">
body{color:#636161;
background-color: #ffffff;
background-image: url(http://static.tumblr.com/2gtzye1/CCvln90ao/01.jpeg);
background-attachment: fixed;
background-repeat: repeat;
background-position: center;
font-family:arial;
font-size:11px;
line-height: 11px;
text-align:justify;}
a:link, a:active, a:visited{color: #B5A05F;
text-decoration: none;}
a:hover {color:{color:Link Hover};
text-decoration: none;}
a img{border: 0px;}
div#main{
border-left-width: 1px;
border-left-style: solid;
border-left-color: #000000;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
margin: 0px 0px 0px 0px;
margin-left:330px;
margin-bottom: 0px;
margin-top:0px;
width:522px;
height:100%;
background-color: #101010;
padding:6px;
padding-top:1px;
background-image: url();
-moz-box-shadow: 0 0 0px #101010;
-webkit-box-shadow: 0 0 0px #B39F60;
z-index:-1px;
}
div#post{
border-right-width: 1px;
border-right-style: solid;
border-right-color: #101010;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #101010;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #101010;
overflow: hidden;
margin: 6px 5px 2px 4px;
padding-left:7px;
padding-right:7px;
padding-top:7px;
padding-bottom:7px;
background-color: #000000;
-moz-border-radius:3px;
background-image: url();
background-repeat: repeat;
background-attachment: scroll;
background-position: bottom left;
-webkit-border-radius:0px;
-moz-box-shadow: 0 0 0px #EAFF87;
-webkit-box-shadow: 0 0 0px #EAFF87;
z-index:-1px;
}
div#sidebar{
float: center;
position: fixed;
top: 8px;
left: 90px;
width:210px;
height:100%;
padding-left:8px;
padding-right:8px;
padding-bottom:3px;
background-color: #000000;
padding-top:8px;
background-image: url();
moz-box-shadow: 0 0 0px #FFFFFF;
-webkit-box-shadow: 0 0 0px #FFFFFF;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #000000;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
}
div#permalink{
border-right-width: 2px;
border-right-style: solid;
border-right-color: #000000;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #000000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
background-color:#000000;
display: block;
margin: 6px 4px 0px 6px;
width:500px;
font-family:arial;
padding:1px;
padding-left:7px;
margin-top:0px;
margin-bottom:0px;
font-size:8px;
text-align: center;
letter-spacing:1px;
text-transform: uppercase;
}
.photo{
background-image: url({PortraitURL-128});
-moz-border-radius: 64px;
-webkit-border-radius: 64px;
width: 128px;
height: 128px;
margin-bottom: 5px;
}
.title{color:#000000;
font-family:arial narrow;
font-size:14px;
line-height:14px;
letter-spacing:2px;
font-weight:normal;
text-align:center;}
.title1{color:#ffffff;
font-family:arial;
text-transform:uppercase;
font-style:none;
font-size:30px;
line-height:45px;
letter-spacing:-3px;
font-weight:normal;
text-align:center;}
b {
font-family: arial;
color: #B5A05F;
font-weight: bold;
font-size: 11px;
}
i {
color: #ffffff;
font-family: arial;
font-weight: none;
font-size: 11px;
border-bottom: solid 0px ;
}
r {
font-family: arial;
color: #33280C;
font-weight: bold;
font-size: 9px;
text-transform: uppercase;
letter-spacing:1px;
}
.title2{
color:#33280C;
font-family:{font:Title};
font-size:24px;
line-height:20px;
letter-spacing:0px;}
.title3{
color:#33280C;
font-family:{font:Title};
font-size:11px;
line-height:11px;
letter-spacing:0px;
font-weight:bold;
text-align:left;}
blockquote{
border-left-width: 0px;
border-left-style: solid;
border-left-color: {color:Link};
padding:1px;
padding-bottom:5px;}
a.links{
font-family:arial;
font-size:17px;
line-height:17px;
letter-spacing:-1px;
text-align: left;
padding:3px -2px;
color: #735a43;
background-color: #30260B;
border: 0px solid #2e2e2d;
margin-top:2px;
position:relative;
width: 210px;
-moz-box-shadow: 0 0 0px #FFFFFF;
-webkit-box-shadow: 0 0 0px #FFFFFF;
display: inline-block;
}
a.links:hover{
padding:3px 0;
color: #ffffff;
background-color: #B39F62;
border: 0px dotted #806cf5;
z-index:2; }
</style>
<style type="text/css">{CustomCSS]</style>
</head>
<body>
<div id="main">
<div id="sidebar">
<center><img src="https://static.tumblr.com/2gtzye1/nF2ln90bt/02.png " width="100%"><br>
<DIV id=scroll3 style="OVERFLOW: auto; WIDTH: 200px; height: 100px; background-color: #101010; text-align: justify;border:0px dotted; padding:5px; border-color:#000000;
-moz-box-shadow: 0 0 0px #000000;
-webkit-box-shadow: 0 0 0px #000000;
">
<b>♥</b>; This is where <b>you</b> can either write about <i>yourself</i> or your interests - or anything else your little <r>heart</r> desires ♥ I hope you <b>enjoy</b> this theme , as I have <i>enjoyed</i> making it . Please keep <r>all</r> credit on - I work hard to make these themes for <b>YOU</b> to use <i>(</i> don't abuse it <i>)</i> ; X<i>O</i>X<b>O</b> *
</div>
<a href="#" class="links">REFRESH</a>
<a href="/ask" class="links">ASK A QUESTION</a>
<a href="/archive" class="links">ARCHIVE</a>
<a href="https://www.tumblr.com/privacy/consent?redirect=http%3A%2F%2Fguess-los-angeles.tumblr.com%2F " class="links">THEME CREDIT</a>
<br><br>
Theme <b>©</b> <i>Guess Los Angeles</i> // 2011 <r>?</r>
<br></br>
<br><br>
<div style="font-size: 42px; font-weight: bold;"> <center> {block:NextPage}<a href="{NextPage}">?</a>{/block:NextPage} {block:PreviousPage}<a href="{PreviousPage}">?</a> {/block:PreviousPage}{block:PermalinkPagination}
{block:PreviousPost} <a href="{PreviousPost}">?</a>{/block:PreviousPost} {block:NextPost}<a href="{NextPost}">?</a>{/block:NextPost}
{/block:PermalinkPagination}
</center></div>
{/block:Description}</div>
<center></center>
{block:Posts}
<a href="{Permalink}"></a>
<div id="post">
{block:Text}{block:Title}<div style="margin-bottom:8px; margin-top:-3px;"><span class="title1"><center> {Title} </span></div>{/block:Title}</center><div style="margin:-8px 0 -9px 0; text-align:center;">{Body}</div>{/block:Text}
{block:Photo}
<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
{block:Caption}<div style="margin:-8px 0 -10px 0; text-align:center;">{Caption}</div>{/block:Caption}{/block:Photo}
{block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
{block:Quote}<div style="margin-top:-2px; margin-bottom:2px;"><span class="title2"><i><center>{Quote}</i></span> {block:Source}<span class="title3"> {Source}</span></span></div>
{/block:Source} {/block:Quote}
{block:Link}<a href="{URL}" class="link" {Target}><div style="margin-top:-3px;"><span class="title1"><center> {Name} </center></span></div></a>{/block:Link}
{block:Link}{block:Description}<div style="margin:-9px 0 -10px 0;"><center>{Description}</center></div>{/block:Description}{/block:Link}
{block:Chat}<ul class="chat"><div style="margin:-8px 0 -8px 0;">{block:Lines}<li class="user_
{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label} {Line}</li>
{/block:Lines}</ul>{/block:Chat}
{block:Audio}
<center><div style="margin:0px 0 0px 0;"><div style="float:center">{AudioPlayerWhite}
</div></center>
{block:Caption}<div style="margin:-10px 0 -10px 0; text-align:center;">{Caption}</div>{/block:Caption}{/block:Audio}
{block:Video}<center>{Video-500}<br>{block:Caption}{Caption}{/block:Caption}</center>{/block:Video}
{block:Answer}
<div style="margin-top:4px;"><center><b>{Asker}</b> asked: <b>{Question}</b></div>
<div style="margin-top:-8px; margin-bottom:-5px;"><center>{Answer}</div></center>
{/block:Answer}
</div>
<div id="permalink" style="letter-spacing:1px;"><a href="{Permalink}"> {Month} {DayOfMonthWithZero}, {Year} * {NoteCountWithLabel}</a></div>
{block:PostNotes}
<br><div style="text-align:center; margin-left:15px;">{block:RebloggedFrom}
Via <b><a href="{ReblogParentURL}">{ReblogParentName}</a></b><br>Source <b><a href="{ReblogRootURL}">{ReblogRootName}</a></b> {/block:RebloggedFrom}</div>
{PostNotes}
<center>{block:ContentSource}<a href="{SourceURL}">
{lang:Source}: {block:SourceLogo}
<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
{/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a> {/block:ContentSource}</center>
{/block:PostNotes}
{/block:Posts}
<center>
<br>
<div style="-moz-border-radius:5px; -webkit-border-radius:0px; -moz-box-shadow: 0 0 0px #000000; -webkit-box-shadow: 0 0 0px #EAFF87; margin: 0px 4px 5px 4px; padding: 2px; border-right-width: 1px;
border-right-style: solid;
border-right-color: #000000;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #000000;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000; background-color:#000000;">Theme by <a href="https://www.tumblr.com/privacy/consent?redirect=http%3A%2F%2Fwww.guess-los-angeles.tumblr.com%2F " target="_blank"><b>Guess Los Angeles</b></a> ♥ XOXO</div>
</center></div>
</body>
</html>
Afficher la suite