Mettre une partie navigation sur la PA.

[Lee GaeWong]

Bonjour ou Re-bonjour ^^

Je suis toujours dans mes codes, et j'aimerais mettre dans Page d'Accueil une partie navigation.
Comment faire?
(Je travail sur un forum phpBB2)

Je remercie d'avance !

[Invité]

Bonjour,

Qu'entendez-vous exactement par "une partie navigation" ? Vous pouvez créer un ensemble de plusieurs liens sur le même modèle menant à différentes parties de votre forum:

Code:

<a href="url de la page">nom du lien</a>

Il est ensuite possible d'améliorer l'apparence avec un peu de CSS.

Cordialement.

[Lee GaeWong]

C'est ça. Dans la PA, mettre endroit avec des liens qui mènent aux endroits important du forum. Ce code correspond?
Une autre question, pour le personnaliser, je fais la structure et je glisse les liens les uns en dessous des autres, c'est ça?

[Invité]

Ce n'est pas très évident de vous aider sans un schéma, mais dans le principe, c'est ça, si vous souhaitez mettre vos liens les uns en dessous des autres séparez-les par <br /> qui crée un saut de ligne.

Essayez de monter votre code, et si ça ne fonctionne pas, montrez-moi , je vous aiderais à atteindre le résultat voulu.

Cordialement.

[Lee GaeWong]

Code:

<center><img src="http://i49.servimg.com/u/f49/16/69/27/93/chatbo10.png">
<hr /><a href="url de la page">Règlement</a>
<br/>
<a href="url de la page">Nous lier?</a>
<br/>
<a href="url de la page">Actus</a></center>
</div></td></tr></table>

Voilà, mes codes. Comment faire des liens une présentation plus jolie, comme une bordure autour des liens ou encore enlever le soulignement des liens ?

MERCI !

[Invité]

Bonsoir,

Dans ce cas, on va placer une div autour de chaque lien avec une class pour donner une apparence. Les div créent un retour à la ligne automatique, donc on peut retirer les <br />. En reprenant votre morceau de code et en ajoutant une class nommée "lien_nav" cela donne:

Code:

<center><img src="http://i49.servimg.com/u/f49/16/69/27/93/chatbo10.png">
<hr /><div class="lien_nav"><a href="url de la page">Règlement</a></div><div class="lien_nav"><a href="url de la page">Nous lier?</a></div><div class="lien_nav"><a href="url de la page">Actus</a></div></center>
</div></td></tr></table>

Ensuite dans la feuille de style CSS, on modifie l'apparence comme on le souhaite:

Code:

/*retirer le soulignement*/
.lien_nav a{
text-decoration: none !important;}

/*mettre un cadre autour des liens*/
.lien_nav{
border: 1px solid #000;
padding: 3px;
margin: 1px;}

/*modification au survol*/
.lien_nav:hover{
border: 1px solid #00ff00;
padding: 3px;
margin: 1px;}


Cordialement.

[Lee GaeWong]

Bonsoir,
Oh, j'en apprends de plus en plus, merci beaucoup ^O^
Je vais essayer ça ~