Décoration d'un lien spécifique Bouton_activeDécoration d'un lien spécifique Bouton_hoverDécoration d'un lien spécifique Fb-hoverDécoration d'un lien spécifique Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Décoration d'un lien spécifique EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Décoration d'un lien spécifique EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Décoration d'un lien spécifique EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Décoration d'un lien spécifique EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Décoration d'un lien spécifique EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Décoration d'un lien spécifique EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Décoration d'un lien spécifique EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Décoration d'un lien spécifique EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -17%
(Black Friday) Apple watch Apple SE GPS + Cellular ...
Voir le deal
249 €

Partagez
 

Décoration d'un lien spécifique

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




Décoration d'un lien spécifique Empty
Hello,
J'aimerais savoir s'il était possible d'appliquer ce code :
https://css-actif.forumactif.org/liens-f4/decorations-des-liens-t130.htm
Sur un lien spécifique qui se trouve sur la page d'accueil. :S
Merci. =D
MessageSujet: Décoration d'un lien spécifique   Décoration d'un lien spécifique EmptyDim 31 Jan 2010, 10:03
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Décoration d'un lien spécifique Empty
Oui bien sur. tu peut appliquer sur n'importe qu'elle lien, il faut juste que tu es son nom.
MessageSujet: Re: Décoration d'un lien spécifique   Décoration d'un lien spécifique EmptyLun 01 Fév 2010, 11:30
Revenir en haut Aller en bas
Invité
Invité




Décoration d'un lien spécifique Empty
Hum, quelqu'un pourrait me dire comment faire ? :S
Avec les balises exemples et je n'ai qu'à remplir pour voir... :S
Merci, hein, désolée. Very Happy
MessageSujet: Re: Décoration d'un lien spécifique   Décoration d'un lien spécifique EmptyMar 02 Fév 2010, 13:42
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Décoration d'un lien spécifique Empty
Oui bien sur. Alors on va crée un lien google par exemple, qui nous menera donc sur la page de google.
Ca c'est le html.
Code:

<a href="http://www.google.fr/">Google</a>

Et la le css:
Code:

a:before { content: "<<"; }
a:after { content: ">>"; }

a:hover:before { content: ">>"; }
a:hover:after { content: "<<"; }

Ensuite tu n'est pas obliger de l'afficher qu'aux baliser a. Tu peux definir une class.
Exemple.
Html
Code:

<a href="http://www.google.fr/" class="google">Google</a>

Et la le css:
Code:

.google:before { content: "<<"; }
.google:after { content: ">>"; }

.google:hover:before { content: ">>"; }
.google:hover:after { content: "<<"; }

Et voilà
MessageSujet: Re: Décoration d'un lien spécifique   Décoration d'un lien spécifique EmptyMer 03 Fév 2010, 06:39
Revenir en haut Aller en bas
Invité
Invité




Décoration d'un lien spécifique Empty
Thalie, tu ne rencontres aucun problème avec ce CSS ?
Car pour ma part quand je copie/colle ce que tu donnes (ou aussi celui qui est donné dans le tuto) cela me marque :

Code:
Erreur détectée
Nous avons compté un nombre différent de "{" et de "}". Cela signifie que votre CSS risque de ne pas être valide et ne sera pas affiché correctement sur votre forum.

Nous vous conseillons de relire votre code.

et le code se change en ça :


Code:
.google:before { content: ""; }

.google:hover:before { content: ">>"; }
.google:hover:after { content: "
MessageSujet: Re: Décoration d'un lien spécifique   Décoration d'un lien spécifique EmptyMer 03 Fév 2010, 09:49
Revenir en haut Aller en bas
Invité
Invité




Décoration d'un lien spécifique Empty
Hey y'all,
Merci beaucoup, ça marche à la perfection. Very Happy
Tout est bon, merci encore. Very Happy
MessageSujet: Re: Décoration d'un lien spécifique   Décoration d'un lien spécifique EmptyMer 03 Fév 2010, 10:40
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Décoration d'un lien spécifique Empty
Ok cool.
Kimy > pour le code, je n'ai fait qu'un copié collée du tuto, donc après je ne sais pas sorry.
MessageSujet: Re: Décoration d'un lien spécifique   Décoration d'un lien spécifique EmptyMer 03 Fév 2010, 10:57
Revenir en haut Aller en bas
Invité
Invité




Décoration d'un lien spécifique Empty
Pas de soucis!
MessageSujet: Re: Décoration d'un lien spécifique   Décoration d'un lien spécifique EmptyMer 03 Fév 2010, 17:59
Revenir en haut Aller en bas
Contenu sponsorisé




Décoration d'un lien spécifique Empty
MessageSujet: Re: Décoration d'un lien spécifique   Décoration d'un lien spécifique Empty
Revenir en haut Aller en bas
 

Décoration d'un lien spécifique

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» QEEL spécifique
» Décoration sur le lien survolé { RÉSOLU !
» Aide pour une décoration de lien.
» Lien du menu et lien normaux de couleurs différentes
» Lien Minuscule à Normal sur lien Catégorie

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forumactif.com