Html// problème de design pour un blog

Résolu
jeyna13 -  
alexislevrai Messages postés 557 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'ai créé un blog sur tumblr (avis à ceux qui connaissent ! :p) mais j'ai quelques problèmes avec le html.

Voici l'adresse de mon blog :
https://www.tumblr.com/privacy/consent?redirect=http%3A%2F%2Filovebrains.tumblr.com%2F

Je voudrais que le fond soit blanc et il me semble que dans le html ça l'est ! : 
<meta name="color:Background" content="#FFF" />
Je voudrais aussi changer la couleur du lien, la rendre un peu plus foncée, voir noire.

Sur le blog où je l'ai téléchargé, le fond est blanc, mais pas sur le miens, pourtant je n'ai rien changé :
https://www.tumblr.com/privacy/consent?redirect=http%3A%2F%2Fwakalixes.tumblr.com%2F

Vous pouvez trouver le code complet ici, si jamais vous pouvez/avez envie de m'aider :
http://andreamignolo.com/downloads/wakalixes.zip

En attendant, je vous remercie et vous souhaite une très bonne journée ! : )
A voir également:

3 réponses

Réponse 1 / 3
alexislevrai Messages postés 557 Date d'inscription   Statut Membre Dernière intervention   51
 
Essaye ceci:
<!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" xml:lang="en" lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>{Title}</title>
	<link rel="shortcut icon" href="{Favicon}" />
	<link rel="alternate" type="application/rss+xml" href="/rss" />
	
	<meta name="color:Body Text" content="#333" />
	<meta name="color:Title" content="#333" />
	<meta name="color:Entry Title" content="#000" />
	<meta name="color:Tag Link Color" content="#829FAE" />
	<meta name="color:Entry Border" content="#CCC" />
	<meta name="color:Photo Border" content="#000" />
	
	<meta name="color:Conversation Text" content="#333" />
	<meta name="color:Conversation Border" content="#CCC" />
	<meta name="color:Conversation Odd" content="#EEE" />
	<meta name="color:Conversation Even" content="#DDD" />
	
	<meta name="color:Quote Text" content="#000" />
	<meta name="color:Quote Left Border" content="#000" />
	<meta name="color:Caption Text" content="#777" />
	
	<meta name="color:Photo Icon Background" content="#CCC" />
	<meta name="color:Photo Icon Color" content="#666" />
	<meta name="color:Photo Date Background" content="#EEE" />
	<meta name="color:Photo Date Color" content="#666" />
	
	<meta name="color:Video Icon Background" content="#333" />
	<meta name="color:Video Icon Color" content="#FFF" />
	<meta name="color:Video Date Background" content="#555" />
	<meta name="color:Video Date Color" content="#FFF" />
	
	<meta name="color:Text Icon Background" content="#000" />
	<meta name="color:Text Icon Color" content="#FFF" />
	<meta name="color:Text Date Background" content="#333" />
	<meta name="color:Text Date Color" content="#FFF" />
	
	<meta name="color:Quote Icon Background" content="#555" />
	<meta name="color:Quote Icon Color" content="#FFF" />
	<meta name="color:Quote Date Background" content="#777" />
	<meta name="color:Quote Date Color" content="#FFF" />
	
	<meta name="color:Link Icon Background" content="#BBB" />
	<meta name="color:Link Icon Color" content="#666" />
	<meta name="color:Link Date Background" content="#DDD" />
	<meta name="color:Link Date Color" content="#666" />
	
	<meta name="color:Audio Icon Background" content="#AAA" />
	<meta name="color:Audio Icon Color" content="#666" />
	<meta name="color:Audio Date Background" content="#CCC" />
	<meta name="color:Audio Date Color" content="#666" />
	
	<meta name="color:Chat Icon Background" content="#222" />
	<meta name="color:Chat Icon Color" content="#FFF" />
	<meta name="color:Chat Date Background" content="#555" />
	<meta name="color:Chat Date Color" content="#FFF" />
	
	<meta name="color:Footer Link" content="#5D707A" />
	
	<style type="text/css">
		/*
			Wakalixes Theme by Andrea Mignolo v1.0
			Released under Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License
			https://creativecommons.org/licenses/by-nc-sa/3.0/
		*/
		
		
		body {
			font-family: Georgia, Times, serif;
			font-size: 14px;
			line-height: 18px;
			background-color: #ffffff;
			color: {color:Body Text};
		}
		
		a, a:link, a:visited {
			outline: none;
		}
		
		.meta {
			width: 150px;
			font-size: 11px;
			float: left;
			display: inline;
			margin-top: 2px;
		}
		
		.meta p {
			margin-top: 0;
			padding-top: 5px;
		}
		
		.icon {
			padding: 5px;
			font-weight: bold;
		}
		
		
		.date {
			padding: 5px;
		}
	
		
		#wrapper {
			width: 800px;
			margin: 0 auto;
		}
		
		#posts {
			float: left;
			display: inline;
			width: 570px;
		}
		
		#sidebar {
			width: 150px;
			float: right;
			margin-top: 140px;
			margin-bottom: 140px;
		}
		
		.text, .photo, .quote, .link, .chat, .video, .audio, .footer {
			width: 100%;
			overflow: hidden;
			clear: both;
			padding-top: 20px;
			border-top: 1px solid {color:Entry Border};
		}
		
		.entry {
			width: 415px;
			float: right;
			display: inline;
			min-height: 60px;
			padding-bottom: 15px;
		}
		
		p.said {
			margin-top: 0;
			padding-top: 0;
		}
		
		#footer {
			clear: both;
			overflow: hidden;
		}
		
		#footer ul {
			border-top: 1px solid {color:Footer Border};
			border-bottom: 1px solid {color:Footer Border};
			list-style-type: none;
			height: 36px;
			line-height: 24px;
		}
		
		#footer ul li {
			height: 24px;
			line-height: 24px;
			float: left;
		}
		
		#footer li a {
			display: block;
			padding: 5px 40px 10px 0;
			color: #000;
			font-variant: small-caps;
			text-decoration: none;
		}
	
	
		h1 {
			font-size: 18px;
		}
		
		h1 a {
			color: {color:Title};
			text-decoration: none;
		}
		
		h2 {
			font-size: 14px;
			margin: 0 0 15px 0;
			padding: 0;
			color: {color:Entry Title};
		}
		
		h3 {
			font-size: 12px;
			font-weight: normal;
			color: {color:Tag Page Title};
			text-transform: uppercase;
		}
		
		.meta a, .themeinfo a {
			color: #000;
			text-decoration: none;
		}
		
		.entry a {
			color: #000;
			font-variant: small-caps;
			font-size: 12px;
		}
		
		.entry a:hover {
			color: #000;
		}
		
		#sidebar a {
			color: #000;
			font-variant: small-caps;
		}
		
		.photo .icon {
			background: {color:Photo Icon Background};
			color: {color:Photo Icon Color};
		}
		
		.photo .date {
			background: {color:Photo Date Background};
			color: {color:Photo Date Color};
		}
		
		.video .icon {
			background: {color:Video Icon Background};
			color: {color:Video Icon Color};
		}
		
		.video .date {
			background: {color:Video Date Background};
			color: {color:Video Date Color};
		}
		
		.text .icon {
			background: {color:Text Icon Background};
			color: {color:Text Icon Color};
		}
		
		.text .date {
			background: {color:Text Date Background};
			color: {color:Text Date Color};
		}
		
		.quote .icon {
			background: {color:Quote Icon Background};
			color: {color:Quote Icon Color};
		}
		
		.quote .date {
			background: {color:Quote Date Background};
			color: {color:Quote Date Color};
		}
		
		.link .icon {
			background: {color:Link Icon Background};
			color: {color:Link Icon Color};
		}
		
		.link .date {
			background: {color:Link Date Background};
			color: {color:Link Date Color};
		}
		
		.audio .icon {
			background: {color:Audio Icon Background};
			color: {color:Audio Icon Color};
		}
		
		.audio .date {
			background: {color:Audio Date Background};
			color: {color:Audio Date Color};
		}
		
		.chat .icon {
			background: {color:Chat Icon Background};
			color: {color:Chat Icon Color};
		}
		
		.chat .date {
			background: {color:Chat Date Background};
			color: {color:Chat Date Color};
		}
		
		.photo img {
			border: 1px solid {color:Photo Border};
		}
		
		.chat ul {
			list-style-type: none;
			color: {color:Conversation Text};
			padding: 0;
			margin: 0 0 15px 0;
			border: 1px dotted {color:Conversation Border};
		}
		
		.chat .odd {
			background: {color:Conversation Odd};
			padding: 5px 5px 5px 15px;
		}
		
		.chat .even {
			background: {color:Conversation Even};
			padding: 5px 5px 5px 15px;
		}
		
		.said {
			font-style: italic;
			font-size: 18px;
			border-left: 3px solid {color:Quote Left Border};
			padding-left: 15px;
			color: {color:Quote Text};
		}
		
		p.source {
			text-align: right;
		}
		
		p.caption {
			margin: 5px 0 15px 10px;
			padding: 0;
			font-size: 11px;
			line-height: 14px;
			color: {color:Caption Text};
		}
	
	
		
		.tags ul {
			list-style-type: none;
			padding-left: 0;
			margin: 25px 0;
			border: 0;

		}
		
		.tags li {
			font-variant: small-caps;
			font-size: 11px;
			float: left;
		}
		
		.tags li a {
			padding: 5px;
			color: #000;
			text-decoration: none;
		}
		
		.themeinfo {
			text-align: right;
			font-size: 11px;
		}
		
		{CustomCSS}
		
	</style>
	
</head>

<body>
	<div id="wrapper">
		<div id="posts">
		{block:Posts}
		
		{block:Text}
		<div class="text">	
				<div class="meta">
					<span class="icon">¶</span><span class="date">{DayOfMonth} {Month}, {Year}</span>
					<p class="permalink"><a href="{Permalink}">&#8734; permalink</a></p>
				</div>
				<div class="entry">
					{block:Title}
					<h2>{Title}</h2>
					{/block:Title}
				
					{Body}
				
					<div class="tags">
						{block:HasTags}
							<ul>
							<li>Tagged:</li>
							{block:Tags}
							<li><a href="{TagURL}">{Tag}</a></li>
							{/block:Tags}
							</ul>
						{/block:HasTags}
					</div>
				</div>
		</div>
		{/block:Text}
		
		{block:Photo}
		<div class="photo">
				<div class="meta">
					<span class="icon">†</span><span class="date">{DayOfMonth} {Month}, {Year}</span>
					<p class="permalink"><a href="{Permalink}">&#8734; permalink</a></p>
				</div>
				<div class="entry">
					<img src="{PhotoURL-400}" alt="{PhotoAlt}" />
					
					{block:Caption}
					<p class="caption">{Caption}</p>
					{/block:Caption}
					
					<div class="tags">
						{block:HasTags}
							<ul>
							<li>Tagged:</li>
							{block:Tags}
							<li><a href="{TagURL}">{Tag}</a></li>
							{/block:Tags}
							</ul>
						{/block:HasTags}
					</div>
				</div>
		</div>
		{/block:Photo}
		
		{block:Quote}
		<div class="quote">
				<div class="meta">
					<span class="icon">“</span><span class="date">{DayOfMonth} {Month}, {Year}</span>
					<p class="permalink"><a href="{Permalink}">&#8734; permalink</a></p>
				</div>
				<div class="entry">
					<p class="said {Length}">{Quote}</p>
					{block:Source}
					<p class="source">&mdash; {Source}</p>
					{/block:Source}
					
					<div class="tags">
						{block:HasTags}
							<ul>
							<li>Tagged:</li>
							{block:Tags}
							<li><a href="{TagURL}">{Tag}</a></li>
							{/block:Tags}
							</ul>
						{/block:HasTags}
					</div>
				</div>
		</div>
		{/block:Quote}
		
		{block:Link}
		<div class="link">
				<div class="meta">
					<span class="icon">&#8251;</span><span class="date">{DayOfMonth} {Month}, {Year}</span>
					<p class="permalink"><a href="{Permalink}">&#8734; permalink</a></p>
				</div>
				<div class="entry">
					<a href="{URL}" {Target}>{Name}</a>
					{block:Description}
					<p class="description">{Description}</p>
					{/block:Description}
					<div class="tags">
						{block:HasTags}
							<ul>
							<li>Tagged:</li>
							{block:Tags}
							<li><a href="{TagURL}">{Tag}</a></li>
							{/block:Tags}
							</ul>
						{/block:HasTags}
					</div>
				</div>
		</div>
		{/block:Link}
		
		{block:Chat}
		<div class="chat">
				<div class="meta">
					<span class="icon">…</span><span class="date">{DayOfMonth} {Month}, {Year}</span>
					<p class="permalink"><a href="{Permalink}">&#8734; permalink</a></p>
				</div>
				<div class="entry">
					{block:Title}
					<h2>{Title}</h2>
					{/block:Title}
						<ul>
							{block:Lines}
						     	<li class="{Alt} user_{UserNumber}">
						        {block:Label}
						        	<span class="label">{Label}</span>
						        {/block:Label}
								{Line}
						         </li>
						     {/block:Lines}
						</ul>
						
						<div class="tags">
							{block:HasTags}
								<ul>
								<li>Tagged:</li>
								{block:Tags}
								<li><a href="{TagURL}">{Tag}</a></li>
								{/block:Tags}
								</ul>
							{/block:HasTags}
						</div>
				</div>
		</div>
		{/block:Chat}
		
		{block:Video}
		<div class="video">
				<div class="meta">
					<span class="icon">‡</span><span class="date">{DayOfMonth} {Month}, {Year}</span>
					<p class="permalink"><a href="{Permalink}">&#8734; permalink</a></p>
				</div>
				<div class="entry">
					<div class="embed">{Video-400}</div>
					
					{block:Caption}
					<p class="caption">{Caption}</p>
					{/block:Caption}
					
					<div class="tags">
						{block:HasTags}
							<ul>
							<li>Tagged:</li>
							{block:Tags}
							<li><a href="{TagURL}">{Tag}</a></li>
							{/block:Tags}
							</ul>
						{/block:HasTags}
					</div>
				</div>
		</div>
		{/block:Video}
		
		{block:Audio}
		<div class="audio">
				<div class="meta">
					<span class="icon">&#9835;</span><span class="date">{DayOfMonth} {Month}, {Year}</span>
					<p class="permalink"><a href="{Permalink}">&#8734; permalink</a></p>
				</div>
				<div class="entry">
					{AudioPlayerBlack}
					
					<span class="external_audio">
					{block:ExternalAudio}
						{ExternalAudioURL}
					{/block:ExternalAudio}
					</span>
					
					{block:Caption}
					<p class="caption">{Caption}</p>
					{/block:Caption}
					
					<div class="tags">
						{block:HasTags}
							<ul>
							<li>Tagged:</li>
							{block:Tags}
							<li><a href="{TagURL}">{Tag}</a></li>
							{/block:Tags}
							</ul>
						{/block:HasTags}
					</div>
				</div>
		</div>
		{/block:Audio}
		
		{/block:Posts}
		</div><!-- close #posts -->
		
		<div id="sidebar">
			<h1><a href="/">{Title}</a></h1>
			{block:Description}
				<p id="about">{Description}</p>
				<a href="/archive">Archive</a>
				<a href="{RSS}">RSS Feed</a>
			{/block:Description}
			
			{block:TagPage}
			    <h3>Posts tagged "{Tag}"</h3>
			{/block:TagPage}
			
				
		</div><!-- close #sidebar -->
		
		<div id="footer">
				{block:Pagination}
					<ul>
						{block:NextPage}<li><a href="{NextPage}">&laquo; Further in the Past</a></li>{/block:NextPage}
						{block:PreviousPage}<li><a href="{PreviousPage}">Closer to Now &raquo;</a></li> {/block:PreviousPage} 
					</ul>
				{/block:Pagination}
				
				{block:PermalinkPagination}
					<ul> 
						{block:PreviousPost}<li><a href="{PreviousPost}">&laquo; Further in the Past</a></li>{/block:PreviousPost}
						{block:NextPost}<li><a href="{NextPost}">Closer to Now &raquo;</a></li>{/block:NextPost}
					</ul>
				{/block:PermalinkPagination}
			<p class="themeinfo"><a href="https://www.tumblr.com/privacy/consent?redirect=http%3A%2F%2Fwakalixes.tumblr.com%2F">Wakalixes makes it go!</a> Theme by <a href="https://pnts.us/">Mignolo</a>.  Powered by <a href="https://www.tumblr.com/">Tumblr</a></p>
		</div><!-- close #footer -->

</div><!-- close #wrapper -->

</body>
</html>
1
Réponse 2 / 3
jeyna13
 
Merci beaucoup ! ça marche très bien et c'est très aimables ! : )
0
Réponse 3 / 3
alexislevrai Messages postés 557 Date d'inscription   Statut Membre Dernière intervention   51
 
De rien, si tu as encore besoin d'aide n'hésite pas a me contacter par mail interne ;)
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Balise </br>
erf -
erf -

3 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse
Saut de lignes sans <br/>
Rapi-shiny -
Rapi-shiny -

13 réponses