Avoir le même effet bleuté sur les liens
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Avoir le même effet bleuté sur les liens
Bonjour, j'adore le passage à la couleur halo bleuté des liens de ce forum quand on passe le curseur dessus.(pas en mode réponse rapide, mais en cliquant sur "répondre")
En cherchant, j'ai vu qu'il existait un tuto pour changer les couleurs des liens, mais ça me semble un peu compliqué, surtout s'il faut tâtonner afin d'obtenir la même nuance qu'ici.
https://forum.forumactif.com/t345726-ajouter-un-effet-de-transition-sur-les-liens
S'il est possible d'obtenir exactement le même code qu'ici, ça me ferait bien plaisir.
Sinon pas de souci, je tâtonnerai avec les codes si je trouve le temps, vous êtes déjà si impliqués et prévenants sur des tas de sujets plus importants
Merci quoi qu'il en soit
En cherchant, j'ai vu qu'il existait un tuto pour changer les couleurs des liens, mais ça me semble un peu compliqué, surtout s'il faut tâtonner afin d'obtenir la même nuance qu'ici.
https://forum.forumactif.com/t345726-ajouter-un-effet-de-transition-sur-les-liens
S'il est possible d'obtenir exactement le même code qu'ici, ça me ferait bien plaisir.
Sinon pas de souci, je tâtonnerai avec les codes si je trouve le temps, vous êtes déjà si impliqués et prévenants sur des tas de sujets plus importants
Merci quoi qu'il en soit
Dernière édition par -Méphisto- le Lun 29 Avr 2013 - 20:51, édité 2 fois
Re: Avoir le même effet bleuté sur les liens
Salut -Méphisto- ,
pour les couleurs de liens sur le F.D.F :
On peut toujours personnaliser autrement des liens en plaçant dans un template
un identifiant :
Exemple avec le template INDEX_BODY
Tout au début on place par exemple un identifiant facilement repérable dans la C.S.S:
Puis à la fin de ce dernier la fermeture:
et enfin dans la css
l’identifiant puis ensuite la class
Voilà, c'est juste à titre d'exemple .
a++
pour les couleurs de liens sur le F.D.F :
- Code:
/*LIEN NORMAL*/
a:link
{
color: #0372BE;
text-decoration: none;
}
/*LIEN SURVOLE*/
a:hover
{
color:#FF8A00;
}
On peut toujours personnaliser autrement des liens en plaçant dans un template
un identifiant :
Exemple avec le template INDEX_BODY
Tout au début on place par exemple un identifiant facilement repérable dans la C.S.S:
- Code:
<div id="M14_lien_INDEX_body">
Puis à la fin de ce dernier la fermeture:
- Code:
</div>
et enfin dans la css
l’identifiant puis ensuite la class
- Code:
#M14_lien_INDEX_body .gensmall {color:red;}
#M14_lien_INDEX_body a.gensmall {color:green;}
#M14_lien_INDEX_body a.forumlink {color:darkblue;}
#M14_lien_INDEX_body a.cattitle {color:darkorange;}
#M14_lien_INDEX_body .mod-text {color:black;}
#M14_lien_INDEX_body a.group-mod {color:violet;}
#M14_lien_INDEX_body a:link{color:darkred;}
Voilà, c'est juste à titre d'exemple .
a++
Invité- Invité
Re: Avoir le même effet bleuté sur les liens
Re,
Si tu parles des boutons "Prévisualiser" "Brouillon" et "Envoyer" ?
Essayes ceci, tu devrais retrouver un peu le même style :
Si tu as déjà personnalisé ces derniers dans ta C.S.S, penses à les supprimer avant .
a++
j'ai essayé, mais à les liens ne sont pas devenus bleutés au passage du curseur ...
Si tu parles des boutons "Prévisualiser" "Brouillon" et "Envoyer" ?
Essayes ceci, tu devrais retrouver un peu le même style :
Si tu as déjà personnalisé ces derniers dans ta C.S.S, penses à les supprimer avant .
- Code:
/*Les boutons previsualiser brouillon et envoyer etc*/
input.mainoption , input.liteoption
{
background-color: #F5F5F5;
background-image: url("http://i83.servimg.com/u/f83/18/26/42/15/bouton10.png");
background-repeat: repeat-x;
border: 1px solid #C3E0F1;
border-radius: 2px 2px 2px 2px;
box-shadow: 1px 1px 1px;
color: #666666 !important;
cursor: pointer;
font-size: 11px;
font-weight: 700;
height: 24px;
line-height: 27px;
margin: 5px 6px;
padding: 0 8px !important;
text-align: center;
-o-transition-timing-function: ease-in;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
/*Les boutons previsualiser brouillon et envoyer etc au survol*/
input.mainoption:hover , input.liteoption:hover
{
background-position: 0px 100%;
border: 1px solid #00A5CD !important;
box-shadow: 1px 1px 5px !important;
color: #00A5CD !important;
}
a++
Invité- Invité
Re: Avoir le même effet bleuté sur les liens
Merci, mais ce que je recherche, c'est d'avoir les boutons "gras", "police" "smiley" qui se retrouvent soudain dans un encadré qui devient arrondi (au lieu d'être carré) et nimbé de bleu même à l'extérieur du cadre au passage du curseur
Et je me suis aperçu que sur IE, tout rame (le bouton répondre ne s'affiche qu'au bout d'une minute ou plus!) et une fois la fenêtre enfin ouverte, bien des images liens ne s'affichent plus (ou par des carré avec une croix rouge) (je ne sais si c'est lié, mais la coïncidence est troublante)
Et je me suis aperçu que sur IE, tout rame (le bouton répondre ne s'affiche qu'au bout d'une minute ou plus!) et une fois la fenêtre enfin ouverte, bien des images liens ne s'affichent plus (ou par des carré avec une croix rouge) (je ne sais si c'est lié, mais la coïncidence est troublante)
Re: Avoir le même effet bleuté sur les liens
Re,
si c'est comme sur le module de rédaction ce sera ce code:
a++
si c'est comme sur le module de rédaction ce sera ce code:
- Code:
button.button2:hover , input.button2:hover
{
background-position: 0px 100%;
border: 1px solid #00A5CD !important;
box-shadow: 1px 1px 5px !important;
color: #00A5CD !important;
text-decoration:none !important;
}
a++
Invité- Invité
Re: Avoir le même effet bleuté sur les liens
Ah, là c'est génial !!!
Merci Milouze !
Juste un détail esthétique. Y a -t-il moyen d'avoir quelque part le même cadre qu'ici en réponse rapide. Le cadre bleuté est tout arrondi, c'est très doux je trouve. Mais est-ce possible en version "répondre" normale ?
Merci Milouze !
Juste un détail esthétique. Y a -t-il moyen d'avoir quelque part le même cadre qu'ici en réponse rapide. Le cadre bleuté est tout arrondi, c'est très doux je trouve. Mais est-ce possible en version "répondre" normale ?
Re: Avoir le même effet bleuté sur les liens
Re,
supprimes la class et remplaces par:
a++
supprimes la class et remplaces par:
- Code:
button.button2:hover , input.button2:hover
{
background-position: 0px 100%;
border: 1px solid #00A5CD !important;
box-shadow: 1px 1px 5px !important;
color: #00A5CD !important;
text-decoration:none !important;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
a++
Invité- Invité
Re: Avoir le même effet bleuté sur les liens
Merci Milouze, c'est très réussi !!!!
Sujets similaires
» Balise [code] [/code] : Avoir le texte « code » et « sélectionner le contenu » en bleu, plus gros ainsi qu’avoir la même couleur
» Avoir un effet Shadowbox blur sur la page login_popup
» Effet "brouillard" sur les liens
» Effet de transition sur les liens
» comment avoir la meme page
» Avoir un effet Shadowbox blur sur la page login_popup
» Effet "brouillard" sur les liens
» Effet de transition sur les liens
» comment avoir la meme page
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum