Bonsoir à tous !

J'ai suivi le tutoriel suivant
http://www.css-actif.com/images-f6/effet-d-opacite-sur-une-image-t431-90.htm,
en espérant pouvoir trouver quelques petites astuces pour faire des fondus progressifs non pas sur les images, mais sur les titres des forums ainsi que sur la navigation.
J'ai donc remplacé le code nécessaire dans le overall_footer, parce que qui a été proposé, mis ce qu'il fallait au niveau du CSS pour l'opacité.
Mais pour que ce soit en fondu, faut-il faire autrement pour la navigation et les titres des forums ?

Merci par avance de votre et bonne fin de soirée !!

Eh bien, si tu as suivi l'explication de H. Wolowitz pour faire un fondu progressif, il te suffira d'entourer tes titres de :

Code:

<span class="opacity"></span>

Et ça marchera tout simplement !

En espérant avoir pu t'aider ! ^^

Nan, j'ai trouvé pour les liens, il fallait utiliser
J'avoue que ton aide m'a quand même mené à une sacrée réflexion xD

Code:

<span class="gradualfader></span>

Mais pour l'appliquer à la navigation, faut-il placer le code dans un template, ou bien ?

Merci encore

Je vais essayer de répondre, mais je ne suis pas sûre que ce que je te recommande de faire fonctionne, mais dans tous les cas, t'as absolument rien à perdre :

Tu vas dans ton template overall_header et tu cherches ce passage (plutôt vers la fin) :

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                    <tr>
                        <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                    </tr>
                </table>

et tu le remplaces par :

Code:

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                    <tr>
                        <td align="{MENU_POSITION}"{MENU_NOWRAP} class="gradualfader">{GENERATED_NAV_BAR}</td>
                    </tr>
                </table>

le problème, c'est que je suis pas sûre que chaque élément fonctionne indépendamment. Peut-être que quand tu passeras ta souris sur un élément, tout se mettra en gradualfader et pas seulement l'élément :/

J'ai essayé, mais ça le fait pour toute la barre de navigation, comme tu l'as dit :/
(ça fait aussi joli xD)

Bonsoir,

Dans une certaine optique , cela peut être utilisé indépendamment pour chaque lien de la barre de navigation . Je vais donc vous demander le css de votre barre de navigation pour pouvoir faire les modifications voulues.

http://www.css-actif.com/structures-des-forums-f31/effet-de-lumiere-sur-vos-titre-de-forums-et-liens-t6321.htm#50704

Air. >> Mais ce tuto là ne concerne que les titres des forums, comme indiqué, non ? De ce côté, il n'y a aucun problème, c'est juste au niveau de la navigation ^^

Radimir : Merci de prendre le temps de regarder mon CSS et tout ce qui va avec, voici le css de ma navigation ^^ :

Code:

/*navigation*/
a.mainmenu{
color: #ffffff;
font-size: 12px;
text-shadow: 0px 1px 15px #ffffff;
text-align: center;
padding-right: 3px;
font-family: georgia;
}

a.mainmenu:hover{
color: #87a0b1;
font-size: 12px;
text-shadow: 0px 1px 15px #ffffff;
text-align: center;
padding-right: 3px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
font-family: georgia;
}

Merci beaucoup !

Oui, il concerne les titres du forum, si tu les appliques là. Mais si tu utilises le <span class="gradualfader"> </span> ailleurs ça marchera aussi Il faut juste coller le script dans les templates. Tu peux même utiliser ça dans la PA ou dans la description des forums, enfin n'importe où

Oui, mais le problème, c'est que le menu est contenu dans une seule balise dans les templates... D'où le soucis pour appliquer le gradualfader à chaque élément du menu...

Oui, le problème n'est pas tout à fait résolu, mais on m'a déjà bien aidé, et je vais faire avec^^

Merci encore de votre attention !