L'AIR DU TEMPS

L'AIR DU TEMPS

CODES css - html


Plusieurs cadres

 

 

AVEC CE CODE INSÉRÉ DANS VOTRE PAGE HTLM.....

 

 

<div style="background-color: NomDeLaCouleur*; width: 500px; height : 435px; margin: auto;">
<div style="text-align: center;"><br></div>
<div style="float: left; width: 40%;">
<div style="background-color: rgba(255, 255, 255, 1); margin: auto; padding: 10px 10px 10px 10px; width: 130px; height: 130px; border: 0px solid #3399cc; border-radius: 10px; box-shadow: 0px 0px 6px #8F8F8F;">
<div style="height: 131px; width: 131px; overflow: auto;">
<div style="text-align: center;">Texte / image<br></div>
</div>
</div>
<div style="text-align: center;"><br></div>
</div>
<div style="float: right; width: 60%;">
<div style="background-color: rgba(255, 255, 255, 1); margin: left; padding: 10px 10px 10px 10px; width: 254px; height: 130px; border: 0px solid #3399cc; border-radius: 10px; box-shadow: 0px 0px 6px #8F8F8F;">
<div style="height: 130px; width: 254px; overflow: auto;">
<div style="text-align: center;">Texte / image</div>
</div>
</div>
<div style="text-align: center;"><br></div>
</div>
<div style="float: left; width: 100%;">
<div style="background-color: rgba(255, 255, 255, 1); margin: auto; padding: 15px 15px 15px 15px; width: 420px; border: 0px solid #3399cc; border-radius: 10px; box-shadow: 0px 0px 6px #8F8F8F;">
<div style="height: 200px; width: 420px; overflow: auto;">
<div style="text-align: center;">Texte / image</div>
</div>
</div></div></div>

 

 

VOUS OBTENEZ LE RÉSULTAT CI-DESSOUS (vous insérez des images ou du texte à votre choix)

 

 

 
Taille crayon
 
Js-l225.jpg
 
 
L'École d'avant :
 
LA CLASSE
 
(voir image ci-dessous)
 
37c1f0dedc057c3f923233bc0b10ba60.jpg

 

 

 

EN METTANT CE CODE DANS VOTRE PAGE HTML, VOUS CHANGEZ L'ÉCRITURE (choisir celle qui vous convient et remplacer le groupe de mot en bleu par le nom de la police choisi

 

 

<p><span style="color: #000000; font-family: Nom de la police; font-size: x-large;" size="5" face="Nom de la police" color="#000000">L'AIR DU TEMPS BLOG</span></p>

 

 

 

VOUS OBTENEZ :

 

 

L'AIR DU TEMPS BLOG


19/01/2017
0 Poster un commentaire

HTLM cadre

 

 

EN COPIANT/COLLANT (ctrlC/ctrlV) CE CODE DANS VOTRE PAGE HTML....

 

 

<div style="text-align: -webkit-auto; background-image: url('URL DU FOND'); margin: auto; border: 1px solid #663333; width: 498px;">

<div style="text-align: center;"><br></div>

<div style="background-color: rgba(255, 255, 255, 0.6); margin: auto; padding: 20px 20px 20px 20px; width: 400px; border-top: 4px solid white; border-bottom: 1px solid white; border-left: 4px solid white; border-right: 1px solid white; border-top-left-radius: 0px; border-top-right-radius: 100px; border-bottom-right-radius: 0px; border-bottom-left-radius: 100px; box-shadow: 0px 0px 5px #000">

<div style="text-align: center;">Texte<br></div></div><br>

</div>

 

 

 

VOUS OBTENEZ LE CADRE CI-DESSOUS

 

 

 

 
 
 
 
 

 

 


19/01/2017
0 Poster un commentaire

Ombre portée sur un titre

 

 

 

Copiez/collez le code ci dessous dans votre page HTML

 

 

 

<!DOCTYPE html> 
<html> 
<head> 
<style type="text/css"> 
h1 
{ 
color: white; 
text-shadow: 0px 0px 10px #000000; 
} 
</style> 
</head> 
<body> 
<h1>CHANTALOU142 BLOG L'AIR DU TEMPS</h1> 
</body> 
</html>

 

 

 

Voilà ce que vous obtenez :

 

 

 

CHANTALOU42 - BLOG L'AIR DU TEMPS

 


09/12/2016
0 Poster un commentaire

Lettrine

 

 

Copier/coller le code ci-dessous :

 

 

<table style="height: 70px;" border="0" align="left">
<tbody>
<tr>
<td valign="middle" background="http://static.blog4ever.com/2008/06/219758/BLANC.PNG"><b><span style="line-height: 70px; font-size: 60px; font-family: verdana,arial;">A</span></b></td>
</tr>
</tbody>
</table>

 

 

 

Pour obtenir ce résultat :

 

 

A

n 1715. Louis XIV emporte dans la crypte de Saint-Denis son pouvoir...

 

 

 

 


16/10/2016
0 Poster un commentaire

Code HTML - Barre navigation horizontale

 

 

 

CODE

 

 

<a href="http://www.leblogger.com/"><b>Accueil</b></a> |
    <a href="http://www.leblogger.com/2009/06/astuce-blogger-astuces.html"><b>Astuces</b></a> |
    <a href="http://www.leblogger.com/2009/06/widget-gadget-blogger.html"><b>Widget</b></a> |    
    <a href="Votre Lien ici"><b>Référencement</b></a>    | 
    <a href="Votre Lien ici"><b>Vos Souhaits</b></a>   |      
    <a href="Votre Lien ici"><b>Me Contacter</b></a>

 

 

 

 

RÉSULTAT

 

 

Accueil | Astuces | Widget | Référencement | Vos Souhaits | Me Contacter

 

 

 


14/09/2016
0 Poster un commentaire

Code cadre

 
 
CODE
 
<div id="nav_forum_1">
         <a href="/forum"><img src="http://img4.hostingpics.net/pics/585470navforum.png" alt="Le forum" /></a><a href="/"><img src="http://img4.hostingpics.net/pics/684166navportail.png" alt="Le portail" /></a><a href="/search"><img src="http://img4.hostingpics.net/pics/997155navchercher.png" alt="Chercher" /></a><br><a href="/faq"><img src="http://img4.hostingpics.net/pics/919544navfaq.png" alt="FAQ" /></a><a href="/memberlist"><img src="http://img4.hostingpics.net/pics/647165navmb.png" alt="Membres" /></a><a href="/groups"><img src="http://img4.hostingpics.net/pics/921241navgroupe.png" alt="Groupes" /></a>
      </div>
 
 
RESULTAT
 
 
Le forumLe portailChercher

FAQMembresGroupes

14/09/2016
0 Poster un commentaire

Code html défilant

 

 

Copier/Coller ce code pour obtenir du texte défilant

 

 

<p><marquee style="height: 30px; width: 650px; background-color: #d0e6fc; font-family: Cursive; font-size: larger; color: #7b6ef6;" direction="left" behavior="scroll" scrollamount="6"> Bienvenue chers visiteurs</marquee></p>
<p>&nbsp;</p>

 

 

 

RÉSULTAT  :

 

 

 

Bienvenue chers visiteurs

 

 


22/08/2016
0 Poster un commentaire

code html - présentation texte avec image à droite

 

 

COPIER/COLLER ce code HTML dans votre page Html - Voir le résultat en fin d'article

 

 

 

<p>&nbsp;</p>
<div><strong><span style="font-size: medium; color: #0000ff;">ESPACE -&nbsp; CHINE</span></strong></div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div><strong><span style="font-size: medium; color: #0000ff;">Premi&egrave;re mondiale : un satellite quantique</span></strong></div>
<div><strong><span style="font-size: medium; color: #0000ff;">&nbsp;</span></strong></div>
<div><span style="font-size: medium;">&nbsp;</span></div>
<div style="text-align: center;">
<div>
<div style="float: right; width: 50%; margin: 2px 2px 0px 40px;">
<div style="border: 1px solid #ff6600; border-radius: 35px;">
<div><span style="font-size: medium;">&nbsp;</span></div>
<div><span style="font-size: medium;"><b><span style="color: #ff6600;" color="#ff6600"><a class="zoomable" href="http://static.blog4ever.com/2008/06/219758/big_artfichier_219758_6016554_201608192454406.jpg"><img src="http://static.blog4ever.com/2008/06/219758/artfichier_219758_6016554_201608192454406.jpg" alt="cryptographie-quantique-10-638.jpg" height="247" width="328" /></a><br /></span></b></span></div>
<div><span style="font-size: medium;">&nbsp;</span></div>
</div>
</div>
</div>
</div>
<div style="text-align: justify;"><span style="color: #000000;"><span color="#ff6600"><span style="font-size: medium;">La Chine a effectu&eacute; hier le premier lancement mondial d'un satellite &agrave; communication quantique, une perc&eacute;e technologique pour P&eacute;kin, qui ambitionne par ce biais d'&eacute;difier un syst&egrave;me inviolable de communications crypt&eacute;es.</span></span><b><span color="#ff6600"><br /></span></b></span></div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div style="text-align: justify;"><span style="color: #0000ff;"><strong><span color="#ff6600"><span style="font-size: medium;">Baptis&eacute; Mozi</span></span></strong></span></div>
<div>&nbsp;</div>
<div style="text-align: justify;"><span style="color: #000000;"><span color="#ff6600"><span style="font-size: medium;">Le lancement a &eacute;t&eacute; effectu&eacute; dans le d&eacute;sert de Gobi hier &agrave; l'heure o&ugrave; les &Eacute;tats-Unis, le Japon et d'autres nations souhaitent elles aussi s'imposer dans cette technologie en plein essor.<br /></span></span></span></div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<p><span style="color: #000000;"><span color="#ff6600"><span style="font-size: medium;">Le satellite, </span></span></span></p> 

 

 

 

 

RÉSULTAT

 

 

ESPACE -  CHINE
 
 
Première mondiale : un satellite quantique
 
 
 
cryptographie-quantique-10-638.jpg
 
La Chine a effectué hier le premier lancement mondial d'un satellite à communication quantique, une percée technologique pour Pékin, qui ambitionne par ce biais d'édifier un système inviolable de communications cryptées.
 
 
 
Baptisé Mozi
 
Le lancement a été effectué dans le désert de Gobi hier à l'heure où les États-Unis, le Japon et d'autres nations souhaitent elles aussi s'imposer dans cette technologie en plein essor.
 
 

Le satellite,


20/08/2016
0 Poster un commentaire

code html - image à gauche d'un texte

 
 
COPIER/COLLER le code ci-dessous (voir le résultat en fin d'article)
 
 
<div>&nbsp;</div>
<div style="text-align: justify;"><strong><span style="font-size: medium; color: #0000ff;"><span style="color: #000000;">L'ancien ministre Beno&icirc;t Hamon entend marquer sa diff&eacute;rence avec la politique &eacute;conomique sociale lib&eacute;rale de Fran&ccedil;ois Hollande.</span></span><span style="font-size: medium; color: #0000ff;"><br /></span></strong></div>
<div><strong><span style="font-size: medium; color: #0000ff;">&nbsp;</span></strong></div>
<div><span style="font-size: medium;">&nbsp;</span></div>
<div style="text-align: center;">
<div>
<div style="float: left; width: 50%; margin: 0px 9px 0px -10px;">
<div style="border: 3px solid #0f90e8; border-radius: 35px;">
<div><span style="font-size: medium;">&nbsp;</span></div>
<div><span style="font-size: medium;"><b><span style="color: #ff6600;" color="#ff6600"><a class="zoomable" href="http://static.blog4ever.com/2008/06/219758/big_artfichier_219758_6016588_201608195938748.jpg"><img src="http://static.blog4ever.com/2008/06/219758/artfichier_219758_6016588_201608195938748.jpg" alt="1471629415(1).jpg" height="200" width="299" /></a><br /></span></b></span></div>
<div><span style="font-size: medium;">&nbsp;</span></div>
</div>
</div>
</div>
</div>
<div style="text-align: justify;"><span style="color: #000000;"><span color="#ff6600"><span style="font-size: medium;">L'ancien ministre Beno&icirc;t Hamon entend marquer sa diff&eacute;rence avec la politique &eacute;conomique sociale lib&eacute;rale de Fran&ccedil;ois Hollande<b>.</b></span></span><b><span color="#ff6600"></span></b></span></div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div style="text-align: justify;"><span style="color: #000000;"><span color="#ff6600"><span style="font-size: medium;">Beno&icirc;t Hamon, 49 ans, sera candidat lors de la primaire de la gauche qui sera organis&eacute;e en janvier 2017 en vue de la pr&eacute;sidentielle. Le d&eacute;put&eacute; frondeur des Yvelines grille ainsi la politesse &agrave; Arnaud Montebourg, qui devrait faire la m&ecirc;me chose dimanche prochain, dans son fief &eacute;lectoral bourguignon de Frangy.<br /></span></span></span></div>
<div>&nbsp;</div>
<div>&nbsp;</div>
<div style="text-align: justify;"><span style="color: #000000;"><span color="#ff6600"><span style="font-size: medium;">La candidature de Beno&icirc;t Hamon n'a rien de spontan&eacute; "Il se pr&eacute;pare depuis longtemps", confirme R&eacute;gis Juanico, le
 
 
 
RÉSULTAT
 
 
L'ancien ministre Benoît Hamon entend marquer sa différence avec la politique économique sociale libérale de François Hollande.
 
 
 
1471629415(1).jpg
 
L'ancien ministre Benoît Hamon entend marquer sa différence avec la politique économique sociale libérale de François Hollande.
 
 
Benoît Hamon, 49 ans, sera candidat lors de la primaire de la gauche qui sera organisée en janvier 2017 en vue de la présidentielle. Le député frondeur des Yvelines grille ainsi la politesse à Arnaud Montebourg, qui devrait faire la même chose dimanche prochain, dans son fief électoral bourguignon de Frangy.
 
 
La candidature de Benoît Hamon n'a rien de spontané "Il se prépare depuis longtemps", confirme Régis Juanico, l........
 
 

19/08/2016
0 Poster un commentaire

code html présentation

 

Copier/coller ce code sur votre page HTML - Voir résultat à la fin de l'article

 

 

<p></p>
<div style="background-color: #ffb27f; width: 700px; padding: 0px 0px 0px 0px;">
<div style="text-align: left;">
<div style="background-color: white; margin: auto; width: 420px; padding: 10px 10px 10px 10px;">
<div style="text-align: center;">
<div style="background: url('http://www.zupmage.eu/i/ELo69YGn3u.png') no-repeat #FFFFFF; width: 620px; height: 100px; padding: 100px 0px 0px 0px;">
<div style="text-align: left;">
<div style="height: 100px; width: 200px; overflow: auto; margin: 0px 0px 0px 205px;">
<div align="center"><span style="color: #ff6600; font-family: trebuchet ms; font-size: 300%;" color="#ff6600" size="7" face="trebuchet ms"></span>
<div style="text-align: left; text-shadow: #888888 -0px 2px 4px;"><span style="color: #ff6600; font-family: trebuchet ms; font-size: 300%;" color="#ff6600" size="7" face="trebuchet ms"><b>Pseudo</b></span></div>
</div>
</div>
</div>
</div>
<div style="text-align: center;"></div>
<div style="text-align: center;">
<div>
<div style="float: right; width: 35%; margin: 0px 0px 0px 10px;">
<div style="border: 1px solid #ff6600; border-radius: 35px;">
<div></div>
<div><b><span style="color: #ff6600;" color="#ff6600">Texte</span></b></div>
<div></div>
</div>
</div>
</div>
</div>
<div style="text-align: center;"><b><span style="color: #ff6600;" color="#ff6600">Texte</span></b></div>
<div style="text-align: center;"><b>&nbsp;</b></div>
<div style="text-align: center;"></div>
<div style="text-align: center;"></div>
</div>
</div>
</div>
</div>

 

 

 

RÉSULTAT

 

 

Marie
 
 
 
 
 
INVITATION du samedi 27 août 2016
 
Tu es cordialement invitée à venir manger à la maison pour partager un moment convivial et chaleureux. et je pense que le moment est venu de voir si cela fonctionne avec une photo on peut le vérifier et ca marche
 
 
 

19/08/2016
0 Poster un commentaire

Code CSS

 

Pas encore expérimenté

 

 

je pense que cela doit donner cela :

 

ombre-css3-box-shadow-10.png

 

#cal td.smd_cal_event span a {
	background: #fab102;
	padding: 4px 10px 5px 10px;
	border: 1px solid #fff;
	border-bottom: 1px solid #363d50;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:
		inset 0 4px 7px 0 #fff25f,
		inset 0 -2px 4px 0 rgba(255, 242, 94, 0.4),
		inset 0 -4px 8px 0 rgba(207, 75, 3, 0.9),
		0 2px 4px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:
		inset 0 4px 7px 0 #fff25f,
		inset 0 -2px 4px 0 rgba(255, 242, 94, 0.4),
		inset 0 -4px 8px 0 rgba(207, 75, 3, 0.9),
		0 2px 4px 0 rgba(0, 0, 0, 0.4);
	box-shadow:
		inset 0 4px 7px 0 #fff25f,
		inset 0 -2px 4px 0 rgba(255, 242, 94, 0.4),
		inset 0 -4px 8px 0 rgba(207, 75, 3, 0.9),
		0 2px 4px 0 rgba(0, 0, 0, 0.4);
	}

14/07/2016
0 Poster un commentaire

code html

 

 

Code HTML pour ombre :

 

 

<p style="text-shadow: blue 2px 2px 2px;">CHANTALOU42</p>

 

 

 

Ce qui donne

 

 

CHANTALOU42

 

 

2d0402d4.gif

 

 

 

Code HTML pour ombre :

 

 

<div style="text-shadow: 3px 3px 4px black;">TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE </div>

 

 

Ce qui donne

 

 

TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE
 
 

12/07/2016
0 Poster un commentaire

Code html

 

 

Code HTML pour encadrement avec fond image :

 

 

<div style="center; background-image: url('http://ftextures.com/textures/Grass-Texture.jpg'); -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px;-moz-border-radius-bottomright: 30px;  -moz-border-radius-bottomleft: 30px; border: 3px solid darkred;padding:12px;"> TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE </div>

 

 

 

Ce qui donne

 

 

TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE TEXTE

 

 


12/07/2016
0 Poster un commentaire


Recherche

Vous recherchez ? :