Liens survolés

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Liens survolés

Message par vuhj le Lun 22 Fév 2010 - 15:59

Bonjour,

J'ai mis un code pour que les liens des sous forums se mettent en majuscule quand ils sont survolés. Mais du coup, tous les liens se mettent en majuscule =(. Comment éviter ça ?

Merci


Dernière édition par vuhj le Mar 23 Fév 2010 - 16:54, édité 1 fois

vuhj
****

Féminin
Messages : 321
Inscrit(e) le : 18/12/2008

http://nos-amis-a-criniere.forumactif.com/index.htm
vuhj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens survolés

Message par Invité le Lun 22 Fév 2010 - 16:11

Bonjour,

@vuhj a écrit:J'ai mis un code pour que les liens des sous forums se mettent en majuscule quand ils sont survolés. Mais du coup, tous les liens se mettent en majuscule =(. Comment éviter ça ?
En mettant l'attribut class et un intitulé dans les titres des sous forums.
Peux-tu donner le code que tu as mis.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens survolés

Message par vuhj le Lun 22 Fév 2010 - 16:16

Le code :

Code:
a:hover {
text-transform: uppercase;
color:#600078;
font-family:Book Antiqua;
}

vuhj
****

Féminin
Messages : 321
Inscrit(e) le : 18/12/2008

http://nos-amis-a-criniere.forumactif.com/index.htm
vuhj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens survolés

Message par Invité le Lun 22 Fév 2010 - 16:30

Mouais, je m'en doutais un peu, c'est le code pour tous les liens.

Dans ton CSS tu crées un intitulé comme ça :
.fotitle:hover {text-transform: uppercase;
color: #600078;
font-family: Book Antiqua;
}
By the way, ce serait plus judicieux que tu ajoutes des polices pour ceux qui ne l'ont pas enregistrée sur leur ordi (comme moi), il ne pourront pas la lire.

Ensuite tu le reprends dans le titre de tes forums ainsi :
<span class="fotitle">TITRE</span>

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens survolés

Message par vuhj le Lun 22 Fév 2010 - 16:35

Merci =) Mais je n'ai pas très bien compris pour le deuxième code. Je le mets où ?

EDIT : c'est bon en faite merci =D

vuhj
****

Féminin
Messages : 321
Inscrit(e) le : 18/12/2008

http://nos-amis-a-criniere.forumactif.com/index.htm
vuhj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens survolés

Message par Invité le Lun 22 Fév 2010 - 16:55

Ah oui pardon, c'est dans Général >> Catégories et forums > edit > Titre

Tu peux aussi exploiter cet intitulé pour l'affichage des titres (ou autre) normal = sans le hover, en lui supprimant le :hover et lui donner les propriétés que tu veux pour tes titres de forums (avant le passage du curseur).
Repris en HTML par le class exactement comme expliqué plus haut et, il aura les deux fonctions.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens survolés

Message par vuhj le Lun 22 Fév 2010 - 17:00

Ok ^^
Par contre, j'ai une autre question : comment enlever le lien des titres des catégories ? Je voudrais aussi changer sa couleur, et le centrer. C'est possible ?

vuhj
****

Féminin
Messages : 321
Inscrit(e) le : 18/12/2008

http://nos-amis-a-criniere.forumactif.com/index.htm
vuhj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens survolés

Message par Invité le Lun 22 Fév 2010 - 17:34

Ah pour les enlever en lien, il faut séparer les catégories sur l'accueil, du moins c'est le plus simple.

Dans le PA >> Affichage >> Structure et hiérarchie >> L'un ou l'autre mais en taux de compression "moyen"

Pour les titres des catégories, oui c'est possible mais il faut le faire aussi par les templates pour le centrage, parce que le span n'aligne pas et le div crée un bloc donc agrndit l'espace du titre, ainsi que les balises <center></center>

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens survolés

Message par vuhj le Lun 22 Fév 2010 - 17:39

Et qu'est-ce qu'il faut faire dans les templates ?

vuhj
****

Féminin
Messages : 321
Inscrit(e) le : 18/12/2008

http://nos-amis-a-criniere.forumactif.com/index.htm
vuhj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens survolés

Message par Invité le Mar 23 Fév 2010 - 13:08

Il faut aller dans le template index_box
Cherche cette partie :
Code:
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
Où on ajoute juste un alignement à la cellule ("td") au début :
<td align="center" class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
Pour ce qui est du texte, tu procèdes exactement comme pour "fotitle" en lui donnant un autre intitulé et les propriétés CSS que tu veux.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens survolés

Message par vuhj le Mar 23 Fév 2010 - 14:39

J'ai pas compris pour le texte. Je peux le changer de couleur ?

vuhj
****

Féminin
Messages : 321
Inscrit(e) le : 18/12/2008

http://nos-amis-a-criniere.forumactif.com/index.htm
vuhj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens survolés

Message par Invité le Mar 23 Fév 2010 - 15:49

Oui absolument, tu peux faire tout ce que tu veux par du CSS :
Code:
.intitulé {...; CSS ...;
}
Que tu reprends dans les balises "span" en HTML autour des titres des catégories, comme pour les forums.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens survolés

Message par vuhj le Mar 23 Fév 2010 - 15:52

Et à la place des points je mets quoi ? (Oui, je suis nulle en HTML ^^")

vuhj
****

Féminin
Messages : 321
Inscrit(e) le : 18/12/2008

http://nos-amis-a-criniere.forumactif.com/index.htm
vuhj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens survolés

Message par Invité le Mar 23 Fév 2010 - 16:08

Nenni tu n'es pa nulle en HTML, c'est du CSS ! Mr. Green

Comme l'exemple plus haut :
/*sans le hover*/
.intitulé {text-transform: lowercase;
color: #code_couleur;
font-family: Book Antiqua;
}
/*au survol*/
.intitulé:hover {text-transform: uppercase;
color: #code_couleur;
font-family: Book Antiqua;
}

Dans les titres des catégories tu reprends comme pour les titres des forums :
Code:
<span class="intitulé">TITRE</span>

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens survolés

Message par vuhj le Mar 23 Fév 2010 - 16:14

Ca marche merci beaucoup ! Et je suis nulle en CSS aussi xD

vuhj
****

Féminin
Messages : 321
Inscrit(e) le : 18/12/2008

http://nos-amis-a-criniere.forumactif.com/index.htm
vuhj a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Liens survolés

Message par Invité le Mar 23 Fév 2010 - 16:42

@vuhj a écrit:Et je suis nulle en CSS aussi
Meuh nenni point du tout, c'est comme tout langage, ça s'apprend. Wink


Je t'en prie.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum