Comment faire une ligne moderne pour catégories ??

+3
Petit Démon rêveur
Tokio
SoraNoHime
7 participants

Page 1 sur 2 1, 2  Suivant

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

Résolu Comment faire une ligne moderne pour catégories ??

Message par Rin_. Lun 5 Sep 2011 - 14:38

Bonjour,

Aujourd'hui, jour de rentrée : joyeuse rentrée :3 , j'ai découvert un design impressionnant au niveau des catégories divers d'un forum dont je ne citerai le nom.
Voici le résultat de leur codage miraculeux, que j'admire.

Comment faire une ligne moderne pour catégories ?? Lookvuv

Comment réaliser cela ?

Merci d'avance Very Happy


Dernière édition par Rin_. le Ven 21 Oct 2011 - 20:22, édité 1 fois
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

Voir le profil de l'utilisateur http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par SoraNoHime Mar 6 Sep 2011 - 4:12

Bonsoir

Pour faire ceci il suffit d'insérer dans votre css :

.secondarytitle h2 :hover:after{
content:" texte ou symbole voulu ";
}

si vous désirez mettre plutôt une image

.secondarytitle h2 :hover:after{
content : url(adresse de l'image) ;
}

en remplacçant les parties en rouge

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

Voir le profil de l'utilisateur
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. Mar 6 Sep 2011 - 12:05

Sa ne marche pas D:
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

Voir le profil de l'utilisateur http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par SoraNoHime Mar 6 Sep 2011 - 12:47

Remplacez .secondarytitle par a.forumlink alors ^^
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

Voir le profil de l'utilisateur
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. Mar 6 Sep 2011 - 20:03

Etrange, le résultat reste le même.
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

Voir le profil de l'utilisateur http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par SoraNoHime Mer 7 Sep 2011 - 11:07

Passez-moi ce que vous avez mis dans votre css dans ce cas ^^

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

Voir le profil de l'utilisateur
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. Mer 7 Sep 2011 - 18:03

Code:
a.forumlink h2 :hover:after{
content:"texte ou symbole voulu";
}

J'ai mis exactement le code que vous avez mis dans un de vos messages précédents.
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

Voir le profil de l'utilisateur http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par SoraNoHime Mer 7 Sep 2011 - 22:22

^^ enlever le h2

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

Voir le profil de l'utilisateur
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. Jeu 8 Sep 2011 - 18:29

Sa ne change rien. Voici le code que j'ai en CSS.

Code:
a.forumlink :hover:after{
content:"texte ou symbole voulu";
}
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

Voir le profil de l'utilisateur http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par SoraNoHime Jeu 8 Sep 2011 - 18:50

Code:
        a.forumlink:hover:after{
        content:"texte ou symbole voulu";
        }

^^ tout doit être collé. De même si cela ne fonctionne pas donnez moi votre niveau de hiérarchie.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

Voir le profil de l'utilisateur
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. Jeu 8 Sep 2011 - 19:43

Même résultat, mais pour le niveau de hiérarchie, c'est-à-dire ?
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

Voir le profil de l'utilisateur http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par SoraNoHime Jeu 8 Sep 2011 - 20:44

PA > Affichage > Structures et Hiérarchie.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

Voir le profil de l'utilisateur
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. Dim 11 Sep 2011 - 12:35

Voici une capture d'écran de la hiérarchie du forum :

Comment faire une ligne moderne pour catégories ?? Nhnhnjn
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

Voir le profil de l'utilisateur http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par SoraNoHime Dim 11 Sep 2011 - 12:40

Donc le dernier code est bon. Est je vois bien la ligne changer sur votre forum (lien de votre profil) en passant la souris dessus.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

Voir le profil de l'utilisateur
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. Dim 11 Sep 2011 - 13:30

Je ne vois pas l'effet voulu. Êtes-vous certaine de savoir de quel effet je parle, tel que l'exemple montré dans mon premier message ?
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

Voir le profil de l'utilisateur http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par SoraNoHime Dim 11 Sep 2011 - 13:35

Comment faire une ligne moderne pour catégories ?? 031

Voyez vous même, vous avez juste à personnaliser pour la suite.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

Voir le profil de l'utilisateur
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. Dim 11 Sep 2011 - 18:23

Mais ... ce n'est pas trop ce que j'ai demandé, en fait j'aimerai la "zone" qui se trouve derrière le texte que j'ai posté dans l'exemple de mon premier message.
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

Voir le profil de l'utilisateur http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. Mar 13 Sep 2011 - 19:33

Up Very Happy
Merci de répondre à mon petit problème.
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

Voir le profil de l'utilisateur http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Petit Démon rêveur Mer 14 Sep 2011 - 15:38

Bonjour,

Votre demande n'est pas très claire.
Concrètement qu'est-ce que vous voulez ? L'effet sur le texte ?

Cordialement.
Petit Démon rêveur

Petit Démon rêveur
**

Messages : 74
Inscrit(e) le : 30/08/2010

Voir le profil de l'utilisateur http://ecole-kenryoku.forumactif.com/  (forum test)
Petit Démon rêveur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Tokio Mer 14 Sep 2011 - 17:31

moi l'effet clignotant m'intéresserait bien !
avatar

Tokio
Nouveau membre

Messages : 15
Inscrit(e) le : 05/09/2011

Voir le profil de l'utilisateur http://genius-school.1fr1.net/
Tokio a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. Mer 14 Sep 2011 - 19:23

Mais ce n'est pas clignotant ! C'est quand on passe la souris dessus, que sa devient vert... et si vous voulez qu'on réponde à une de vos questions vous devriez peut-être poster celle-ci et pas dans le sujet d'une autre personne. Pour en revenir au problème, c'est la "zone" derrière le texte qui m'interesse, regarder bien l'image que je montre dans le premier message de ce sujet : La voyez-vous la zone marron derrière le texte?
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

Voir le profil de l'utilisateur http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. Jeu 15 Sep 2011 - 19:18

Petit up ! J'ai besoin d'aide :3
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

Voir le profil de l'utilisateur http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Petit Démon rêveur Ven 16 Sep 2011 - 9:53

Vous parlez en fait du texte qui dépasse au-dessus de la bordure rose claire ? Parce que je ne vois pas de marron. Ce serait plus simple que vous annotiez votre screen.
Et est-ce que la dite zone change au passage de la souris ou non ? Parce qu'à part la couleur du texte, je ne remarque rien de particulier.
Petit Démon rêveur

Petit Démon rêveur
**

Messages : 74
Inscrit(e) le : 30/08/2010

Voir le profil de l'utilisateur http://ecole-kenryoku.forumactif.com/  (forum test)
Petit Démon rêveur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. Ven 16 Sep 2011 - 17:32

Exactement ! C'est une bordure rose clair en effet !
En fait je cherche comment la créer.
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

Voir le profil de l'utilisateur http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. Dim 18 Sep 2011 - 10:29

Up ! Un peu d'aide ?
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

Voir le profil de l'utilisateur http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. Lun 19 Sep 2011 - 19:00

Up ! Merci de m'aider :3
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

Voir le profil de l'utilisateur http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Cass' Lun 19 Sep 2011 - 20:30

    Bonsoir ~ Voilà je viens de tomber sur votre sujet et si j'ai bien tout lu, le code que vous as donné Macema ne marche pas ? J'ai pourtant regardé votre forum et lorsque je passe ma souris sur votre titre, ça marche tout à fait. Je ne pense pas que ce soit un problème de navigateur, Macema a le même que le vôtre et voit très bien le résultat. Une ancienne version de Firefox ? Ou alors tout simplement un problème lorsque vous copier/coller ? (ça paraît bête, je conçois mais parfois ce sont des erreurs qu'on ne remarque pas et vu que ça nous paraît évident on ne pense pas à les vérifier).

    J'ai par curiosité testé sur mon forum test et je ne le vois pas non plus... Étrange. xD Car je le vois chez vous Rin_. mais chez moi il n'apparaît pas.
Cass'

Cass'
****

Féminin
Messages : 226
Inscrit(e) le : 01/06/2011

Voir le profil de l'utilisateur http://golden-fool.bb-fr.com/
Cass' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Lixyr Lun 19 Sep 2011 - 21:08

Bonsoir. C'est le fond en forme de bande, que tu veux, pas l'effet direct sur le lien, c'est bien ça ?


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Comment faire une ligne moderne pour catégories ?? 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Comment faire une ligne moderne pour catégories ?? 3592387030 pour prévenir la modération.

Comment faire une ligne moderne pour catégories ?? Baston10
Lixyr

Lixyr
Aidactive
Aidactive

Féminin
Messages : 7004
Inscrit(e) le : 22/07/2010

Voir le profil de l'utilisateur https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Rin_. Mar 20 Sep 2011 - 18:12

Exactement ! C'est bien ça.
Rin_.

Rin_.
****

Féminin
Messages : 250
Inscrit(e) le : 02/04/2011

Voir le profil de l'utilisateur http://chicken-eatgreen.forumactif.org
Rin_. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment faire une ligne moderne pour catégories ??

Message par Cass' Mar 20 Sep 2011 - 18:55

  • Code:
    <div style="margin-bottom: -10px; font-size: 16px">blabla</div><div style="border-top: 5px solid #989898"> </div>

    Comme ceci ? x3
Cass'

Cass'
****

Féminin
Messages : 226
Inscrit(e) le : 01/06/2011

Voir le profil de l'utilisateur http://golden-fool.bb-fr.com/
Cass' a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

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

- Sujets similaires

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