High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

Html// problème de design pour un blog

Dernière réponse le 9 jun 2009 à 16:39:28 jeyna13, le 9 jun 2009 à 15:21:03 
 Signaler ce message aux modérateurs

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 :
http://ilovebrains.tumblr.com/

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é :
http://wakalixes.tumblr.com/

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 ! : )
Configuration: Windows XP
Safari 530.5

Meilleures réponses pour « html// problème de design pour un blog » dans :
[Aspirateur de pages HTML] Comment aspirer un site Web ? VoirHTTrack est un excellent aspirateur, gratuit en licence GNU GPL (libre). HTTrack permet de télécharger un site web d'Internet vers votre disque dur, en construisant récursivement tous les répertoires, récupérant html, images et fichiers du serveur...
[Webmaster] Wiki, CMS ou blog ? VoirWiki, CMS ou Blog ? Les wikis, CMS et Blog permettent de créer des sites web sans avoir à manipuler d'HTML. Mais leur finalité est différente. Lequel choisir ? Blog : Pour poster des nouvelles, des informations, parler du temps qu'il fait. ...
[Blogs] Choisir un hébergeur de blog et créer son blog VoirQu'est-ce qu'un blog ? Un « blog » (en français blogue, journal web ou carnet web) est un site internet personnel permettant à un internaute de publier facilement et simplement des informations en ligne sous forme de journal. Le terme « blog » est...
Télécharger HTML Tidy VoirHTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. La version originale de cet utilitaire s'utilise en mode de commande uniquement. La présente version, appelée "GUI Tidy", possède une interface graphique. Notez...
Télécharger Lambda HTML Editor Voir
Télécharger Ultimate - 3D Architecte Design et Construction Voir
Caractères spéciaux HTML VoirCodage des caractères spéciaux Le standard HTML demande de respecter le codage des caractères ASCII 7 bits, c'est-à-dire que les caractères accentués ne sont pas autorisés. Il faut pour cela utiliser un codage particulier. Pour...
Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...
Introduction au HTML VoirPrésentation du HTML Le HTML (« HyperText Mark-Up Language ») est un langage dit de « marquage » (de « structuration » ou de « balisage ») dont le rôle est de formaliser l'écriture d'un document avec des balises de formatage. Les balises permettent...
Posez votre question Répondre

1

alexislevrai, le 9 jun 2009 à 16:05:43

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
			http://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="http://wakalixes.tumblr.com">Wakalixes makes it go!</a> Theme by <a href="http://andreamignolo.com">Mignolo</a>.  Powered by <a href="http://tumblr.com">Tumblr</a></p>
		</div><!-- close #footer -->

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

</body>
</html>

   
Répondre à alexislevrai

2

jeyna13, le 9 jun 2009 à 16:37:50

Merci beaucoup ! ça marche très bien et c'est très aimables ! : )

   
Répondre à jeyna13

3

 alexislevrai, le 9 jun 2009 à 16:39:28

De rien, si tu as encore besoin d'aide n'hésite pas a me contacter par mail interne ;)
Paper Donut™ is the work of Alexis Facca student graphic des­igner.

www.paperdonut.com

   
Répondre à alexislevrai
Posez votre question Répondre
Ils ont besoin de votre aide