Voilà ta page INDEX fonctionnelle et nettoyée.
Les lien des images sont des liens absolu (il fallait quand même que je puisse y voir quelque chose).
La couleur de fond est restée #DAF7A6
███.
Seule l'image FONDCVRN.
png (qui remplace FONDCVRN.jpg) n'est pas sur ton site.
Je la remets ici :
Je n'ai pas touché aux autres liens.
L'image de fond de la page FONDPGJX.JPG vient d'une autre page prise au hasard sur ton site (il faut en mettre une autre).
Code : Tout sélectionner
<body style="background:#DAF7A6 url(http://www.dlgdl.com/IMAGES/FONDPGJX.JPG); font-family:Book Antiqua, Times New Roman, Times;">
permet d'afficher le texte dans la police Book Antiqua si elle est disponible (c'est généralement le cas) et pas en Times New Roman comme c'était le cas par défaut avec l'obsolète
font-name.
Toute la page :
Code : Tout sélectionner
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DLGDL</title>
</head>
<body style="background:#DAF7A6 url(http://www.dlgdl.com/IMAGES/FONDPGJX.JPG); font-family:Book Antiqua, Times New Roman, Times;">
<script>
if (document.images) {
image0on = new Image();
image0on.src = "http://www.dlgdl.com/IMAGES/CAVERN11.JPG";
image0off = new Image();
image0off.src = "http://www.dlgdl.com/IMAGES/CAVERN01.JPG";
image1on = new Image();
image1on.src = "http://www.dlgdl.com/IMAGES/CAVERN12.JPG";
image1off = new Image();
image1off.src = "http://www.dlgdl.com/IMAGES/CAVERN02.JPG";
image2on = new Image();
image2on.src = "http://www.dlgdl.com/IMAGES/CAVERN13.JPG";
image2off = new Image();
image2off.src = "http://www.dlgdl.com/IMAGES/CAVERN03.JPG";
image3on = new Image();
image3on.src = "http://www.dlgdl.com/IMAGES/CAVERN14.JPG";
image3off = new Image();
image3off.src = "http://www.dlgdl.com/IMAGES/CAVERN04.JPG";
image4on = new Image();
image4on.src = "http://www.dlgdl.com/IMAGES/CAVERN15.JPG";
image4off = new Image();
image4off.src = "http://www.dlgdl.com/IMAGES/CAVERN05.JPG";
image5on = new Image();
image5on.src = "http://www.dlgdl.com/IMAGES/CAVERN16.JPG";
image5off = new Image();
image5off.src = "http://www.dlgdl.com/IMAGES/CAVERN06.JPG";
image6on = new Image();
image6on.src = "http://www.dlgdl.com/IMAGES/CAVERN17.JPG";
image6off = new Image();
image6off.src = "http://www.dlgdl.com/IMAGES/CAVERN07.JPG";
}
function chercheloup(form) {
var adres = "http://www.google.com/search?hl=fr&ie=UTF-8&oe=UTF-8&q="+form.q.value +"+site%3Adlgdl.com&btnG=Recherche+Google&lr="
window.open(adres,'','toolbar=yes,location=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes');
}
function turnOn(imageName) {
if (document.images)
{document[imageName].src = eval(imageName + "on.src");}
}
function turnOff(imageName) {
if (document.images)
{document[imageName].src = eval(imageName + "off.src");}}</script>
<font size=4><center>BD's on the WEB, la database BD du Loup.</center></font>
<table style="text-align:center; border:0">
<tr>
<td rowspan=2><a href="BDs_Aide.HTM"><img src="http://www.dlgdl.com/IMAGES/QUSTMARK.GIF" width=55
alt="Au secours" title="Si la navigation internet ne vous est pas familière ..." border=0 /></a></td>
<td rowspan=2 valign=middle>Un loup se désaltérait dans les lignes
claires d'une BD. Il trouva qu'il manquait d'informations. Alors, il décida
de faire son site ... (lire plus bas)</td>
<td><a href="BDs_Actus.HTM"><img src="http://www.dlgdl.com/IMAGES/LOGOACTU.GIF" width=80
alt="actualités" title="Suivez les évolutions du Site ..." border=0 /></a></td>
</tr>
<tr>
<td><a href="BDs_Glossaire.HTM"><img src="http://www.dlgdl.com/IMAGES/LOGOGLOS.GIF" width=80
alt="Glossaire" title="Si un mot ou une abréviation vous est inconnu(e)" border=0 /></a></td>
</tr>
</table>
<font size=3>Loup y es-tu ? (promenez-vous dans ses 21.400 pages ...)</font>
<table border="0" cellspacing=0 cellpadding=0 style="padding-left:200px;">
<tr>
<td rowspan=7>
<table border="0" background="FONDCVRN.png" width="710">
<tr height=30>
<td></td>
<td></td>
<td></td>
<td rowspan=3><a href="GENPAGES/PHEAD_BD.HTM" onmouseover="turnOn('image2')"
onmouseout="turnOff('image2')"><img src="http://www.dlgdl.com/IMAGES/CAVERN03.JPG" width=106 height=87 border=0
name="image2" ALT="Franco-Belge" title="La BD Franco-Belge ..." /></a></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr height=30>
<td></td>
<td></td>
<td rowspan=3><a href="GENPAGES/PHEAD_PF.HTM" onmouseover="turnOn('image1')"
onmouseout="turnOff('image1')"><img src="http://www.dlgdl.com/IMAGES/CAVERN02.JPG" width=106 height=87 border=0
name="image1" alt="Petits Formats" title="Les Petits Formats ..." /></a></td>
<td rowspan=3><a href="GENPAGES/PHEAD_JX.HTM" onmouseover="turnOn('image3')"
onmouseout="turnOff('image3')"><img src="http://www.dlgdl.com/IMAGES/CAVERN04.JPG" width=106 height=87 border=0
name="image3" ALT="Journaux" title="Les Journaux et Magazines" /></a></td>
<td></td>
<td></td>
</tr>
<tr height=30>
<td></td>
<td rowspan=3><a href="GENPAGES/PHEAD_GF.HTM" onmouseover="turnOn('image0')"
onmouseout="turnOff('image0')"><img src="http://www.dlgdl.com/IMAGES/CAVERN01.JPG" width=106 height=87 border=0
name="image0" alt="Grands Formats" title="Les Grands Formats ..." /></a></td>
<td rowspan=3><a href="GENPAGES/PHEAD_CX.HTM" onmouseover="turnOn('image4')"
onmouseout="turnOff('image4')"><img src="http://www.dlgdl.com/IMAGES/CAVERN05.JPG" width=106 height=87 border=0
name="image4" ALT="Super-Héros" title="Les Super-Héros U.S." /></a></td>
<td></td>
</tr>
<tr height=30>
<td rowspan=3><a href="GENPAGES/PHEAD_MG.HTM" onmouseover="turnOn('image6')"
onmouseout="turnOff('image6')"><img src="http://www.dlgdl.com/IMAGES/CAVERN07.JPG" width=106 height=87 border=0
name="image6" ALT="Mangas ..." title="Les Mangas, Manhwas et Manhuas" /></a></td>
<td></td>
<td rowspan=3><a href="GENPAGES/PHEAD_RC.HTM" onmouseover="turnOn('image5')"
onmouseout="turnOff('image5')"><img src="http://www.dlgdl.com/IMAGES/CAVERN06.JPG" width=106 height=87 border=0
name="image5" ALT="Récits Complets" title="Les Récits Complets" /></a></td>
</tr>
<tr height=30>
<td></td>
<td></td>
<td></td>
</tr>
<tr height=30>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</td></tr>
</table>
<br />
<div id="SGROBJ7D282DC242FFA1" style="position:absolute; top:285px; left:460px; width:72px; height:29px; z-index:7;">
<img src="http://www.dlgdl.com/IMAGES/LOUP_ARCD.GIF" alt="Loup" title="plutôt que marcher dans la grotte" width=174 height=100 border=0 />
</div>
<div id="SGROBJ7D282DC242FFA2" style="position:absolute; top:285px; left:600px; width:72px; height:29px; z-index:7;">
<b>Venez visiter mes cavernes ...</b>
</div>
<div id="SGROBJ7D282DC242FFA3" style="position:absolute; top:390px; left:710px; width:90px; height:60px; z-index:7;">
<a href="GENPAGES/PHEAD_AL.HTM"><font size=1>Ouinn, moi je veux TOUT voir</font></a>
</div>
<div id="SGROBJ7D282DC242FFA4" style="position:absolute; top:370px; left:780px; width:72px; height:29px; z-index:7;">
<img src="http://www.dlgdl.com/IMAGES/USER_NON.GIF" alt="énervé" title="Décidez-vous, je fatigue !" width=144 height=80 border=0 />
</div>
<div id="SGROBJ7D282DC242FFA5" style="position:absolute; top:450px; left:215px; width:160px; height:29px; z-index:7;">
<img src="http://www.dlgdl.com/IMAGES/USER_OUA1.GIF" alt="homme épaté" title="Toutes ces BDs, je suis fou du Loup!" width=144 height=80 border=0 />
</div>
<div id="SGROBJ7D282DC242FFA6" style="position:absolute; top:485px; left:315px; width:140px; height:29px; z-index:7;">
<a href="BDs_Stats.HTM"><font size=1>Oooouh la la !!!</font></a>
</div>
<div id="SGROBJ7D282DC242FFA7" style="position:absolute; top:320px; left:215px; width:70px; z-index:7;">
<a href="BDs_NUBD.HTM">
<img src="http://www.dlgdl.com/IMAGES/FlagNUBD.jpg" alt="NU-BD" title="Un petit voyage hors frontières ? !" width=140 border=0 /></a>
</div>
<div id="SGROBJ7D282DC242FFA8" style="position:absolute; top:145px; left:865px; width:72px; height:29px; z-index:7;">
<a href="BDs_FAQs.HTM">
<img src="http://www.dlgdl.com/IMAGES/LOGO_FAQ.GIF" alt="QQOQC" title="To be or not to be ? !" width=110 border=0 /></a>
</div>
<form style="width:200px;">
<div id="SGROBJ7D282DC242FFA6" style="position:absolute; top:430px; left:510px; width:190px; height:29px; z-index:7;">
Rechercher dans la Database avec Google™ :<br />
<input type="text" name="q" size="25"
style="background-color:lightyellow; color:#000000;" /><br />
<input onClick="chercheloup(this.form)" type="image" name="Submitimage"
src="http://www.dlgdl.com/IMAGES/CHERCHE.gif" alt="Chercher" title="Chercher avec Google"
align="absmiddle" border="1" width="170" height="36"
style="cursor:pointer;margin-top:3px;" />
</div>
</form>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<table width=100%>
<tr>
<td align=center width=30%>
<a href="BDs_SourceBib.HTM">Références Bibliographiques</a><br /><br /><br />
<a href="BDs_Quizz.HTM">Culture BD : Le Quizz du Loup</a>
</td>
<td align=center width=40%><a href="BDs_Search.HTM">
<img src="http://www.dlgdl.com/IMAGES/WANTED.JPG" alt="Non, on ne sait pas tout !" width="70%" border=0 /></a></td>
<td align=center width=30%><a href="BDs_Parutions.HTM">Calendriers de Parutions</a><br /><br /><br />
<a href="BDs_Visites.HTM">Et les Martiens, c'est pour quand ?</a>
</td>
</tr>
</table>
<br /><br />
<h4>Préface</h4>
<p>La <i>Database BD du Loup</i> est un <b>répertoire</b> évolutif de la Bande Dessinée de langue française. Elle
permet de recenser progressivement TOUT ce qui a été édité dans le cadre de cette définition, tant en
France que dans les pays francophones comme la Belgique, le Luxembourg ou la Suisse, mais aussi le Québec, et si
nécessaire, d'autres terres plus lointaines, le seul critère étant la langue.
Au moment de l'écriture de ces lignes, le nombre d'entrées est d'environ 300.000. Ce
nombre positionne donc la <i>Database BD du Loup</i> comme l'un des (voire le) plus gros site(s)
sur le sujet. Mais le travail n'est pas terminé...<br /><br />
Enfin, ce terme (répertoire) a été choisi de préférence à dictionnaire ou encyclopédie qui
nous ont semblé trop prétentieux et trop galvaudés. Les données stockées ont pour but le
repérage et l'identification des albums ou fascicules existants, avec les grandes lignes
suivantes :
<ul type="circle"><li>Accès multiples par famille, éditeur, collection éditeur, série ou auteur via un
système d'indexation qui prend bénéfice de la notion internet d'hyperlien
(on clique et on y est ...),</li>
<li>informations descriptives des albums ou fascicules
aussi complètes que possible : éditeur, collection,
couleur, taille, forme du dos, pagination, suppléments, caractéristiques
éditoriales,</li>
<li>titre de l'album ou de la première histoire contenue, au minimum,</li>
<li>pas de résumé, tout au plus parfois le genre de scénario (humour, policier,
SF, guerre, sports, super-héros, etc), au niveau des séries. Au lecteur de
découvrir le contenu,</li>
<li>pas de cote, d'indice de rareté ou de notion de valeur. Le sujet est trop
complexe, trop évolutif et trop sujet à critique. Le prix de vente de l'éditeur,
à parution, fait partie des données fournies autant que possible, pour donner
une idée de la valeur initiale,</li>
<li>pour les familles les plus déshéritées du WEB (PF, GF, RC), une iconographie
raisonnable est proposée avec, pour objectif au moins un scan par série
(il s'agit des couvertures, chiffre moyen actuel : 60%, pour les PFs, nous
approchons les 100% ...),</li>
<li>Les albums ou fascicules sont rangés par série (cette notion est définie de
façon précise dans le Glossaire) ou, pour les ouvrages indépendants
(one shot) ou petites séries, dans une page divers associée à leur Editeur.
Une page 'Divers' recense alphabétiquement par titre toute la production des
éditeurs peu prolifiques (quelques titres). A partir d'une dizaine, l'éditeur
se voit associer une page 'Divers XXXX' qui lui est spécifique. Ces pages sont
indexées sur 'XXXX' (donc le nom de l'éditeur) et sont classées alphabétiquement
par titre d'album (exemple : Divers FLBLB (*), voir lettre F, famille BD). Ces pages
sont aussi accessibles à partir de la page détail de chaque éditeur concerné.<br />
(*) Prononcer flebeleb</li>
</ul></p>
<p>Une fonction d'accès direct au moteur de recherche Google a été incluse dans la page d'accueil.
Il suffit de saisir, dans la boîte-texte prévue à cet effet, l'expression que vous
souhaitez rechercher, puis de cliquer sur le bouton-chercher. Attention, ne pas faire [enter].
<br />
Google vous présente alors sa page de résultats de recherche usuelle, la recherche a été
limitée aux pages de la Database.
</p>
<p><font size="1">Prokov/DLGDL - v.4.1.C. - 25 octobre 2018</font></p>
</body>
</html>
]
). Je dois encore vérifier si je n'ai pas fait de fausse manip. Donc merci encore et à suivre demain (ou plus tard lol).
