Modifier : voir ses nouveaux messages/ses messages/ses messages sans réponses /marquer comme non lus

[Ancients]

Rappel du premier message :

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://nsp-d3.forumofficiel.com/

Description du problème

Bonjour,

J'aimerai changer l'affichage de ces liens.

J'aimerai mettre tout à droite une image comme ceci :



Et en cliquant dessus, ça affiche les 4 liens :

Voir les nouveaux messages depuis votre dernière visite
Voir ses messages
Voir les messages sans réponses
Marquer tous les forums comme lus

Par ailleurs, peut-on changer le nom de "Voir les nouveaux messages depuis votre dernière visite" en "Voir les nouveaux messages"?

Merci d'avance pour votre aide.

[Ancients]

Bonsoir, toujours personne pour m'aider?

Merci d'avance!

[Ancients]

Bonsoir

Up

[no_way]

Bonjour

Essayez de remplacer votre linklist par celle-ci:

Code:

<ul class="linklist">
    <li id="linklist_plus"><img src="http://i65.tinypic.com/2rdyx4k.png" />
        <ul id="linklist_items">
        <!-- BEGIN switch_user_logged_in -->
        <li><a href="{U_SEARCH_NEW}" title="Messages en votre absence"><img src="http://ahp.li/6b38cd2f64d3bf2238a9.png" /></a></li>
        <li><a href="/search?search_id=activetopics" title="Les messages du jour"><img src="http://ahp.li/550a72825d2add26bb97.png" /></a></li>
        <li><a href="{U_SEARCH_SELF}" title="Mes messages"><img src="http://ahp.li/1512f86dd68a15712d2b.png" /></a></li>
        <!-- END switch_user_logged_in -->
        <li><a href="{U_SEARCH_UNANSWERED}" title="Messages sans réponses"><img src="http://ahp.li/caa1ac5cb4d86ec8b8cf.png" /></a></li>
        <!-- BEGIN switch_user_logged_in -->
        <li><a href="{U_MARK_READ}" accesskey="m" title="Marquer tous les forum comme lus"><img src="http://ahp.li/463716168b343948eb2c.png" /></a></li>
        <!-- END switch_user_logged_in -->
        </ul>
    </li>
</ul>

puis ajoutez le code CSS suivant:

Code:

#linklist_items{
    position:absolute;
    display:none;
    background:#12110f;
    border:#ad835a 1px solid;
}
#linklist_plus:hover #linklist_items{
    display:block;
}

[Ancients]

Bonjour,

Le résultat est superbe merci!

Est-ce possible de mettre le contenu l'un en dessous de l'autre au lieu d'a la suite?

Bonne soirée

[no_way]

De rien, voici le code CSS à ajouter:

Code:

#linklist_items>li{
    display:block;
}

ça devrait faire l'affaire normalement

[Ancients]

Yes! Merci

Une dernière, si je veux enlever les images plus tard pour n'avoir que le texte.

Quand je supprime cette partie dans le template :

Code:

<img src="http://ahp.li/6b38cd2f64d3bf2238a9.png" />

Il n'y a plus rien d'affiché au passage de la souris.

Merci beaucoup!

[no_way]

Si vous supprimez les images il vous faudra taper le texte voulu à la place tout simplement

[Ancients]

En effet

C'est parfait merci beaucoup.

Bonne soirée

[no_way]

Je vous en prie, bonne continuation.