Soucis avec effet au cliquage
2 participants
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
Soucis avec effet au cliquage
Berk, berk, berk !
Je viens de passer ma soirée à épurer mon CSS et voilà que celui-ci me joue des tours !
Quand je clique sur un lien, à partir du moment où j'ai le bouton gauche appuyé dessus, un horrible cadre apparait !
J'ai du mal à supporter cet effet pas voulu, surtout que cela se voit bien trop sur les onglets de navigation !
Est-ce que je peux avoir le code CSS pour annuler cet effet ?
Je suppose que ça doit être
Mais je ne connais pas le nom de la valeur du moment où l'on clique. Hover est pour le survol et visited pour quand on a déjà cliqué.
Sinon si quelqu'un est assez gentil pour vérifier mon CSS et me dire si ce soucis provient de ce dernier, je lui en serais infiniment reconnaissante !
Bonne soirée =O Et merci d'avance, rien que pour m'avoir lu, vous méritez déjà un câlin ! :3
Je viens de passer ma soirée à épurer mon CSS et voilà que celui-ci me joue des tours !
Quand je clique sur un lien, à partir du moment où j'ai le bouton gauche appuyé dessus, un horrible cadre apparait !
J'ai du mal à supporter cet effet pas voulu, surtout que cela se voit bien trop sur les onglets de navigation !
Est-ce que je peux avoir le code CSS pour annuler cet effet ?
Je suppose que ça doit être
- Code:
a:(quelquechose) {
border: none}
Mais je ne connais pas le nom de la valeur du moment où l'on clique. Hover est pour le survol et visited pour quand on a déjà cliqué.
Sinon si quelqu'un est assez gentil pour vérifier mon CSS et me dire si ce soucis provient de ce dernier, je lui en serais infiniment reconnaissante !
- Code:
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
.postbody {
text-align: justify !important;
}
.my_modified_table{
width: 100%;
font-family: Verdana;
}
.my_disc{
width: 70%;
text-align:center;
font-size: 13px;
}
.my_forum_name{
display:none;
}
.my_cat ul{
margin:0;
padding: 0;
width: 800px !important;
}
.my_cat li{
margin-left: 2px;
}
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Our World"; }
a { text-decoration: none; }
/* Changement au survol */
.monBloc:hover > .blocVolet {
left: 250px; /* le bloc se décalera vers la gauche de 250px; (largeur du bloc) */
}
/* Bloc principal */
.monBloc {
position: relative; /* important ! */
overflow: hidden; /* cache tout ce qui dépasse du bloc. Si vous voulez que votre volet dépasse, retirez cette ligne */
width: 250px; /* largeur du bloc */
height: 150px; /* hauteur du bloc */
background: darkred; /* couleur de fond */
background-image: url(http://img11.hostingpics.net/pics/127622Dessous.png);
text-align:justify;
word-wrap:break-word;
overflow-y: auto;
color : black;
}
/* Bloc de recouvrement */
.blocVolet {
position: absolute; /* positionnement absolu (important) */
top: 0; /* (important) */
left: 0; /* (important) */
width: 250px; /* largeur du bloc (identique au bloc principal) */
height: 150px; /* hauteur du bloc (identique au bloc principal) */
background: black; /* couleur de fond */
background-image: url(http://img11.hostingpics.net/pics/560257Dessus.png);
overflow-y: hidden;
/* réglage de la transition */
-webkit-transition: all 1s linear;
-moz-transition: all 1s linear;
-ms-transition: all 1s linear;
-o-transition: all 1s linear;
transition: all 1s linear;
}
/* Editer */
-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }
/*Avatar a cote reponse rapide*/
#av_quickreply img {
height: 220px;
position: relative;
top: 10px;
left: 20px;
}
#av_quickreply {
float: left;
}
div.sceditor-container iframe, div.sceditor-container textarea {
background: transparent;
}
textarea {
background-color: #000000;
color: #FFFFFF;
}
PA
/*
|--------------------------------------------------------------------------
| CSS MESSAGE ACCUEIL
|--------------------------------------------------------------------------
*/
/* Propriétés générales */
.block, .titre, .lien {
background: #000000;
color: #ffffff;
border: 2px #ffffff solid;
-moz-border-radius:20px 20px 20px 20px;
-webkit-border-radius:20px 20px 20px 20px;
border-radius:20px 20px 20px 20px;
text-shadow: 0px 0px 8px #ffffff;
-moz-box-shadow: 1px 1px 5px #ffffff;
-webkit-box-shadow: 1px 1px 5px #ffffff;
}
.block, .lien {
text-align: center;
padding: 10px;
}
td {
vertical-align: top;
}
/* Images */
.block-partenaires img, .thumbnail > div {
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
-webkit-transition: opacity 1s;
-htm-transition: opacity 1s;
transition: opacity 1s;
}
.block-partenaires img {
width: 88px;
height: 31px;
padding: 1px;
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
}
.block-partenaires img:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
.thumbnail {
position: absolute;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail > div {
position: absolute;
left: -2000px;
padding: 5px;
margin: auto;
background-color: #000000;
color: #ffffff;
text-shadow: 0px 0px 8px #000000;
border: #ffffff 1px solid;
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
}
.thumbnail:hover > div {
top: 0px;
left: 0px;
width: 78px;
height: 78px;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
/* Liens */
.lien{
display: block;
width: 110px;
margin-right: 10px;
text-decoration: none;
color: #ffffff;
}
.lien:hover{
background: #ffffff;
color: #000000;
}
a.tstaff {
display: block;
text-align: center;
margin-top: 95px;
}
.block a {
text-decoration: none;
}
/* Blocs */
.block-welcome, .block-staff {
height: 150px;
overflow: auto;
text-align: justify;
}
.block-welcome {
width: 500px;
}
.block-staff {
width: 332px;
}
.block-staff table {
margin: auto;
}
.block-staff td {
width: 92px;
}
.block-partenaires, .block-nouveautes, .block-credits {
width: 280px;
height: 120px;
}
.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
width: 280px;
height: 70px;
overflow: auto;
}
/* Titres */
.titre {
font-family: impact;
font-size: 14px;
padding: 4px;
margin: auto;
margin-bottom: 5px;
}
.titre-welcome {
height: 130px;
width: 20px;
padding: 7px;
margin-right: -4px;
margin-top: 15px;
text-align: center;
border-right: 0px #ffffff solid;
}
.titre-staff {
width: 130px;
text-align: center;
}
.titre:hover {
background: #FFFFFF;
color: #000000;
text-shadow: 0px 0px 8px #000000;
}
.titre-welcome:hover {
background: #000000;
color: #ffffff;
text-shadow: 0px 0px 8px #ffffff;
}
font-family: 'Finger Paint', cursive;
- Code:
.quote {
-moz-border-radius: 15px 5px 15px 5px;
-webkit-border-radius:15px 5px 15px 5px;
border-radius: 15px 5px 15px 5px;
background-image: url(http://img15.hostingpics.net/pics/790559Citations.jpg);
color: #D2D0D0;
text-shadow: 4px 4px 4px #291111;
}
.code {
-moz-border-radius: 15px 5px 15px 5px;
-webkit-border-radius:15px 5px 15px 5px;
border-radius: 15px 5px 15px 5px;
background-image: url(http://img15.hostingpics.net/pics/790559Citations.jpg);
color: #D2D0D0;
text-shadow: 4px 4px 4px #291111;
}
.spoiler_content{
-moz-border-radius: 15px 5px 15px 5px;
-webkit-border-radius:15px 5px 15px 5px;
border-radius: 15px 5px 15px 5px;
background-image: url(http://img15.hostingpics.net/pics/790559Citations.jpg);
color: #D2D0D0;
text-shadow: 4px 4px 4px #291111;
}
.spoiler_closed {
-moz-border-radius: 15px 5px 15px 5px;
-webkit-border-radius:15px 5px 15px 5px;
border-radius: 15px 5px 15px 5px;
background-image: url(http://img15.hostingpics.net/pics/790559Citations.jpg);
color: #D2D0D0;
text-shadow: 4px 4px 4px #291111;
}
/*Fond*/
body{
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
background-image: url(http://i70.servimg.com/u/f70/18/21/69/91/fond14.jpg);
}
/*Chatbox*/
body.chatbox {
background-image:url(http://i70.servimg.com/u/f70/18/21/69/91/fond14.jpg); }
#chatbox_header {
background-image: url(http://i58.servimg.com/u/f58/18/21/69/91/barre10.png); }
/* Curseur */
body { cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur849.png), progress !important;}
a:hover {cursor: url(http://cur.cursors-4u.net/anime/ani-11/ani1002.cur), progress !important;}
textarea {
background-color: #000000;
color: #FFFFFF;
}
a { text-decoration: none; }
a {
-moz-transition:color 2s; /* Mozilla Firefox */
-webkit-transition:color 2s; /* Safari et Google Chrome */
-o-transition:color 2s; /* Opera */
transition:color 2s; }
.my_img{
width: 10%;
margin-left: 50px;
}
.my_stats{
width: 20%;
text-align:center;
}
.myfoo_title{
text-align:center;
width: 100%;
-moz-border-radius: 6px;
border: 1px solid #5F0908;
}
a.forumlink{
text-align:center;
font-size: 18px;
font-family: Times New Roman;
font-weight:bold
}
.my_cat_body{
border: 1px solid #EEE;
-moz-border-radius: 3px;
}
.my_cat_style{
border-top: 1px #666 solid;
border-left: 1px #666 solid;
border-right: 1px #666 solid;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align:center;
font-size: 20px;
padding-left:10px;
padding-right:10px;
display:inline;
background-color: #5F0908;
width: 200px;
font-family: Finger Paint;
font-weight: bold;
background-image: url(http://img15.hostingpics.net/pics/636066Bouton.png);
margin-left: auto;
margin-right: auto;
text-shadow: 4px 4px 4px #291111; }
.my_cat a{
text-decoration: none !important;
color: #000;
}
/*Arondir les Angles*/
textarea, .textarea.post, input.post {
-moz-border-radius: 15px 5px 15px 5px;
-webkit-border-radius:15px 5px 15px 5px;
border-radius: 15px 5px 15px 5px;
}
/*Boutons*/
input.liteoption {
-moz-border-radius: 15px 5px 15px 5px;
-webkit-border-radius:15px 5px 15px 5px;
border-radius: 15px 5px 15px 5px;
}
input.mainoption {
-moz-border-radius: 15px 5px 15px 5px;
-webkit-border-radius:15px 5px 15px 5px;
border-radius: 15px 5px 15px 5px;
}
/*Enlever soulignement des liens*/
a, a:hover {
text-decoration: none !important;
}
/*--- Boutons marchant pas ---*/
a.sceditor-button {
position: relative;
}
div.sceditor-group {
background-color: white !important;
margin-left: auto;
margin-right: auto;}
/* fond d'un bouton survolé ou activé */
.sceditor-button.hover, a.sceditor-button:hover {
background: black;
}
/*--- Partie supérieur contenant les outils ---*/
div.sceditor-toolbar {
background-color: black !important; }
/*Sous Forums*/
.sousforum a {
color: #D64141;
font-weight: bold;
text-decoration: none;
-moz-border-radius: 15px 5px 15px 5px;
-webkit-border-radius:15px 5px 15px 5px;
border-radius: 15px 5px 15px 5px;
margin-top: 6px;
background: none;
border: 2px solid darkred;
}
.sousforum a:hover {
background: url(http://img15.hostingpics.net/pics/636066Bouton.png);
border: 2px solid darkred;
color: black;}
/*Barre de Navigation*/
#i_icon_mini_index {
background-image: url(http://hitskin.com/themes/10/65/47/i_icon_mini_index.jpg);
margin: auto;
width: 101px;
height: 80px; }
#i_icon_mini_faq {
background-image: url(http://hitskin.com/themes/10/65/47/i_icon_mini_faq.jpg);
margin: auto;
width: 55px;
height: 80px; }
#i_icon_mini_search {
background-image: url(http://hitskin.com/themes/10/65/47/i_icon_mini_search.jpg);
margin: auto;
width: 153px;
height: 80px; }
#i_icon_mini_members {
background-image: url(http://hitskin.com/themes/10/65/47/i_icon_mini_members.jpg);
margin: auto;
width: 114px;
height: 80px; }
#i_icon_mini_groups {
background-image: url(http://hitskin.com/themes/10/65/47/i_icon_mini_groups.jpg);
margin: auto;
width: 113px;
height: 80px; }
#i_icon_mini_profile {
background-image: url(http://hitskin.com/themes/10/65/47/i_icon_mini_profile.jpg);
margin: auto;
width: 91px;
height: 80px; }
#i_icon_mini_message {
background-image: url(http://hitskin.com/themes/10/65/47/i_icon_mini_message.jpg);
margin: auto;
width: 45px;
height: 80px; }
#i_icon_mini_new_message {
background-image: url(http://hitskin.com/themes/10/65/47/i_icon_mini_new_message.jpg);
margin: auto;
width: 45px;
height: 80px; }
#i_icon_mini_logout {
background-image: url(http://hitskin.com/themes/10/65/47/i_icon_mini_logout.jpg);
margin: auto;
width: 70px;
height: 80px; }
#i_icon_mini_login {
background-image: url(http://hitskin.com/themes/10/65/47/i_icon_mini_login.jpg);
margin: auto;
width: 63px;
height: 80px; }
#i_icon_mini_register {
background-image: url(http://hitskin.com/themes/10/65/47/i_icon_mini_register.gif);
margin: auto;
width: 360px;
height: 80px; }
/*Icons en haut de postes*/
.i_icon_delete {
background-image: url(http://hitskin.com/themes/10/65/47/i_icon_delete.jpg);
width: 70px;
height: 30px; }
.i_icon_edit {
background-image: url(http://hitskin.com/themes/10/65/47/i_icon_edit.jpg);
width: 70px;
height: 30px; }
.i_icon_ip {
background-image: url(http://i58.servimg.com/u/f58/18/21/69/91/i_icon20.jpg);
width: 70px;
height: 30px; }
/*Images bas de page*/
.i_icon_pm {
background-image: url(http://hitskin.com/themes/10/65/47/i_icon_pm.jpg);
width: 70px;
height: 30px; }
.i_icon_profile {
background-image: url(http://hitskin.com/themes/10/65/47/i_icon_profile.jpg);
width: 70px;
height: 30px; }
/*Barres d'images (inserez les images de fond des catégories)*/
TH
{ background-image: url(http://i58.servimg.com/u/f58/18/21/69/91/barre_11.png); }
TD.t-title {
background-image: url(http://i58.servimg.com/u/f58/18/21/69/91/barre10.png); }
TD.catBottom {
background-image: url(http://i58.servimg.com/u/f58/18/21/69/91/barre10.png); }
td.catHead {
background-image: url(http://i58.servimg.com/u/f58/18/21/69/91/barre10.png); }
TH.thRight {
background-image: url(http://i58.servimg.com/u/f58/18/21/69/91/barre_11.png); }
TH.thLeft {
background-image: url(http://i58.servimg.com/u/f58/18/21/69/91/barre_11.png); }
/*Couleurs de titres*/
H1.cattitle {
color: #D64141;}
/*Couleurs des Liens*/
a {
color: #D64141;}
a:hover {
color: #FF0101;}
Bonne soirée =O Et merci d'avance, rien que pour m'avoir lu, vous méritez déjà un câlin ! :3
Dernière édition par Zuny le Lun 14 Oct 2013 - 16:21, édité 1 fois
Re: Soucis avec effet au cliquage
Bonjour,la propriété dont vous parlez se nomme "active", vérifiez tout de même ce code ci:
- Code:
.sousforum a:hover {
background: url(http://img15.hostingpics.net/pics/636066Bouton.png);
border: 2px solid darkred;
color: black;}
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Soucis avec effet au cliquage
Bon bah déjà, merci °°!
J'avais pas vu cette erreur dans le code (et elle s'est propagée à tous les autres thèmes alternatifs ! >=O)
En fait grâce à un rapide coup de main de mon copain (faut toujours avoir un copain sous la main) il m'a rappelé que c'est une propriété de mon navigateur, d'encadrer le lien sélectionné. Pour n'avoir jamais eu ça sur le forum, je suppose que le Css devait être tourné de façon à ce qu'il y ait ce none qui l'empêchait de faire cela.
Je vais donc tester un none sous la balise a : active et si ça ne va pas, j'éditerais ce poste ! =O Merci de m'avoir répondu :3
Edit ::
Bon bah ce code:
Edit² :: Ça vient de disparaître. Je pense que c'était un soucis lié à SnapLinks (il ne marchait pas quand j'avais ce cadre...) Désolée du dérangement. =O
J'avais pas vu cette erreur dans le code (et elle s'est propagée à tous les autres thèmes alternatifs ! >=O)
En fait grâce à un rapide coup de main de mon copain (faut toujours avoir un copain sous la main) il m'a rappelé que c'est une propriété de mon navigateur, d'encadrer le lien sélectionné. Pour n'avoir jamais eu ça sur le forum, je suppose que le Css devait être tourné de façon à ce qu'il y ait ce none qui l'empêchait de faire cela.
Je vais donc tester un none sous la balise a : active et si ça ne va pas, j'éditerais ce poste ! =O Merci de m'avoir répondu :3
Edit ::
Bon bah ce code:
- Code:
a:active {
text-decoration: none;}
Edit² :: Ça vient de disparaître. Je pense que c'était un soucis lié à SnapLinks (il ne marchait pas quand j'avais ce cadre...) Désolée du dérangement. =O
Sujets similaires
» Problème avec mon qeel - cliquage des pseudos
» Barre de navigation avec effet au vol
» Soucis avec Barre de navigation + Soucis de profil (infobulle & Onglet 'en ligne')
» Gros soucis avec l'ensemble du profil et message avec la largeur du forum Urgent
» Problème avec Script EFFET TOURNEPAGE
» Barre de navigation avec effet au vol
» Soucis avec Barre de navigation + Soucis de profil (infobulle & Onglet 'en ligne')
» Gros soucis avec l'ensemble du profil et message avec la largeur du forum Urgent
» Problème avec Script EFFET TOURNEPAGE
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