Aller au contenu

lien d'une image dans spip


Magali

Sujets conseillés

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

http://www.allocarpentras.com/spip/rubrique.php3?id_rubrique=22

, ou

rubrique.php3?id_rubrique=22

suffira, sachant que cette fois, les dossiers spip seront à la racine, pas dans un dossier spip?

Lien vers le commentaire
Partager sur d’autres sites

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

<?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

Lien vers le commentaire
Partager sur d’autres sites

Posté (modifié)

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)

<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"> <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">  <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">  </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"> </p>
                               </td>
                           </table>

Modifié par magali
Lien vers le commentaire
Partager sur d’autres sites

Magali,

Penses à mettre tes images dans l'arborescence Spip, sinon tu auras des défauts d'affichage une fois le site en ligne.

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

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...