Comment faire une ligne moderne pour catégories ??

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_. le 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 réaliser cela ?

Merci d'avance Very Happy


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

Rin_.
****

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

http://google.fr
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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
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_. le Mar 6 Sep 2011 - 12:05

Sa ne marche pas D:

Rin_.
****

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

http://google.fr
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 le Mar 6 Sep 2011 - 12:47

Remplacez .secondarytitle par a.forumlink alors ^^

SoraNoHime
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
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_. le Mar 6 Sep 2011 - 20:03

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

Rin_.
****

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

http://google.fr
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 le Mer 7 Sep 2011 - 11:07

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

Cordialement.

SoraNoHime
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
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_. le 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_.
****

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

http://google.fr
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 le Mer 7 Sep 2011 - 22:22

^^ enlever le h2

Cordialement.

SoraNoHime
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
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_. le 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_.
****

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

http://google.fr
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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
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_. le Jeu 8 Sep 2011 - 19:43

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

Rin_.
****

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

http://google.fr
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 le Jeu 8 Sep 2011 - 20:44

PA > Affichage > Structures et Hiérarchie.

SoraNoHime
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
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_. le Dim 11 Sep 2011 - 12:35

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


Rin_.
****

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

http://google.fr
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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
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_. le 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_.
****

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

http://google.fr
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 le Dim 11 Sep 2011 - 13:35



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

SoraNoHime
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
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_. le 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_.
****

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

http://google.fr
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_. le Mar 13 Sep 2011 - 19:33

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

Rin_.
****

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

http://google.fr
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 le 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
**

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

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 le Mer 14 Sep 2011 - 17:31

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

Tokio
Nouveau membre

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

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_. le 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_.
****

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

http://google.fr
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_. le Jeu 15 Sep 2011 - 19:18

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

Rin_.
****

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

http://google.fr
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 le 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
**

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

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_. le Ven 16 Sep 2011 - 17:32

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

Rin_.
****

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

http://google.fr
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_. le Dim 18 Sep 2011 - 10:29

Up ! Un peu d'aide ?

Rin_.
****

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

http://google.fr
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_. le Lun 19 Sep 2011 - 19:00

Up ! Merci de m'aider :3

Rin_.
****

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

http://google.fr
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' le 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'
****

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

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 le 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 ?





Lixyr
Aidactive
Aidactive

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

http://forum-test-in-lixyr.rpg-dynasty.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_. le Mar 20 Sep 2011 - 18:12

Exactement ! C'est bien ça.

Rin_.
****

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

http://google.fr
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' le 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'
****

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

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


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