|
voici le script qui a permi de doubler ma page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Décos et html</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="HTML,décoration,blog" />
<meta name="robots" content="index,follow" />
<meta http-equiv="language" content="fr" />
<link rel="shortcut icon" href="http://www.oldiblog.fr/Oldiblog.ico"/>
<style>
* { margin: 0 px; }
html,body {
background-color: #edffe8;
font-family: verdana,arial,serif;
font-size: 9pt;
font-weight: normal;
margin: 0;
}
td{ color: #000000; }
a { font-weight: bold; color: #4C5F70; text-decoration: none; }
a:hover { color: #000000; border-bottom: dotted 1px #4C5F70; }
a img { text-decoration: none; border: dotted 1px #4C5F70; }
.exception_image img { text-decoration: none; border: 0; }
a.lien_special:hover { color: #4C5F70; background-image:url(http://www.oldiblog.com/imgs/puce_milieu.gif); background-repeat:no-repeat; background-position:1% 50%; padding-left:15px; }
a.description { position: relative; text-decoration: none; color: black; border-bottom: 1px #4C5F70 dotted; }
a.description span { display: none; }
a.description:hover { background: none; z-index: 500; border-bottom: none; }
a.description:hover span { display: block; position: absolute; top: 2.5em; left: 2em; width: 20em; border: 3px double black; background: #f5f5dc; z-index: 500; font-size: 80%; }
a.description:hover span p{ margin: 0 0.3em; background: #f5f5dc; color: #000; font-weight: normal; font-size: 8pt; }
a.description:hover span img{ border: 0; }
a.description:hover span h1{ font-size: 110%; margin: 0 0 0.5em 0; border-bottom: 1px solid black; background: white url(top.gif) left top repeat-x; color: black; text-align: center; }
a.description:hover span p.foot_oldiblog{ font-size: 80%; font-weight: bold; margin: 0; padding-top: 10px; padding-bottom: 4px; background: #f5f5dc; color: black; text-align: center; }
.image_placee { top: 0; margin: 3px; padding: 3px; right: 0; margin-top: 0px; margin-right: 0px; vertical-align: top; border: solid 1px #FF9900; }
.general { background-color: transparent; border-left: 10px solid #FF9900; border-right: 10px solid #FF9900; border-top: 0; border-bottom: 0; width: 900px; padding: 0px; }
#oldicaces { top: 0; padding: 0; margin: 0; border: 0; width: 100%; height: 20px; border-bottom: solid 1px #FF9900; border-top: solid 1px #FF9900; border-left: 0; border-right: 0; }
#titre_oldicace { float: left; top: 0; background: #000; color: #fff; font-weight: bold; font-size: 9pt; text-align: center; width: 100px; height: 20px; border: 0; margin: 0; }
#contenu_oldicace { margin-left: 100px; top: 0; margin: 0; background: #fff; color: #000; font-weight: bold; height: 20px; border: 0; padding: 0; }
div.espaceur { clear: both; margin: 0; padding: 0; height: 20px; }
a.oldicaces_team_name{ color: #287CB1; font-weight: bold; }
a.oldicaces_team_message{ color: #94CB4C; font-weight: normal; }
a.oldicaces_sender{ color: #4C5F70; font-weight: normal; }
a.oldicaces_message{ color: #000; font-weight: normal; }
#fiche { text-align: center; margin: 0; padding: 0; height: 30px; padding-top: 10px; border-bottom: solid 1px #FF9900; border-top: solid 1px #FF9900;; border-right: 0; border-left: 0; font-weight: bold; }
#fiche a { font-weight: bold; color: #4C5F70; text-decoration: none; }
#fiche a:hover { font-weight: bold; color: #4C5F70; border-bottom: dotted 1px #4C5F70; }
#titre,#date,#ligne_haut { top: 0px; margin: auto; padding: 0; width: 100%; background-color: #D2E0E9; margin-top: 0; }
#titre { border: 0; height: 50px; text-align: center; }
#titre a { font-size: 26pt; font-weight: bold; color: #4C5F70; }
#date { height: 15px; text-align: right; font-size: 8pt; font-style: italic; color: #4C5F70; border-bottom: solid 3px #FFF; border-top: 0; border-left: 0; border-right: 0; }
#oldibar { height: 17px; background-color: #FFF; margin: 0; border-bottom: solid 1px #FF9900; text-align: center; font-size: 7.5pt; padding: 0; border-top: 0; border-left: 0; border-right: 0; }
#oldibar li { display: inline; list-style-type: none; margin: 0; padding-top: 0; padding-bottom: 0; padding-left: 1em; padding-right: 1em; border: 0; }
#oldibar a { text-decoration: none; font-weight: normal; color: #000; border: 0; }
#oldibar a:hover { color: #ff9900; background-image:url(http://www.oldiblog.com/imgs/puce_milieu.gif); background-repeat:no-repeat; background-position:1% 50%; padding-left:15px; border-bottom: dotted 1px #ff9900; }
#footer { bottom: 0; width: 100%; height: 20px; background-color: #D2E0E9; border: 0; text-align: center; font-family: verdana,arial,serif; font-weight: normal; font-size: 80%; color: #4C5F70; border-top: solid 1px #FF9900; border-bottom: solid 1px #FF9900; padding-top: 3px; margin-top: 15px; }
#menu { top: 0px; margin: 0; padding: 0; border-top: 0; border-bottom: 0; border-left: 0; border-right: solid 1px #FF9900; width: 145px; margin-top: 15px; background-color: #FFFF50; }
#menu_droite { top: 0px; left: 0px; margin: 0; padding: 0; border-top: solid 1px #FF9900; border-bottom: 0; border-left: solid 1px #FF9900; border-right: 0; width: 145px; margin-top: 15px; background-color: #FFFF50; text-align: left; }
p.entete_menu { font-weight: bold; font-size: 10pt; text-align: left; margin: 0; padding: 0; height: 22px; padding-top: 7px; border-bottom: solid 1px #FF9900; border-top: 0; border-right: 0; border-left: 0; background-color: #00CCFF; color: #4C5F70; }
.rubriques { top: 0px; margin: 0; padding: 0; border-top: 0; border-bottom: solid 1px #FF9900; border-left: 0; border-right: 0; margin-top: 0; width: 145px; background-color: #FFFF50; }
.rubriques p { margin: 2px; padding: 2px; color: #009933 }
.rubriques a { color: #009933; text-decoration: none; font-weight: normal; }
.rubriques a:hover { color: #4C5F70; background-image:url(http://www.oldiblog.com/imgs/puce_milieu.gif); background-repeat:no-repeat; background-position:1% 50%; padding-left:15px; }
.titre_lsponso a { font-weight: bold; color: #4C5F70; font-size: 8pt; }
.titre_lsponso a:hover { background: none; background-position: none; color: #4C5F70; border-bottom: dotted 1px #4C5F70; font-weight: bold; padding: 0; }
.corps_lsponso a { font-weight: normal; color: #009933; font-size: 8pt; }
.corps_lsponso a:hover { background: none; background-position: none; color: #4C5F70; border-bottom: dotted 1px #4C5F70; font-weight: normal; padding: 0; }
input,textarea,select { font-family: verdana,arial,serif; font-size: 9pt; font-weight: normal; border: solid 1px #FF9900; color: #4C5F70; background-color: #00CCFF; }
input.rad { background-color: transparent; border: none; }
.bouton_enfonce { position: relative; top: 2.0px; left: 1.0px; cursor: pointer; cursor: hand; }
.bouton_normal { position: relative; top: 0px; left: 0px; cursor: pointer; cursor: hand; }
form { padding: 2px; margin: 2px; }
.mini_italique { font-style: italic; font-size: 8pt; }
#milieu { background-color: #EFEFEF; margin-left: 0px; margin-right: 0px; padding: 0; border-top: 0; border-bottom: solid 1px #FF9900; border-right: solid 1px #FF9900; border-left: solid 1px #FF9900; text-align: left; margin-top: 15px; }
#pub,.zone_texte { top: 0; margin: 0; padding: 0; border 0; color: #000000; }
#pub { text-align: center; height: 65px; }
p.entete_zone { color: #FF3333; font-weight: bold; font-size: 10pt; text-align: left; margin: 0; padding: 0; height: 22px; padding-top: 7px; border-bottom: solid 1px #FF9900; border-top: solid 1px #FF9900; border-right: 0; border-left: 0; background-color: #00CCFF; }
.zone_texte p { padding: 3px; }
.bas_zone { text-align: center; height: 20px; font-size: 7.5pt; margin: 0; margin-top: 20px; color: #000000; }
.bas_zone a { font-weight: normal; }
p.debut { font-size: 9pt; margin: 0; color: #000000; }
//p.debut:first-letter { float: left; font-size: 300%; font-weight: bold; color: #880000; line-height: .8em; text-transform: capitalize; vertical-align: top; }
//a:first-letter { font-size: 9pt; }
.petit { font-size: 7.5pt; }
.lien_maj { font-weight: normal; color: #FF3333; font-size: 9pt; }
</style></head>
<body >
<table align="center" border="0" cellpadding="0" cellspacing="0" class="general">
<tr>
<td colspan="5" valign="top">
<!-- le bloc des Oldicaces -->
<div id="oldicaces">
<div id="titre_oldicace">Oldicaces >></div>
<div id="contenu_oldicace"><script src='http://www.oldiblog.com/recup_oldicaces.php'></script></div>
</div>
<!-- fin du bloc des oldicaces -->
<!-- le bloc Oldibar -->
<ul id="oldibar">
<li><a href="http://www.oldiblog.com" target="_blank">Crée ton blog</a></li>
<li><a href="http://www.bebevallee.com" target="_blank">Bébévallée</a></li>
<li><a href="http://www.myefarm.com" target="_blank">Myefarm</a></li>
<li><a href="http://www.xdir.fr" target="_blank">Domaines gratuits</a></li>
<li><a href="http://www.universdugratuit.com" target="_blank">Univers du gratuit</a></li>
<li><a href="http://www.blogtrafic.com/part?id=6" target="_blank">Annuaire des blogs</a></li>
</ul> <!-- fin du bloc Oldibar -->
<div id="titre"><a href="./">Décos et html</a></div>
<div id="date">Jeudi 15 décembre 2005 Ste Ninon </div> </td>
</tr>
<tr>
<td width="145" align="left" valign="top">
<!-- le bloc du menu gauche -->
<div id="menu">
<p id="fiche"><a href="#ici" onclick="window.open('http://www.oldiblog.com/?page=fiche&nm=96116');">Fiche membre</a></p>
<p class="entete_menu"><img src="designs/design3/imgs/fleche2.gif" border="0" hspace="6" alt="puce" alt="puce" />Rubriques</p>
<!-- bloc rubriques -->
<div class="rubriques">
<p> <a href="./">Accueil</a></p>
<p> <a href="./?page=news">News</a></p>
<p> <a href="./?page=articles">Articles</a></p>
<p> <a href="./?page=videos">Médias</a></p>
<p> <a href="./?page=catjeux">Jeux flash</a></p>
<p> <a href="./?page=livredor">Livre d'or</a></p>
<p> <a href="./?page=contact">Contactez moi</a></p>
</div>
<!-- fin bloc rubriques -->
<p class="entete_menu"><img src="designs/design3/imgs/fleche2.gif" border="0" vspace="0" hspace="6" alt="puce" />Perso</p>
<!-- bloc rubriques perso -->
<div class="rubriques">
<p> <a href="./?page=articles&rub=58448">Décoration</a></p>
<p> <a href="./?page=articles&rub=58449">Codes html</a></p>
<p> <a href="./?page=articles&rub=58532">Partenaires</a></p>
</div>
<!-- fin bloc rubriques perso -->
<p class="entete_menu"><img src="designs/design3/imgs/fleche2.gif" border="0" hspace="6" alt="puce" />Services</p>
<!-- bloc services -->
<div class="rubriques">
<p> <a href="./?page=meteo">Météo</a></p>
<p> <a href="./?page=horoscope">Horoscope</a></p>
<p> <a href="./?page=devises">Devises</a></p>
<p> <a href="./?page=cartes">Cartes routières</a></p>
<p> <a href="./?page=oldipotins">Oldipotins</a></p>
<p> <a href="./?page=actus">Actualités</a></p>
<p> <a href="./?page=cinema">Sorties cinéma</a></p>
<p> <a href="./?page=prog_tv">Prog Tv Hertzienne</a></p>
<p> <a href="./?page=prog_tv&tp=2">Prog Tv Tnt</a></p>
<p> <a href="./?page=prog_tv&tp=3">Prog Tv Cable</a></p>
</div>
<!-- fin bloc services -->
<p class="entete_menu"><img src="designs/design3/imgs/fleche2.gif" border="0" hspace="6" alt="puce" />Newsletter</p>
<!-- bloc newsletter -->
<div class="rubriques">
<form name="newsletter_blog" method="post" action="./traitement/newsletter_blog.php">
<input type="hidden" name="lnr" value="decoethtml">
<input type="text" name="email_intnewsletter" value="antoine.panzer@hotmail.fr" style="width: 90px" />
<input type="submit" value="OK" name="envoi" style="width: 30px; font-weight: bold" onmouseover="this.className='bouton_enfonce';" onmouseout="this.className='bouton_normal';" /></form>
</div>
<!-- fin bloc newsletter -->
</div>
<!-- fin du blog menu gauche -->
</td>
<td width="2"> </td>
<td align="center" valign="top">
<!-- bloc milieu -->
<div id="milieu">
<!-- bloc publicitaire -->
<div id="pub"><SCRIPT LANGUAGE="JavaScript" SRC="http://i2as.idregie.com/i-j.j?s=1054&w=468&h=60&cb=626406937"></SCRIPT><NOSCRIPT><IFRAME SRC="http://i2as.idregie.com/i-i.php?s=1054&w=468&h=60&cb=626406937" NORESIZE SCROLLING=NO HSPACE=0 VSPACE=0 FRAMEBORDER=0 MARGINHEIGHT=0 MARGINWIDTH=0 WIDTH=468 HEIGHT=60><A HREF="http://i2as.idregie.com/c.php?s=1054&w=468&h=60&cb=626406937" class="lien1"><IMG SRC="http://i2as.idregie.com/i.php?s=1054&w=468&h=60&cb=626406937" WIDTH=468 HEIGHT=60 BORDER=0></A></IFRAME></NOSCRIPT></div>
<!-- fin bloc publicitaire --><!-- bloc articles -->
<table border="0" width="600" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" align="center">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%" height="20"><p class="entete_zone"><img src="designs/design3/imgs/fleche2.gif" border="0" hspace="6" alt="puce" /><b> Sommaire des articles de cette rubrique</b></td>
</tr>
<tr>
<td width="100%">
<form method="post" action="traitement/ouvrir_article.php">
<input type="hidden" name="url_blog_article" value="decoethtml">
<select name="choix_article">
<option value="310812">TABLEAU - page 1</option>
<option value="309850">Explications - page 1</option>
<option value="308999">Resultat du script publié dans l'article HTML 1 - page 1</option>
<option value="308988">HTML 1 - page 1</option>
</select> <input type="submit" name="valider" value="Ouvrir" style="width: 50px; font-weight: bold" onmouseover="this.className='bouton_enfonce';" onmouseout="this.className='bouton_normal';" />
</form>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="15" align="center"></td>
</tr><tr>
<td width="100%" height="1">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%"><p class="entete_zone"><img src="designs/design3/imgs/fleche2.gif" border="0" hspace="6" alt="puce" /><b><font size="2"> TABLEAU</font></b> <font size="1"> (le 09/12/2005 à 18h56)</font></p>
</tr>
<tr>
<td width="100%" height="50">
<div class="zone_texte">
<p class="debut"><P>Jevous avais promis dans l'article précédent un article consacré au tableau et bien j'estime que j'ai tenu ma promesse; voici le script qui permet d'en faire un:</P>
<P><table border="1"><BR><tr><BR><td>élément à mettre dans une cellule du tableau</td><BR><td>élément à mettre dans une cellule de tableau</td><BR></tr><BR><tr><BR><td>élément à mettre dans une cellule du tableau</td><BR><td>élément à mettre dans une cellule du tableau</td><BR></tr><BR></table> </P>
<P>Ce qui donne:</P>
<P>
<TABLE cellSpacing=0 cellPadding=4 width="100%" border=1>
<TBODY>
<TR>
<TD> élément à mettre dans une cellule</TD>
<TD>élément à mettre dans une cellule</TD></TR>
<TR>
<TD> élément à mettre dans une cellule</TD>
<TD> élément à mettre dans une cellule</TD></TR></TBODY></TABLE></P>
<P><BR>Maintenant passons aux tableaux invisbles. C'est exactement le même script sauf qu'à la place de:<table border="1">, on met <table border="0">. Vous l'aurez compris: le nombre entre guillemets représentes le nombre de pixels des bordures du tableau. Cela donnera donc:</P>
<P>
<TABLE cellSpacing=0 cellPadding=4 width="100%" border=0>
<TBODY>
<TR>
<TD> élément à mettre dans une cellule</TD>
<TD>élément à mettre dans une cellule </TD></TR>
<TR>
<TD> élément à mettre dans un cellule</TD>
<TD>élément à mettre dans une cellule </TD></TR></TBODY></TABLE><BR>Petite précision que je n'ai pas donné dans l'article précédent c'est que toutes les balises doivent être collées entre elles. Par exemple, il ne faudra jamais écrire: <b> texte </b> sinon le code ne fonctionnera pas. Il faudra tout le temps écrire: <b>texte</b></P>
<P>J'espère donc que vous avez compris ce petit cours. Dans le prochain article je vous apprendrais à créer un formulaire d'inscription.</P>
<P> </P></p>
</div>
</td>
</tr>
<tr>
<td width="100%" height="15"></td>
</tr>
<tr>
<td width="100%" height="20" align="center"><p class="bas_zone">[ <a name="zone310812" />
<a href="./?page=articles&rub=58449&nba=&ajcoms=310812#zone310812">Ajouter un commentaire</a> | <a href="./?page=articles&rub=58449&nba=&coms=310812#zone310812"><b>0</b> commentaire(s)</a> |
<a onclick="JavaScript:window.open('./designs/design3/include/print_article.php?id=310812&nblo=96116','','width=700,height=550,left=0,top=0,scrollbars=yes,resizable=yes');" href="#ici" style="color: ; font-size: 7.5pt">Imprimer</a> |
<a href="./?page=lastarticle&id=310812" target="_blank" title="Permalien : http://decoethtml.oldiblog.com/?page=lastarticle&id=310812">Permalien</a> ]</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="15" align="center"></td>
</tr>
<tr>
<td width="100%" height="1">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%"><p class="entete_zone"><img src="designs/design3/imgs/fleche2.gif" border="0" hspace="6" alt="puce" /><b><font size="2"> Explications</font></b> <font size="1"> (le 08/12/2005 à 20h22)</font></p>
</tr>
<tr>
<td width="100%" height="50">
<div class="zone_texte">
<p class="debut"><P>Je ne vais pas vous laisser sans rien comprendre avec ce script HTML, alors je vais vous expliquer tout en détail.</P>
<P>les balises <title> et </title> servent à faire apparaître le titre. dans l'article le titre a disparu car la page web contenait déjà un nom. Voici comment l'on se sert de cette balise:</P>
<P><title>votre titre</title></P>
<P>IMPORTANT:Sur toutes les balises HTML que vous allez rencontrer, il faudra rajouter un / entre le code et signe <. Ceci sert à fermer la balise. Temps que vous ne refermez pas la balise elle continuera à faire effet sur lesmots que vous taperez après celle-ci.</P>
<P>Passons à la balise suivante:<b> ce qui signifie "bold" en anglais qui signifie "gras". Vous l'aurez compris, cette balise sert à mettre votre texte en caractère <STRONG>gras</STRONG>.</P>
<P>Ex:<b>votre texte à mettre en caractère gras</b></P>
<P>La balise <u> sert à <U>souligner</U> votre texte. On l'utilise de la même façon que les balises précédentes:</P>
<P><u>votre texte à souligner</u></P>
<P>Maintenant, la balise <em> qui sert à mettre le texte en <EM>italique; </EM>elle aussi s'utilise comme les autres balises c'est à dire:</P>
<P><em>votre texte à mettre en italique</em></P>
<P>Maintenant, passons à quelque chose de plus dur: les codes.</P>
<P>Un des plus simples est celui-ci (celui pour mettre un lien): <a href=<a href="adresse du site pour lequel vous voulez mettre un lien<A href='http://"target=_blank>clique'>"target=_blank>clique</A> ici</a></P>
<P>/!\ Vous remarquerez que je n'ai pas réécrit tout le code pour fermer la balise. Je n'ai réécrit que la première lettre (a) tout en mettent ce signe /.</P>
<P>Revoici, pour vous reposer, une balise qui sert à faire des paragraphes bien présentés: <p>.</P>
<P>On s'en sert comme les premières balises que vous avez vu c'est à dire: <p>paragraphe</p>.</P>
<P>Voici un code cette fois-ci plus facile à utiliser que celui du lien:</P>
<P><FONT SIZE=3></P>
<P>Il sert à agrandir la taille de vos lettres. Le "3" est une des tailles; il en existe plusieurs.</P>
<P>Voici comment s'utilise ce code:</P>
<P><FONT SIZE=3>votre texte à mettre en taille 3</FONT SIZE=3></P>
<P>Cette fois-ci nous avons retapé ce code dans son intégralité.</P>
<P>Une balise, elle aussi très serviable: <center>. Elle sert à centrer le texte au milieu de la page. Voici comment elle s'utilise:</P>
<P><center>texte à centrer</center></P>
<P>Voici une balise qui peut remplacer font size, plus courte à taper et plus facile à retenir:<h1>.</P>
<P>Pour cette balise comme pour font size il existe plusieurs tailles. Voici comment l'on s'en sert:</P>
<P><h1>votre texte à mettre en taille 1</h1></P>
<P>REMARQUE: plus la valeur est petite plus la taille des lettres sera grande. C'est à dire que <h3> donnera des lettres plus petites que <h1>.</P>
<P>Maintenant, un code pour changer la couleur de votre texte:<font color=#FF0000>.</P>
<P>Il existe plein d'autres couleurs dont je vous donnerais les codes (pas tous car il y en a trop).</P>
<P>/!\attention nouvelle subtilité avec ce code; voici comment il s'utilise:</P>
<P><font color=#FF0000>texte à mettre en couleurs</font></P>
<P>Cela fonctionne comme pour le lien, on ne met que le premier mot.</P>
<P>Voici le code qui permet de mettre une bande défilante:<MARQUEE BGCOLOR='FFFFFF' DIRECTION='left' WIDTH='100%' HEIGHT='16' VALIGN='bottom' SCROLLAMOUNT='2' SCROLLDELAY='30'>*** Décidément je ne vais pas mettre de photo de lui car sinon il va m'en vouloir*** </P>
<P>Il faut mettre les 3 * pour que le code fonctionne.</P>
<P>Attention, à nouveau une utilisation anormale; regardez:</P>
<P><MARQUEE BGCOLOR='FFFFFF' DIRECTION='left' WIDTH='100%' HEIGHT='16' VALIGN='bottom' SCROLLAMOUNT='2' SCROLLDELAY='30'>*** Décidément je ne vais pas mettre de photo de lui car sinon il va m'en vouloir***</MARQUEE> <BR></P>
<P>On ne retape pas entièrement le code (heureusement) mais une fois de plus que le premier mot.</P>
<P><BR><FONT FACE = "futura"> sert à changer la police de caractères. Dailleurs, la police futura ne soit pas exister car le code n'a pas fonctionné. </P>
<P>Voici maintenant le code qui permet de faire une belle liste avec des puces:<UL>.</P>
<P>Il a une utilisation très spéciale et très simple une fois qu'on l'a retenue:</P>
<P><UL> </P>
<P><LI>élément à mettre dans la liste</P>
<P><LI>élément à mettre dans la liste</P>
<P></UL></P>
<P>Vous pouvez remarquer que la balise <LI> n'a pas besoin d'être fermée en revanche la balise <UL> doit obligatoirement l'être.</P>
<P>Je ne vais pas vous expliquer comment faire un tableau dans cet article, j'en consacrerais un à cela.</P>
<P> </P>
<P><BR><BR> </P>
<P><BR> </P>
<P> </P></p>
</div>
</td>
</tr>
<tr>
<td width="100%" height="15"></td>
</tr>
<tr>
<td width="100%" height="20" align="center"><p class="bas_zone">[ <a name="zone309850" />
<a href="./?page=articles&rub=58449&nba=&ajcoms=309850#zone309850">Ajouter un commentaire</a> | <a href="./?page=articles&rub=58449&nba=&coms=309850#zone309850"><b>0</b> commentaire(s)</a> |
<a onclick="JavaScript:window.open('./designs/design3/include/print_article.php?id=309850&nblo=96116','','width=700,height=550,left=0,top=0,scrollbars=yes,resizable=yes');" href="#ici" style="color: ; font-size: 7.5pt">Imprimer</a> |
<a href="./?page=lastarticle&id=309850" target="_blank" title="Permalien : http://decoethtml.oldiblog.com/?page=lastarticle&id=309850">Permalien</a> ]</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="15" align="center"></td>
</tr>
<tr>
<td width="100%" height="1">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%"><p class="entete_zone"><img src="designs/design3/imgs/fleche2.gif" border="0" hspace="6" alt="puce" /><b><font size="2"> Resultat du script publié dans l'article HTML 1</font></b> <font size="1"> (le 07/12/2005 à 21h08)</font></p>
</tr>
<tr>
<td width="100%" height="50">
<div class="zone_texte">
<p class="debut"><P> </P>
<P> </P>site partenaire: <A href="http://recherche-sur-le-web.indexurls.com/" target=_blank>clique ici</A>
<P>Bienvenue sur mon blog où je vous parlerais de <B>ma vie</B>, ici vous trouverez:<I>des photos,des vidéos,mais plus gros délires,vous verrez mes amis et plein d'autres choses</I> Alors bonne visite!!!</P><FONT size=3>édito</FONT> Voilà,enfin un nouvo blog, j'espère qu'il vous plaira...
<CENTER>
<H1>1er article</H1>
<CENTER><FONT color=#ff0000>Voici un de mes copains et sa gueule de cul.</FONT>
<MARQUEE scrollAmount=2 scrollDelay=30 width="100%" bgColor=#ffffff height=16 VALIGN="bottom">*** Décidément je ne vais pas mettre de photo de lui car sinon il va m'en vouloir***</MARQUEE><FONT face=futura>Voilà un petit tableau
<HR SIZE=5>
<TABLE border=4>
<TBODY></TBODY></TABLE>
<UL>
<LI>match France/Allemagne
<LI>article sur moi </LI></UL></FONT></CENTER></CENTER></p>
</div>
</td>
</tr>
<tr>
<td width="100%" height="15"></td>
</tr>
<tr>
<td width="100%" height="20" align="center"><p class="bas_zone">[ <a name="zone308999" />
<a href="./?page=articles&rub=58449&nba=&ajcoms=308999#zone308999">Ajouter un commentaire</a> | <a href="./?page=articles&rub=58449&nba=&coms=308999#zone308999"><b>0</b> commentaire(s)</a> |
<a onclick="JavaScript:window.open('./designs/design3/include/print_article.php?id=308999&nblo=96116','','width=700,height=550,left=0,top=0,scrollbars=yes,resizable=yes');" href="#ici" style="color: ; font-size: 7.5pt">Imprimer</a> |
<a href="./?page=lastarticle&id=308999" target="_blank" title="Permalien : http://decoethtml.oldiblog.com/?page=lastarticle&id=308999">Permalien</a> ]</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="15" align="center"></td>
</tr>
<tr>
<td width="100%" height="1">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%"><p class="entete_zone"><img src="designs/design3/imgs/fleche2.gif" border="0" hspace="6" alt="puce" /><b><font size="2"> HTML 1</font></b> <font size="1"> (le 07/12/2005 à 20h56)</font></p>
</tr>
<tr>
<td width="100%" height="50">
<div class="zone_texte">
<p class="debut"><P>voici un script HTML:</P>
<P><title><u><em><b>Le blog d'ant59</u></em></b></title></P>
<P>site partenaire: <a href="<A href='http://recherche-sur-le-web.indexurls.com"target=_blank>clique'>http://recherche-sur-le-web.indexurls.com"target=_blank>clique</A> ici</a></P>
<P><p>Bienvenue sur mon blog où je vous parlerais de <b>ma vie</b>, ici vous trouverez:<i>des photos,des vidéos,mais plus gros délires,vous verrez mes amis et plein d'autres choses</i></P>
<P>Alors bonne visite!!!</p></P>
<P><FONT SIZE=3>édito</FONT SIZE=3></P>
<P>Voilà,enfin un nouvo blog, j'espère qu'il vous plaira...</P>
<P><center><h1>1er article</h1><center></P>
<P><font color=#FF0000>Voici un de mes copains et sa gueule de cul.</font></P>
<P><MARQUEE BGCOLOR='FFFFFF' DIRECTION='left' WIDTH='100%' HEIGHT='16' VALIGN='bottom' SCROLLAMOUNT='2' SCROLLDELAY='30'>*** Décidément je ne vais pas mettre de photo de lui car sinon il va m'en vouloir***</MARQUEE> </P>
<P><FONT FACE = "futura">Voilà un petit tableau</P>
<P><HR SIZE="5"></P>
<P><TABLE BORDER=4></TABLE></P>
<P><UL></P>
<P><LI>match France/Allemagne</P>
<P><LI>article sur moi</P>
<P></UL></P>
<P> </P></p>
</div>
</td>
</tr>
<tr>
<td width="100%" height="15"></td>
</tr>
<tr>
<td width="100%" height="20" align="center"><p class="bas_zone">[ <a name="zone308988" />
<a href="./?page=articles&rub=58449&nba=&ajcoms=308988#zone308988">Ajouter un commentaire</a> | <a href="./?page=articles&rub=58449&nba=&coms=308988#zone308988"><b>0</b> commentaire(s)</a> |
<a onclick="JavaScript:window.open('./designs/design3/include/print_article.php?id=308988&nblo=96116','','width=700,height=550,left=0,top=0,scrollbars=yes,resizable=yes');" href="#ici" style="color: ; font-size: 7.5pt">Imprimer</a> |
<a href="./?page=lastarticle&id=308988" target="_blank" title="Permalien : http://decoethtml.oldiblog.com/?page=lastarticle&id=308988">Permalien</a> ]</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="100%" height="15" align="center"></td>
</tr>
</table>
<!-- fin bloc articles -->
<div class="espaceur"> </div>
<!-- bloc mises à jour -->
<p class="entete_zone"><img src="designs/design3/imgs/fleche2.gif" border="0" hspace="6" alt="puce" />Mises à jour</p>
<div class="zone_texte" style="height: 130px">
<table border="0" align="left" cellpadding="3" cellspacing="0" width="600" height="125">
<tr>
<td align="left" width="65%"> - <a href="./" class="lien_maj">Aimez-vous mon blog? </a></td>
<td width="100" align="center">Sondage</td>
<td width="100" align="center">14/12/2005</td>
</tr>
<tr>
<td align="left" width="65%"> - <a href="./?page=lastnews&id=94482" class="lien_maj">lâchez votre blog!</a></td>
<td width="100" align="center">News</td>
<td width="100" align="center">12/12/2005</td>
</tr>
<tr>
<td align="left" width="65%"> - <a href="./?page=lastarticle&id=319091" class="lien_maj">
Règles</a></td>
<td width="100" align="center">Articles</td>
<td width="100" align="center">15/12/2005</td>
</tr>
<tr>
<td align="left" width="65%"> - <a href="./?page=video&id=70629" class="lien_maj">
Star Wars</a></td>
<td width="100" align="center">Vidéos</td>
<td width="100" align="center">11/12/2005</td>
</tr>
</table>
</div>
<!-- fin bloc mises à jour -->
</div>
<!-- fin bloc milieu -->
</td>
<td width="2"> </td>
<td width="145" align="right" valign="top">
<!-- le bloc du menu droit -->
<div id="menu_droite">
<p class="entete_menu"><img src="designs/design3/imgs/fleche2.gif" border="0" hspace="6" alt="puce" />Horloge</p>
<!-- bloc rechercher -->
<div class="rubriques">
<embed src="http://www.clocklink.com/clocks/TheDog001-Beagle.swf?TimeZone=GMT0100&Place=Heure du webmaster" width="116" height="160" wmode="transparent" type="application/x-shockwave-flash">
</div>
<!-- fin bloc rechercher -->
<p class="entete_menu"><img src="designs/design3/imgs/fleche2.gif" border="0" hspace="6" alt="puce" />Bonne affaire</p>
<!-- bloc lien sponsorisé -->
<div class="rubriques">
<p class="titre_lsponso"><a href="http://affiliate.FR.espotting.com/search/redirector.asp?url=http%3a%2f%2fvoyages.anyway.com%2fsejour-pas-cher%2fsejour-degriffe.aspx%3feapid%3d53-20%26IVChan%3dPS%26IVSource%3dESP%26IVCID%3dsejour%26IVCAT%3dSejour%2bsej&bidid=545482021&searchguid=%9E%D2%B1%CE%E6%8F%BB%8A%F4%B9%9D%ED%F7%95%BC%F9%F0%87%A1%A1%B5%A9%9E%FA%D2%C5%E7%D4%9A%E2%EC%F4%CD%9F%88%88&domain=FR&affiliateid=1833&position=1&keyword=sejour&searchdate=15+Dec+2005+18%3a47%3a10%3a10
" target="_blank">Réserver votre séjour sur Anyway.com
</a></p>
<p class="corps_lsponso"><a href="http://affiliate.FR.espotting.com/search/redirector.asp?url=http%3a%2f%2fvoyages.anyway.com%2fsejour-pas-cher%2fsejour-degriffe.aspx%3feapid%3d53-20%26IVChan%3dPS%26IVSource%3dESP%26IVCID%3dsejour%26IVCAT%3dSejour%2bsej&bidid=545482021&searchguid=%9E%D2%B1%CE%E6%8F%BB%8A%F4%B9%9D%ED%F7%95%BC%F9%F0%87%A1%A1%B5%A9%9E%FA%D2%C5%E7%D4%9A%E2%EC%F4%CD%9F%88%88&domain=FR&affiliateid=1833&position=1&keyword=sejour&searchdate=15+Dec+2005+18%3a47%3a10%3a10
" target="_blank">Profitez de nos tarifs exclusifs et réservez votre vol, hôtel, séjour ou location de voiture. Anyway.com, le ciel est à tout le monde.
</a></p>
</div>
<!-- fin bloc lien sponsorisé -->
<p class="entete_menu"><img src="designs/design3/imgs/fleche2.gif" border="0" hspace="6" alt="puce" />Rechercher</p>
<!-- bloc rechercher -->
<div class="rubriques">
<form name="recherche_blog" method="post" action="./blogs/traitement/traitement_recherche.php" target="_blank"> <input type="text" name="q" value="" style="width: 90px" /> <input type="submit" value="OK" name="envoi" style="width: 30px; font-weight: bold" onmouseover="this.className='bouton_enfonce';" onmouseout="this.className='bouton_normal';" /></form>
</div>
<!-- fin bloc rechercher -->
<p class="entete_menu"><img src="designs/design3/imgs/fleche2.gif" border="0" hspace="6" alt="puce" />Tchat</p>
<!-- bloc tchat -->
<div class="rubriques">
<form name="chat_blog" method="post" action="./traitement/acces_chat_blog.php" target="_blank"> <input type="text" name="pseudo_chat" value="ant59" style="width: 90px" />
<input type="submit" value="OK" name="envoi" style="width: 30px; font-weight: bold" onmouseover="this.className='bouton_enfonce';" onmouseout="this.className='bouton_normal';" /></form>
</div>
<!-- fin bloc tchat -->
<p class="entete_menu"><img src="designs/design3/imgs/fleche2.gif" border="0" hspace="6" alt="puce" />Radios</p>
<!-- bloc radios -->
<div class="rubriques">
<p> <a href="#ici" onclick="window.open('http://yacast.funradio.fr/V4/fun/fun_launch_V2.html','FUN','width=613,height=340,toolbar=no,menubar=no,resizable=no,location=no,directories=no,status=no,scrollbars=no,copyhistory=no,left=160,top=250');">Fun radio</a></p>
<p> <a href="#ici" onclick="window.open('http://player.nrj.fr/V4/nrj/nrj_launch_V3.html','NRJ','width=650,height=352,toolbar=no,menubar=no,resizable=no,location=no,directories=no,status=no,scrollbars=no,copyhistory=no');">NRJ</a></p>
<p> <a href="#ici" onclick="window.open('http://player.rireetchansons.fr/V4/rireetchansons/rireetchansons_launch_V3.html','rireetchansons','width=350,height=191,toolbar=no,menubar=no,resizable=no,location=no,directories=no,status=no,scrollbars=no,copyhistory=no');">Rires et chansons</a></p>
<p> <a href="#ici" onclick="window.open('http://player.cheriefm.fr/V4/cheriefm/cheriefm_launch_V3.html','player','resizable=no,menubar=no,location=no,toolbar=no,status=no,scrollbars=no,width=630,height=240,resizable=no,directories=no,copyhistory=no');">Chérie FM</a></p>
<p> <a href="#ici" onclick="window.open('http://cache.yacast.fr/V4/player_rfm/rfm_launch_V1.html?id=rfm','RFM','width=500,height=250,toolbar=no,menubar=no,resizable=no,location=no,directories=no,status=no,scrollbars=no,copyhistory=no');">RFM</a></p>
<p> <a href="#ici" onclick="window.open('http://player.nostalgie.fr/V4/nostalgie/nostv2_launch.html','nostalgie','width=350,height=191,toolbar=no,menubar=no,resizable=no,location=no,directories=no,status=no,scrollbars=no,copyhistory=no');">Nostalgie</a></p>
<p> <a href="#ici" onclick="window.open('http://cache.yacast.fr/V4/franceinfo/finfo_launch_V1.html','livewin_france_info','toolbar=no,menubar=no,resizable=no,location=no,directories=no,status=no,scrollbars=no,copyhistory=no,width=468,height=230');">Radio France</a></p>
<p> <a href="#ici" onclick="window.open('http://go.eonstreams.com?u=8713','PlayerWin','width=552,height=325,resizable=0,top=0,left=0');">Z100</a></p>
<p> <a href="#ici" onclick="window.open('http://www.people-radio.com/player/oldiblog/player.php','mt','left=100,top=100,width=386,height=271,scrollbars=no,resizable=no,status=no');">Radio Oldiblog</a></p>
</div>
<!-- fin bloc radios -->
<p class="entete_menu"><img src="designs/design3/imgs/fleche2.gif" border="0" hspace="6" alt="puce" />Choix design</p>
<!-- bloc choix design -->
<div class="rubriques"><center>
<form name="choix_design_blog" method="post" action="./traitement/choix_design_blog.php">
<input type="hidden" name="nb_du_blog" value="96116">
<select name="choix_design">
<option value="">Defaut</option>
<option value="2">OldiPerso</option>
<option value="11">OldiMak1</option>
<option value="12">OldiMak2</option>
<option value="13">OldiMak3</option>
<option value="14">OldiMak4</option>
<option value="15">OldiMak5</option>
<option value="16">OldiMak6</option>
<option value="17">OldiMak7</option>
<option value="18">OldiMak8</option>
<option value="19">OldiMak9</option>
<option value="20">OldiMak10</option>
<option value="21">OldiMak11</option>
<option value="22">OldiMak12</option>
<option value="23">OldiMak13</option>
<option value="24">OldiMak14</option>
<option value="25">OldiMak15</option>
<option value="26">OldiMak16</option>
<option value="27">OldiMak17</option>
<option value="28">OldiMak18</option>
<option value="29">OldiMak19</option>
<option value="30">OldiMak20</option>
<option value="31">OldiMak21</option>
<option value="32">OldiMak22</option>
<option value="33">OldiMak23</option>
<option value="34">OldiMak24</option>
</select><br />
<input style="width: 75px; font-weight: bold; margin: 0; margin-top: 5px; margin-bottom: 5px" type="submit" value="CHANGER" name="changer_design" onMouseOver="this.className='bouton_enfonce';" onMouseOut="this.className='bouton_normal';">
</form></center>
</div>
<!-- fin bloc choix design -->
<p class="entete_menu"><img src="designs/design3/imgs/fleche2.gif" border="0" hspace="6" alt="puce" />Statistiques</p>
<!-- bloc statistiques -->
<div class="rubriques">
<p> <strong>1</strong> connecté(s)</p>
<p> <strong>40</strong> visiteurs</p>
<p class="mini_italique"> Depuis le 07/12/2005</p>
</div>
<!-- fin bloc statistiques -->
</div>
<!-- fin du bloc menu droit -->
</td>
</tr>
<tr>
<td colspan="5"><div id="footer"><a href="http://www.oldiblog.com">Crée ton blog gratuitement</a> avec Oldiblog.com <b>|</b> <a href="http://www.oldiblog.com/?page=contact&type=2" target="_blank">Signaler un blog illicite</a> <b>|</b> <a href="http://www.oldiblog.com/?page=liste&clb=18">Voir d'autres blogs de la catégorie <b>Informatique</b></a><div></td>
</tr>
</table>
<script type='text/javascript' src='http://media.publicites.biz/external/adglobal.cgi?60'></script>
</body>
</html>
|
Rubriques
