Soucis avec effet au cliquage

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

Résolu Soucis avec effet au cliquage

Message par Zuny le Dim 13 Oct 2013 - 2:37

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


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

Zuny
**

Féminin
Messages : 90
Inscrit(e) le : 11/04/2013

http://esgalduin.fantastique.tv/
Zuny a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis avec effet au cliquage

Message par no_way le Dim 13 Oct 2013 - 9:23

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;}
Si vous pouviez fournir un lien afin que l'on constate ce souci, vous obtiendriez une aide plus efficace Wink

no_way
Aidactif
Aidactif

Messages : 1773
Inscrit(e) le : 26/03/2010

no_way a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Soucis avec effet au cliquage

Message par Zuny le Lun 14 Oct 2013 - 12:07

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:
Code:
a:active {
text-decoration: none;}
...Ne marche pas. K'so. ><

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

Zuny
**

Féminin
Messages : 90
Inscrit(e) le : 11/04/2013

http://esgalduin.fantastique.tv/
Zuny a été remercié(e) par l'auteur de ce sujet.

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