Version complète: sur le forum Webmaster Hub : lien d'une image dans spip
Webmaster Hub > Création et exploitation de Sites Internet > Systèmes de publication
Magali
lundi 29 mars 2004 à 20:37
bonjour!
Dans le site que je refait, les boutons de navigation rubriques seront des "images". Pour indiquer les liens, je dois mettre l'url complète du style
CODE
http://www.allocarpentras.com/spip/rubrique.php3?id_rubrique=22
, ou
CODE
rubrique.php3?id_rubrique=22
suffira, sachant que cette fois, les dossiers spip seront à la racine, pas dans un dossier spip?
Dan
lundi 29 mars 2004 à 21:41
Salut Magali,

Pas de problème, le lien relatif suffit.
Tu peux facilement mettre en place la réécriture d'urls sous Spip, si ton hébergement le permet.

Cela te donnerait des liens de la forme rubrique22.html au lieu de rubrique.php3?id_rubrique=22

Tu peux aussi mettre un peu de code dans ton menu pour pouvoir afficher un bouton/image différent pour chaque rubrique, en se basant sur la variable #ID_SECTEUR. Ca simule un bouton enfoncé comme par exemple sur le site de Cadrissimo
CODE
<?php if("#ID_SECTEUR" != 22) { ?>
<img name="c1" src="../images/c1.gif" width="140" height="22" border="0" alt="">
<?php } else { ?>
<img name="c1" src="../images/c1_f3.gif" width="140" height="22" border="0" alt="">
<?php } ?>

Dan
Magali
mardi 30 mars 2004 à 07:05
merci!! j'ai hâte d'être à demain pour travailler ça ! par contre, mes boutons seront horizontaux, c'est pareil? Je mets le code, adapté à au nom de mes images dans le tableau prévu pour? (les urls seront corrigées bien sûr)
CODE
<table width="99%" style="border-collapse:collapse;" cellpadding="0" cellspacing="0" align="center">
                       <tr>
                           <td bgcolor="#FFFFFF" onmouseout="javascript:this.style.background='#FFFFFF'" onmouseover="javascript:this.style.background='#E4E2E2'" align=center width="126">
                                   <p style="margin-top:6; margin-bottom:6;" align="center">&nbsp;<a href="rubrique.php3?id_rubrique=33" title="Les articles à cliquer de la rubrique Carpentras"><img src="file:///C|/Program%20Files/EasyPHP1-7/www/testspip/IMG/bouton1.gif" border="0"></a></p>
                               </td>
                           <td bgcolor="#FFFFFF" onmouseout="javascript:this.style.background='#FFFFFF'" onmouseover="javascript:this.style.background='#E9E9E9'" align=center width="126">
                                   <p style="margin-top:6; margin-bottom:6;" align="center"><a href="rubrique.php3?id_rubrique=22" title="Les articles à cliquer de la rubrique Culture"><img src="file:///C|/Program%20Files/EasyPHP1-7/www/testspip/IMG/bouton2.gif" border="0"></a></p>
                               </td>
                           <td bgcolor="#FFFFFF" onmouseout="javascript:this.style.background='#FFFFFF'" onmouseover="javascript:this.style.background='#E4E2E2'" align=center width="126">
                                   <p style="margin-top:6; margin-bottom:6;" align="center">&nbsp;&nbsp;<img src="file:///C|/Program%20Files/EasyPHP1-7/www/testspip/IMG/bouton3.gif" border="0"></p>
                               </td>
                           <td bgcolor="#FFFFFF" onmouseout="javascript:this.style.background='#FFFFFF'" onmouseover="javascript:this.style.background='#E9E9E9'" align=center width="126">
                                   <p style="line-height:150%; margin-top:6; margin-bottom:6;" align="center"><img src="file:///C|/Program%20Files/EasyPHP1-7/www/testspip/IMG/bouton5.gif" border="0">&nbsp;&nbsp;</p>
                               </td>
                           <td bgcolor="#FFFFFF" onmouseout="javascript:this.style.background='#FFFFFF'" onmouseover="javascript:this.style.background='#E4E2E2'" align=center width="126">
                                   <p style="line-height:150%; margin-top:6; margin-bottom:6;" align="center"><img src="file:///C|/Program%20Files/EasyPHP1-7/www/testspip/IMG/bouton4.gif" border="0">&nbsp;</p>
                               </td>
                           </table>
Dan
mardi 30 mars 2004 à 07:19
Magali,

Penses à mettre tes images dans l'arborescence Spip, sinon tu auras des défauts d'affichage une fois le site en ligne.
CITATION
file:///C|/Program%20Files/EasyPHP1-7/www/testspip/IMG/bouton1.gif
fait référence à un fichier disque chez toi, et ne peut-être utilisé ailleurs.

Dan
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.