curseur personnalisé animé qui reste immobile [résolu] Bouton_activecurseur personnalisé animé qui reste immobile [résolu] Bouton_hovercurseur personnalisé animé qui reste immobile [résolu] Fb-hovercurseur personnalisé animé qui reste immobile [résolu] Fb-active
AccueilForumÉquipe 
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
curseur personnalisé animé qui reste immobile [résolu] EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
curseur personnalisé animé qui reste immobile [résolu] EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
curseur personnalisé animé qui reste immobile [résolu] EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
curseur personnalisé animé qui reste immobile [résolu] EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
curseur personnalisé animé qui reste immobile [résolu] EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
curseur personnalisé animé qui reste immobile [résolu] EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
curseur personnalisé animé qui reste immobile [résolu] EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
curseur personnalisé animé qui reste immobile [résolu] EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -55%
Friteuse sans huile – PHILIPS – Airfryer ...
Voir le deal
49.99 €

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

curseur personnalisé animé qui reste immobile [résolu]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://dirty-secret.forumsactifs.com/
Julye
Julye
{ Membre }
{ Membre }

Féminin Messages : 25



curseur personnalisé animé qui reste immobile [résolu] Empty
Bonjour Smile

J'ai personnalisé le curseur de mon forum à l'aide d'un curseur trouvé sur ce site

J'ai mis ce curseur qui est censé être animé, mais une fois mis sur le forum il reste immobile !

la fraction du CSS concernée :

Code:
body
{
 cursor: url('http://downloads.totallyfreecursors.com/cursor_files/turkeydanceani.ani'), url('http://downloads.totallyfreecursors.com/thumbnails/turkeydanceani.gif'), auto;
  margin-bottom:0px;
}

Le CSS complet au cas où :
Code:
/*L'écriture en général du forum*/
.gensmall {
  font-family: Georgia, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

body
{
 cursor: url('http://downloads.totallyfreecursors.com/cursor_files/turkeydanceani.ani'), url('http://downloads.totallyfreecursors.com/thumbnails/turkeydanceani.gif'), auto;
  margin-bottom:0px;
}



/*supprimer derniere edition*/
tr.post span.gensmall { display: none; }

/*classe pour les liens qui sont petits */
.petit {
  font-family: Georgia, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}

/*corps du message */
div.postbody {
  display: block;
  padding-left : 20px;
  padding-right : 20px;
  text-align:justify;
        }

/*là où il y a le titre du sujet */
.catHead {
background-color: #E0CDC0;
  -moz-border-radius-topleft: 40px;
  -moz-border-radius-topright: 40px;
  -webkit-border-top-right-radius: 40px;
  -webkit-border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  border-top-left-radius: 40px;
  border : none;
  border-bottom-radius : 0px;
  }

/*les couleurs de la box !*/
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a  {background-color: #C6D7B3;}
#chatbox_header .catBottom .cattitle {border: #C6D7B3;}
body.chatbox {
background-color: #C6D7B3;}

.prezcb {width : 750px;}

/*le tour du forum */
.bodyline{padding : 0px;}

/*tous les codes pour que la liste des sujets, les sujets en eux mêmes ... soient de la même couleur !!*/
.forumline,
.nav,
.catBottom,
.row3Right {border: #C0C6CC;}
.row2,
.row3 {
  border: #C0C6CC;
  background-color: #ECDCCD;}
.thRight,
.thLeft {
  border: #C0C6CC;
  background-color: #ECDCCD;}


/*TITRE DES FORUMS*/
.BlocConteneurforum { position:relative; }

a.forumlink {
font-family: 'miniver', cursive;
  color: #c8743e;
  font-size: 30px;
margin-bottom:-18px;
  margin-left:-15px;
  letter-spacing: -1px;
      text-shadow: 1px 1px 2px #c8743e;
  text-align:center;
  display:block;
transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
}

a.forumlink:hover {
    color: #4D270E;
      transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    letter-spacing: 4px;
      text-shadow: 1px 1px 15px #000000;
}

/*ICI LA CASE OU Y'A LE TITLE DE LA CATEGO*/
.secondarytitle{
  background-image: URL('http://img15.hostingpics.net/pics/281096minibann3.png'); background-repeat: no-repeat;  background-position: center;
  overflow : auto ;
  height : 112px ;
  width: 785px;
}

/*ICI LE TITLE DE LA CATEGO*/
.secondarytitle h2{
font-family: 'Nosifer', cursive;
        font-size: 30px;
  color: #000000;
  text-shadow: 1px 1px 3px #c8743e;
  text-align: center;
  white-space: nowrap;
  display:block;
left:0;
top:0;
width:100%;
      letter-spacing: 0px;
    -moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
}

.secondarytitle h2:hover {
      transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    letter-spacing: 4px;
      text-shadow: 1px 1px 15px #000000;
    font-size: 35px;
      -moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
-o-transform: rotate(10deg);
-ms-transform: rotate(10deg);
transform: rotate(10deg);
    z-index: 999;
}

/*ICI LE contenu DE LA CATEGO*/
.category {
      font-size: 11px;
    text-align: justify;
    margin-left: 20px;
    margin-right: 20px;
padding : 9px;
 border: 1px solid #4d2810;
      background-color: #C4AD9E;
  width:350px;
  height : 100px;
  overflow:auto;
        z-index: 1;
          transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
 box-shadow: none;
}

.category:hover {
          z-index: 1;
  color:#4d2810;
        background-color: transparent;
box-shadow: 1px 1px 1px 2px #4d2810;
        transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}

/*les liens des sous forums dans la description des catego */
.categolink a{
  color: #4d2810;
  border-left: 5px solid #4d2810;
  display: block;
    font-size: 11px;
padding-left: 5px;
 text-align: left;
    background-color: #C4AD9E;
  line-height: 20px;
            transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  }

.categolink a:hover{
    border-left: 5px solid #EDDDCE;
  padding-left: 15px;
  color: #EDDDCE;
            transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  }

.textecasecatego{
 margin-bottom : -15px;
padding:1px;
  height : 110px;
border:none;
  width:150px;}

.textecasecatego:hover{
  border:none;
}

/*enlever la virgule entre les sous fo dans la description des catego */
.ciaovirgule{font-size : 0px;}


/*TOUT ÇA C'EST LA BARRE DE NAVIGATION KEBLO EN HAUT*/
.navtop {
  position : fixed ;
  z-index: 999;
  width: 100%;
  height : 30px ;
  border-bottom : #4d2810 7px solid;
  background-color : #c4ad9e ;
  text-align:center;
  padding : 3px;
  margin-left : -8px;
 top : 0px;
}


/*texte dans la barre de navigation*/
a.mainmenu {color: #5c6064;
  font-weight: none;
      letter-spacing: 0px;
          transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;}

a.mainmenu:hover {
 color: #000000;
  font-weight: bold;
      letter-spacing: 2px;
          transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}

/*liens urls basiques */
a:hover{text-decoration: none !important;
cursor: url("http://downloads.totallyfreecursors.com/cursor_files/turkey3.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/turkey3.gif"), auto;
color: #000000;}
a{text-decoration: none !important;
color: #5c6064;}

 
/*LES INFOBULLES !! ==========================================================*/
a.info {
  position: relative;
  color: #5c6064;
  font-size: 13px;
}

a.info span {
    display: none; /* on masque l'infobulle */
  font-size: 12px;

}

a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}

a.info:hover span {
  opacity: 1;
  margin-left: 5px;
 display: inline; /* on affiche l'infobulle */
  position: absolute;
 
  top: 0px; /* on positionne notre infobulle */
  left: 0px;

  background: #EACBAE;

  color: #000000;
  font-size : 11px;
  padding: 10px;
  text-decoration : none;
  text-transform : none ;
  text-align: justify;
  border-top : 1px #A82144 dotted;
  border-bottom : 1px #A82144 dotted;
  border-left : 2px #A82144 solid;
  border-right : 2px #A82144 solid;
  border-radius : 20px;
  overflow : auto;
  width:300px;
  height : 150px;
}


/*====================================================QEEL =================================================*/
.boxqeel {
 padding: 5px;
 text-align: justify;
 color: #3D4952;
 border: 1px solid #4d2810;
  background-color:#C6D7B3;
  overflow:auto;
  height:150px;
  }

a.infogroupe {
  position: relative;
  display:block;
}

a.infogroupe span {
    position: absolute;
    transform:scale(0) rotate(-12deg);
      -moz-transform: scale(0) rotate(-12deg);
-webkit-transform: scale(0) rotate(-12deg);
-o-transform: scale(0) rotate(-12deg);
-ms-transform: scale(0) rotate(-12deg);
    transition:all .65s;
    -moz-transition: all .65s ;
    -webkit-transition: all .65s ;
    -o-transition: all .65s ;
    opacity:0;
      filter:alpha(opacity=0);
  -moz-opacity:0;
  -khtml-opacity:0;
font-family: 'Just Me Again Down Here', cursive;
    white-space: nowrap;
    letter-spacing: -2px;
}

a.infogroupe:hover, a.infogroupe:focus{
}

a.infogroupe:hover span, a.infogroupe:focus span {
      transform:scale(1) rotate(0);
      -moz-transform: scale(1) rotate(0);
-webkit-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
      filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity:1;
  opacity: 1;
 
    white-space: nowrap;
font-family: 'Just Me Again Down Here', cursive;
    margin-top:45px;
      margin-left:-85px;
  padding: 5px;
  text-align: justify;
font-size:45px;
    font-weight: none;
}



/*==========================================================================FICHE DE PV =====================================================*/

.fondpv {width: 509px;
  border-radius : 20px;
  background-color: #d9bca9;
  }

a.info3 {
  position: relative;
  color: #5c6064;
  font-size: 13px;
  border : #4d2810 2px solid ;
    height : 100px;
  width:100px;
  padding : 5px;
  display : block;
}

a.info3 span {
  display: none; /* on masque l'infobulle */
  font-size: 12px;}

a.info3:hover {
    border : #c4ad9e 1px solid ;
  background: none; /* correction d'un bug IE */
  z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}

a.info3:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
 
  top: 50px; /* on positionne notre infobulle */
  left: -40px;

  background: #EDDDCE;
  color: #576186;
  padding: 1px;
  padding-left : 20px;
  padding-right : 20px;
  text-decoration : none;
  text-transform : none ;
  text-align: justify;
  border-left : 2px solid #4d2810;
  border-radius : 20px;
  height : 150px;
  width:150px
}

.ascenseur3 {
  overflow : auto ;
    text-align: justify;
  height : 100px;
  width:150px;
}
/*lenomdupv*/
.hijk {
  text-align : center;
  font-size: 32px;
font-family : Nosifer,cursive;
  color: #000000;
text-shadow: 1px 2px 3px black;
  text-transform: uppercase;
  text-align: center;
}
.hijk:hover {color : #4d2810 ;}
/*texte ovale*/
.hijkl {
  color : #000000;
  border-right: #4d2810 3px solid;
  border-top : #4d2810 1px dotted;
  border-bottom : #4d2810 1px dotted;
  border-left: #4d2810 3px solid;
  border-right-style : ridge;
  border-left-style : ridge;
  border-radius : 20px;
  overflow : auto ;
  text-align: justify;
  padding : 10px;
  width:200px;
  height : 200px;
}
.hijkl:hover {  background-color : #EDDDCE ;}

/*titre souligné*/
.hijklm {
  letter-spacing: -2px;
  text-shadow: 1px 1px 2px black;
  font-family :Georgia;
  font-size :25px;
  color : #000000;
  border-bottom : #E0CDC0 3px solid ;
}
.hijklm:hover {
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
font-weight : bold;
color : #4d2810 ;
 }
/*titre : bonjour à tous*/
.hijklmn {
  color : #000000;
  font-family : georgia ;
  font-size : 18px ;
  border-right: #4d2810 3px solid;
  border-top : #4d2810 1px dotted;
  border-bottom : #4d2810 1px dotted;
  border-left: #4d2810 3px solid;
  border-radius : 20px;
  text-align: center;
  padding : 10px;
  background-color : #EDDDCE ;
  -moz-box-shadow: 2px 2px 2px 2px #626b6b;
  display: block;
  width:200px;
 }
.hijklmn:hover {background-color : #c4ad9e ;
color : #4d2810;}


/*==========================================================================PROFIL=====================================================*/
.fondprofil {
background-color : #d9bca9; display : block;
font-size:11px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
}

.fondinfosprofil {
background-color : #EDDDCE; display : block;
font-size:11px;
 border: #4d2810 1px solid;
  padding:5px;
  margin:5px;
max-width: 180px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;}

.fondnomprofil {
  text-align : center;
  font-size : 20px;
padding-left : 2px;
  font-family: 'Miniver', cursive;
 }

.avatarprofil{
  background-color : #EDDDCE;
  padding:5px;
  margin:5px;
  border: #4d2810 1px solid;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
}

.avatarprofil:hover {
filter:alpha(opacity=65);
-moz-opacity:0.65;
-khtml-opacity:0.65;
opacity: 0.65;}

.rangprofil {
text-align : center;
padding : 5px;}


/*profil dans les sujets*/
.poster-profile img {max-width: 180px;}
.profilentour img {margin-top: -25px;}
.profilentour div.rotationavatar img {margin-top: 0;}
.postdetails img {  border-top-right-radius:20px;
  border-bottom-left-radius:20px;}

.spoiler_closed {
border-radius : 20px;
-moz-box-shadow: 0px 0px 5px  #c4ad9e;
border-left: 4px #4d2810 solid;
  border-right: 4px #4d2810 solid;
background-color : #EDDDCE;
border-top:none;border-bottom:none;}

.spoiler_content,
.code,
.quote{
border-left: 4px #4d2810 solid;
  border-right: 4px #4d2810 solid;
background-color : #EDDDCE;
border-top:none;border-bottom:none;
border-radius: 20px;
    padding-left : 15px;
  padding-right : 15px;
  padding-top : 5px;
  padding-bottom : 5px;
  -moz-box-shadow: 0px 0px 9px  #c4ad9e;
}

.boutonperso {
    background-color:#E0CDC0;
  width : 180px;
  display:block;
  text-align: center;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
padding-left : 15px;
  padding-right : 15px;
  padding-top : 5px;
  padding-bottom : 5px;
-moz-box-shadow: 0px 0px 5px  #FF358B;}

.selectCode { float:right;cursor:pointer;padding-right:15px; }


/*=========================================nouvelle PA=========================================================*/
.casepa{
background-color : #9FBBA4;
  border-radius : 20px;
  border-top : 1px #e8c22a dotted;
  border-bottom : 1px #e8c22a dotted;
  border-left : 2px #e8c22a solid;
  border-right : 2px #e8c22a solid;
  text-align : justify;
  padding : 5px;
  overflow : auto;
  height : 200px;
    transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
        width : 230px;
}

.casepa:hover{
    transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  height : 250px;
  box-shadow: 1px 1px 30px #e8c22a;
}

.ascenseurcasepa {
      transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  overflow:auto;
  height:180px;
  padding:5px;
  width : 220px;
  text-align:justify;
}
.ascenseurcasepa:hover {
      transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  overflow:auto;
  height:220px;
  padding:5px;
  text-align:justify;
}

.grospa {
    font-family: Georgia;
  font-size: 25px;
  color: #1a5225;
  font-weight : bold;
  text-align:center;
  transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    letter-spacing: 0px;
    margin-bottom : -5px;
}

.grospa:hover{
  transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  padding-left:50px;
  letter-spacing: -1px;
      text-shadow: 1px 1px 5px #000000;
}

.staff{
    font-family: Georgia;
  font-size: 15px;
  color: #1a5225;
  font-weight:bold;
    text-align : right;
  padding-right:5px;
}

.petitpa{
    font-family: Georgia;
  font-size: 12px;
  color: #1a5225;
    padding-left: 0px;
    transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}

.petitpa:hover{
    font-family: Georgia;
  font-size: 12px;
  color: #4d2810;
  padding-left: 25px;
    transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    font-weight:bold;
}

.imgpv {
height:50px;
  width:50px;
  border-radius: 100px;

filter:alpha(opacity=50);
-moz-opacity:0.50;
-khtml-opacity:0.50;
opacity: 0.50;
      transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);

}

.imgpv:hover {
    transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
filter:alpha(opacity=99);
-moz-opacity:0.99;
-khtml-opacity:0.99;
opacity: 0.99;
}

.gifpa {
  width : 150px;
  border-radius : 20px;
  filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity:0.75;
opacity: 0.75;
    -moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
  margin-top:-20px;
  }

.ongletpa
{
    display:inline-block;
    padding:3px;
cursor: url("http://www.123cursors.com/freecursors/6849.ani"), url("http://www.123cursors.com/freecursors/6849.gif"), auto;
 text-align: center;
}

.onglet_0
{
  background:transparent;
  border : none;
}

.onglet_1
{
    background:transparent;
    padding-bottom:4px;
    border : none;
}

.contenu_onglet
{
    margin-top:-1px;
    padding:5px;
    display:none;
  width: 215px;
  height: 170px;
  text-align: justify;
  font-size: 11px;
  font-family: DejaVu Sans;
background-color : #9FBBA4;
  border-radius : 20px;
}

/*======================================================FICHE PRESENTATION========================================================*/
.pokemon {
  position: absolute;
  width : 100px;
  height : 100px;
  border:#4d2810 1px solid;
  padding:15px;
  margin-left:5px;
  margin-right:5px;
  z-index: 2;
  display: block;
background-color:#d9bca9;}
.pokemon:hover {
  position: absolute;
  z-index: 1;
  width:100px;
  color: #000000;
  height : 100px;
  display: block;}
.bipbip {
  padding:5px;
  position: relative;
  z-index: 1;
  border:#4d2810 1px solid;
  overflow : auto;
  margin-left:5px;
  margin-right:5px;
  color: #000000;
  width:120px;
  height : 120px;
  background-color : none;
  display: block;
  text-align : justify;}
.bipbip:hover {
  position: relative;
  z-index: 2;
  overflow : auto;
  color: #000000;
  width:120px;
  height : 120px;
background-color:#d9bca9;
  border : #4d2810 1px  solid;
  filter:alpha(opacity=90);
  -moz-opacity:0.90;
  -khtml-opacity:0.90;
  opacity: 0.90;
  display: block;
  text-align : justify;}

.armée{
background-color:#d9bca9;border-radius : 20px;
}
.régiment{
background-color:#E0CDC0;box-shadow: 1px 1px 2px #000000;width:450px;
}
.lignepointillée{
border-top:#4d2810 5px dotted;width:405px;
}

.casesbire{
padding:3px;width:200px;height:155px;overflow:auto;
  }

.sbire{
 color:#4d2810;
  text-shadow: 1px 1px 2px #000000;
  font-family:Nosifer;
  text-align:center;
  font-size:30px;
  text-transform: uppercase;
  letter-spacing:-2px;
}

.soussbire{
color:#4d2810;
  font-family:times new roman;
  text-align:center;
  font-size:12px;
  letter-spacing:-1px;
  margin-bottom:-28px;
  z-index: 500;
        transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  }

.soussbire:hover{
  letter-spacing:1px;
      transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  }
.ouistiti{
  padding:3px;
  background-color:#d9bca9;
  filter:alpha(opacity=70);
  -moz-opacity:0.70;
  -khtml-opacity:0.70;
  opacity: 0.70;
  width:200px;
  }

.ouistiti:hover{
  filter:alpha(opacity=90);
  -moz-opacity:0.90;
  -khtml-opacity:0.90;
  opacity: 0.90;
  }

.soldat{
padding:3px;
  background-color:#d9bca9;
  width:200px;
  height:155px;
  overflow:auto;
  }

.soldat:hover{
  box-shadow: 1px 1px 3px #000000 inset;
  }

.croix{
color:#4d2810;
display : inline;
  }


/*========================================================================FICHE DE LIENS======================================================*/
.capitainearmée{
width:550px;background-color:#d9bca9;border-radius : 120px;border-top : #4d2810 25px solid;border-bottom : #4d2810 25px solid;border-left:none;border-right:none;
}

.nomimg{
font-family : georgia;text-shadow: 0px 0px 1px white; font-size : 49px; color : transparent;letter-spacing : -5px;margin-top:-30px;
  }

.ronron1{
border-radius : 100px;border : #4d2810 3px solid;
    -moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
        transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
  width:75px;margin-right:-10px;
  }

.ronron1:hover {
      transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

.ronron2{
border-radius : 100px;border : #4d2810 3px solid;
    -moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
        transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
width:85px;margin-left:-30px;margin-top:-20px;
  }

.ronron2:hover {
      transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

.ronron3{
border-radius : 100px;border : #4d2810 3px solid;
    -moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
        transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
width:65px;margin-top:-15px;margin-right:-110px;
  }

.ronron3:hover {
      transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

.arméeliens{
background-color:#E0CDC0;width:500px;border-radius:80px;
}

.arméeliens2{
background-color:#E0CDC0;width:500px;border-radius:80px;box-shadow:0px 0px 10px;
}

.imglienshaut{
border-bottom : white 7px solid;border-top-left-radius:80px;border-top-right-radius:80px;
}

.imgliensbas{
border-bottom-left-radius:80px;border-bottom-right-radius:80px;
}

.soldatliens{
padding:3px;
width:350px;background-color:white;
  height:155px;
  overflow:auto;
  }

.nom1{
font-family: Times New Roman; font-style: normal; font-size: 15px;text-shadow: 0pt 0pt 1px;color:#4d2810;display:inline;
}

.célébrité1{
color:grey;letter-spacing:4px;font-size:12px;text-shadow:0px 0px 2px;display:inline;font-family:Times New Roman;text-align:center;
}

.relation1{
width:400px;background-color:white;border :1px #4d2810 dotted;border-radius : 20px;height:100px;text-align:justify;padding:7px;margin-top:-6px;overflow:auto;
}

.nom2{
border-bottom:1px white solid;font-family: Times New Roman; font-style: normal; font-size: 15px;text-shadow: 0pt 0pt 1px;color:#4d2810;display:block;text-align:center;
}

.célébrité2{
color:grey;letter-spacing:4px;font-size:12px;text-shadow:0px 0px 2px;display:block;font-family:Times New Roman;text-align:center;
}

.box2{
  width:220px;background-color:white;border :1px #4d2810 dotted;border-radius : 20px;text-align:justify;margin-top:-4px;
}

.img2{
width:220px;height:120px;border-top-left-radius:20px;border-top-right-radius:20px;
}

.relation2{
padding:7px;height:100px;overflow:auto;
}

.copyright{
text-align:center; margin-top:-20px;
}

/*Code inutilisé*/
.groupe
{
  width: 250px;
  height: 120px;
  overflow: hidden;
  border: 2px solid #000000;
  background-color: #ffffff;
}
.groupe_img
{
  position: relative;
  z-index: 2;
  width: 250px;
  height: 120px;
  margin-left: 0px;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1.5s;
-moz-transition: 1.5s;
-o-transition: 1.5s;
-htm-transition: 1.5s;
-webkit-transition: 1.5s;
}
.groupe:hover .groupe_img
{
margin-left: 400px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1.5s;
-moz-transition: 1.5s;
-o-transition: 1.5s;
-htm-transition: 1.5s;
-webkit-transition: 1.5s;
}
.groupe_description
{
  position: relative;
  z-index: 1;
  width: 250px;
  height: 120px;
  margin-top: -120px;
  text-align: justify;
  font-size: 11px;
  color: #8c8c8c;
  padding: 2px;
  overflow: auto;
}

l'adresse de mon forum : http://stoiletitre.forum2ouf.com/

J'ai lu sur un autre site que les curseurs immobiles se terminaient par .cur, et les mobiles par .ani, ici il est pourtant bien .ani

J'ai essayé de ne mettre que la version .ani, que la version .gif, rien à faire !
Alors j'aimerais bien comprendre pourquoi cette dinde s'obstine à ne pas danser scratch curseur personnalisé animé qui reste immobile [résolu] 1616978029

Merci d'avance à ceux qui m'aideront, bonne journée <33


Dernière édition par Julye le Dim 18 Nov 2012, 08:31, édité 1 fois
MessageSujet: curseur personnalisé animé qui reste immobile [résolu]   curseur personnalisé animé qui reste immobile [résolu] EmptyMer 14 Nov 2012, 08:22
Revenir en haut Aller en bas
Melone
Melone
{ Modérateur }
{ Modérateur }

Féminin Messages : 805



curseur personnalisé animé qui reste immobile [résolu] Empty
Bonsoir,

Personnellement, j'utilise que les fichiers gif et non pas ani ou je ne sais quoi encore. ^^'
Essaye donc :
Code:
body
{
 cursor:  url('http://downloads.totallyfreecursors.com/thumbnails/turkeydanceani.gif'), auto;
  margin-bottom:0px;
}
MessageSujet: Re: curseur personnalisé animé qui reste immobile [résolu]   curseur personnalisé animé qui reste immobile [résolu] EmptyJeu 15 Nov 2012, 14:11
Revenir en haut Aller en bas
http://dirty-secret.forumsactifs.com/
Julye
Julye
{ Membre }
{ Membre }

Féminin Messages : 25



curseur personnalisé animé qui reste immobile [résolu] Empty
ça ne marche pas pour autant ^^
J'ai même essayé en enlevant tout mon CSS et en ce mettant que ça, mais ça reste toujours immobile !

Tu l'as testé et ça marche ?
MessageSujet: Re: curseur personnalisé animé qui reste immobile [résolu]   curseur personnalisé animé qui reste immobile [résolu] EmptyJeu 15 Nov 2012, 15:50
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



curseur personnalisé animé qui reste immobile [résolu] Empty
Bonsoir Julye !

Sauf erreur il me semble que les curseurs animés ne fonctionnent que sous Internet Explorer.
Je te suggère de tester et voir ce qu'il en est, mais il me semble que cela répond au mystère Wink
MessageSujet: Re: curseur personnalisé animé qui reste immobile [résolu]   curseur personnalisé animé qui reste immobile [résolu] EmptyJeu 15 Nov 2012, 21:30
Revenir en haut Aller en bas
http://dirty-secret.forumsactifs.com/
Julye
Julye
{ Membre }
{ Membre }

Féminin Messages : 25



curseur personnalisé animé qui reste immobile [résolu] Empty
Bonsoir Espeon, tu as raison curseur personnalisé animé qui reste immobile [résolu] 2077966078 curseur personnalisé animé qui reste immobile [résolu] 2077966078 curseur personnalisé animé qui reste immobile [résolu] 2077966078 curseur personnalisé animé qui reste immobile [résolu] 2077966078

Effectivement, sous Explorer, la petite dinde danse, si bien en plus ><'

Il n'existe donc rien pour la faire danser sur Mozilla, Chrome et Safari ? La ré héberger sous une autre forme ?

En tout cas, grâce à toi, j'ai découvert que mon forum était vraiment dég**lasse sous internet explorer >< mais j'ai une vieille version d'internet explorer, j'ose espérer que c'est pour ça, car je mets pourtant 4 codes différents pour les transitions & transformations, et rien n'est lu sur mon internet explorer ><' ><'
Car en plus à cause de ça, mon CSS est dix fois trop long ><' (1104 lignes c'est trop non ? curseur personnalisé animé qui reste immobile [résolu] 1779901633 )
MessageSujet: Re: curseur personnalisé animé qui reste immobile [résolu]   curseur personnalisé animé qui reste immobile [résolu] EmptyVen 16 Nov 2012, 04:05
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



curseur personnalisé animé qui reste immobile [résolu] Empty
Alors, en ce qui concerne le curseur, malheureusement je ne connais pas de solution. Si effectivement il s'avère que ces navigateurs ne supportent pas les curseurs animés, j'ai du mal à imaginer une alternative Neutre

Sinon, sache qu'Internet Explorer ne commence à être vraiment à niveau par rapport aux standards qu'à partir de la version 9 (et la version 10, qui vient de sortir, semble enfin être vraiment bonne quant au respect des standards).

Autrement dit, il est normal que pleins d'effets CSS ne fonctionnent pas sur IE7 et 8. Je te suggère de jeter un oeil à Can I Use lorsque tu veux connaître la compatibilité d'une propriété particulière.


Sinon concernant ton CSS, tout dépend. Après oui, pour ce qu'il en est je pense que 1000+ lignes c'est vraiment (trop) long.
Par hasard, puis-je jeter un coup d'oeil à ton CSS ? Défois qu'on pourrait l'optimiser Smile
MessageSujet: Re: curseur personnalisé animé qui reste immobile [résolu]   curseur personnalisé animé qui reste immobile [résolu] EmptyVen 16 Nov 2012, 04:55
Revenir en haut Aller en bas
http://dirty-secret.forumsactifs.com/
Julye
Julye
{ Membre }
{ Membre }

Féminin Messages : 25



curseur personnalisé animé qui reste immobile [résolu] Empty
Arf, tant pis pour moi, merci en tout cas ^^

Mais il y a encore beaucoup de gens qui utilisent IE ? oO Je ne sais pas ... la vie est plus moche sous internet explorer !

Han, vraiment, tu veux bien y jeter un coup d'oeil ?! Mais c'est trop gentil Surprised Surprised Surprised Love Love curseur personnalisé animé qui reste immobile [résolu] 2176505670

Alors le voilà
Code:
/*L'écriture en général du forum*/
.gensmall {
  font-family: Times New Roman, Helvetica, sans-serif;
  font-size: 13px;
  color: #000000;
}

body
{
 cursor: url('http://downloads.totallyfreecursors.com/cursor_files/turkeydanceani.ani'), url('http://downloads.totallyfreecursors.com/thumbnails/turkeydanceani.gif'), auto;
  margin-bottom:0px;
}


/*supprimer derniere edition*/
tr.post span.gensmall { display: none; }

/*classe pour les liens qui sont petits */
.petit {
  font-family: Georgia, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}

/*corps du message */
div.postbody {
  display: block;
  padding-left : 20px;
  padding-right : 20px;
  text-align:justify;
        }

/*là où il y a le titre du sujet */
.catHead {
background-color: #C6D7B3;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
border: none !important;
  border-bottom-radius : 0px;
  font-family: 'miniver', cursive;
  }

/*les couleurs de la box !*/
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a  {background-color: #C6D7B3;}
#chatbox_header .catBottom .cattitle {border: #C6D7B3;}
body.chatbox {
background-color: #C6D7B3;}

.prezcb {width : 750px;}

/*le tour du forum */
.bodyline{padding : 0px;}

/*tous les codes pour que la liste des sujets, les sujets en eux mêmes ... soient de la même couleur !!*/
.forumline,
.nav,
.catBottom,
.row3Right {  border: none !important;}
.row2,
.row3 {
  border: #C0C6CC;
  background-color: #C6D7B3;}
.thRight,
.thLeft {
border: none !important;
  background-color: #C6D7B3;}
.catBottom  {  border: none !important;}

/*TITRE DES FORUMS*/
.BlocConteneurforum { position:relative; }

a.forumlink {
font-family: 'miniver', cursive;
  color: #638969;
  font-size: 30px;
margin-bottom:-18px;
  letter-spacing: -1px;
      text-shadow: 1px 1px 2px #638969;
  text-align:center;
  display:block;
transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
}

a.forumlink:hover {
    color: #e8c22a;
      transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    letter-spacing: 4px;
      text-shadow: 1px 1px 15px #000000;
}

/*ICI LA CASE OU Y'A LE TITLE DE LA CATEGO*/
.secondarytitle{
  background-image: URL('http://img15.hostingpics.net/pics/281096minibann3.png'); background-repeat: no-repeat;  background-position: center;
  overflow : auto ;
  height : 112px ;
  width: 785px;
}

/*ICI LE TITLE DE LA CATEGO*/
.secondarytitle h2{
font-family: 'Times New Roman', cursive;
        font-size: 30px;
  color: #000000;
  text-shadow: 1px 1px 3px #e8c22a;
  text-align: center;
  white-space: nowrap;
  display:block;
left:0;
top:0;
width:100%;
      letter-spacing: 0px;
    -moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
}


/*ICI LE CONTENU DE LA CATEGO*/
.category {
  font-size: 13px;
    text-align: justify;
    margin-left: 20px;
    margin-right: 20px;
padding : 9px;
 border: 1px solid #e8c22a;
      background-color: #9FBBA4;
  width:350px;
  height : 115px;
  overflow:auto;
        z-index: 1;
          transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
 box-shadow: none;
}

.category:hover {
          z-index: 1;
  color:#4d2810;
        background-color: transparent;
        transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}

/*les liens des sous forums dans la description des catego */
.categolink a{
    border-left: 5px solid #638969;
    color: #638969;
  display: block;
  font-size: 13px;
padding-left: 5px;
 text-align: left;
    background-color: #9FBBA4;
  line-height: 20px;
            transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  }

.categolink a:hover{
    color: #e8c22a;
  border-left: 5px solid #e8c22a;
  padding-left: 15px;
            transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  }

.ciaovirgule{font-size : 0px;}

/*TOUT ÇA C'EST LA BARRE DE NAVIGATION KEBLO EN HAUT*/
.navtop {
  position : fixed ;
  z-index: 999;
  width: 100%;
  height : 30px ;
  border-bottom : #e8c22a 7px solid;
  background-color : #C6D7B3 ;
  text-align:center;
  padding : 3px;
  margin-left : -8px;
 top : 0px;
}


/*texte dans la barre de navigation*/
a.mainmenu {color: #638969;
  font-weight: none;
      letter-spacing: 0px;
          transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;}

a.mainmenu:hover {
 color: #000000;
  font-weight: bold;
      letter-spacing: 2px;
          transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}

/*liens urls basiques */
a:hover{text-decoration: none !important;
  cursor:  url('http://downloads.totallyfreecursors.com/thumbnails/turkeydanceani.gif'), auto;
color: #000000;}
a{text-decoration: none !important;
color: #5c6064;}

 
/*LES INFOBULLES !! ==========================================================*/
a.info {
  position: relative;
  color: #5c6064;
  font-size: 13px;
}

a.info span {
    display: none; /* on masque l'infobulle */
  font-size: 12px;

}

a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}

a.info:hover span {
  opacity: 1;
  margin-left: 5px;
 display: inline; /* on affiche l'infobulle */
  position: absolute;
 
  top: 0px; /* on positionne notre infobulle */
  left: 0px;

  background: #EACBAE;

  color: #000000;
  font-size : 11px;
  padding: 10px;
  text-decoration : none;
  text-transform : none ;
  text-align: justify;
  border-top : 1px #A82144 dotted;
  border-bottom : 1px #A82144 dotted;
  border-left : 2px #A82144 solid;
  border-right : 2px #A82144 solid;
  border-radius : 20px;
  overflow : auto;
  width:300px;
  height : 150px;
}
/*====================================================QEEL =================================================*/
/*====================================================QEEL =================================================*/
/*====================================================QEEL =================================================*/
.boxqeel {
 padding: 5px;
 text-align: justify;
 color: #000000;
 border: 1px solid #e8c22a;
  background-color:#C6D7B3;
  overflow:auto;
  height:150px;
  font-size:13px;
  font-weight:none;
font-family: Times New Roman;
  }

a.infogroupe {
  position: relative;
  display:block;
}

a.infogroupe span {
    position: absolute;
    transform:scale(0) rotate(-12deg);
      -moz-transform: scale(0) rotate(-12deg);
-webkit-transform: scale(0) rotate(-12deg);
-o-transform: scale(0) rotate(-12deg);
-ms-transform: scale(0) rotate(-12deg);
    transition:all .65s;
    -moz-transition: all .65s ;
    -webkit-transition: all .65s ;
    -o-transition: all .65s ;
    opacity:0;
      filter:alpha(opacity=0);
  -moz-opacity:0;
  -khtml-opacity:0;
font-family: 'Just Me Again Down Here', cursive;
    white-space: nowrap;
    letter-spacing: -2px;
}

a.infogroupe:hover, a.infogroupe:focus{
}

a.infogroupe:hover span, a.infogroupe:focus span {
      transform:scale(1) rotate(0);
      -moz-transform: scale(1) rotate(0);
-webkit-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
      filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity:1;
  opacity: 1;
 
    white-space: nowrap;
font-family: 'Just Me Again Down Here', cursive;
    margin-top:45px;
      margin-left:-85px;
  padding: 5px;
  text-align: justify;
font-size:45px;
    font-weight: none;
}
/*==========================================================================FICHE DE PV =====================================================*/
/*==========================================================================FICHE DE PV =====================================================*/
/*==========================================================================FICHE DE PV =====================================================*/
.fondpv {width: 509px;
  border-radius : 20px;
  background-color: #9FBBA4;
  }

a.info3 {
  position: relative;
  color: #dff2c9;
  font-size: 13px;
  border : #e8c22a 2px solid ;
    height : 100px;
  width:100px;
  padding : 5px;
  display : block;
}

a.info3 span {
  display: none; /* on masque l'infobulle */
  font-size: 12px;}

a.info3:hover {
    border : #c4ad9e 1px solid ;
  background: none; /* correction d'un bug IE */
  z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}

a.info3:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
 
  top: 50px; /* on positionne notre infobulle */
  left: -40px;

  background: #dff2c9;
  color: #576186;
  padding: 1px;
  padding-left : 20px;
  padding-right : 20px;
  text-decoration : none;
  text-transform : none ;
  text-align: justify;
  border-left : 2px solid #e8c22a;
  border-radius : 20px;
  height : 150px;
  width:150px
}

.ascenseur3 {
  overflow : auto ;
    text-align: justify;
  height : 100px;
  width:150px;
}
/*lenomdupv*/
.hijk {
  text-align : center;
  font-size: 32px;
  font-weight:bold;
font-family : Times New Roman,cursive;
  color: #000000;
text-shadow: 0px 0px 2px black;
  text-transform: uppercase;
  text-align: center;
}
.hijk:hover {color : #e8c22a ;}

/*titre : bonjour à tous*/
.hijklmn {
  color : #000000;
  font-family : georgia ;
  font-size : 18px ;
  border-right: #e8c22a 3px solid;
  border-top : #e8c22a 1px dotted;
  border-bottom : #e8c22a 1px dotted;
  border-left: #e8c22a 3px solid;
  border-radius : 20px;
  text-align: center;
  padding : 10px;
background-color : #C6D7B3 ;
  display: block;
  width:200px;
 }
.hijklmn:hover {background-color : transparent ;}

/*texte ovale*/
.hijkl {
  color : #000000;
  border-right: #e8c22a 3px solid;
  border-top : #e8c22a 1px dotted;
  border-bottom : #e8c22a 1px dotted;
  border-left: #e8c22a 3px solid;
  border-radius : 20px;
  overflow : auto ;
  text-align: justify;
  padding : 10px;
  width:200px;
  height : 200px;
  background-color : transparent ;
  font-size:13px;
}
.hijkl:hover { background-color : #C6D7B3 ;}

/*titre souligné*/
.hijklm {
  letter-spacing: -2px;
  text-shadow: 1px 1px 2px black;
  font-family :Georgia;
  font-size :25px;
  color : #638969;
  border-bottom : #C6D7B3 3px solid ;
}
.hijklm:hover {
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
font-weight : bold;
color : #e8c22a ;
 }
/*==========================================================================PROFIL=====================================================*/
/*==========================================================================PROFIL=====================================================*/
/*==========================================================================PROFIL=====================================================*/
.fondprofil {
background-color : #9FBBA4; display : block;
font-size:11px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
}

.fondinfosprofil {
background-color : #C6D7B3; display : block;
font-size:11px;
 border: #e8c22a 1px solid;
  padding:5px;
  margin:5px;
max-width: 180px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;}

.fondnomprofil {
  text-align : center;
  font-size : 20px;
padding-left : 2px;
  font-family: 'Miniver', cursive;
 }

.avatarprofil{
  background-color : #C6D7B3;
  padding:5px;
  margin:5px;
  border: #e8c22a 1px solid;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
}

.avatarprofil:hover {
filter:alpha(opacity=65);
-moz-opacity:0.65;
-khtml-opacity:0.65;
opacity: 0.65;}

.rangprofil {
text-align : center;
padding : 5px;}


/*profil dans les sujets*/
.poster-profile img {max-width: 180px;}
.profilentour img {margin-top: -25px;}
.profilentour div.rotationavatar img {margin-top: 0;}
.postdetails img {  border-top-right-radius:20px;
  border-bottom-left-radius:20px;}

.spoiler_closed {
border-radius : 20px;
-moz-box-shadow: 0px 0px 5px  #9FBBA4;
border-left: 4px #4d2810 solid;
  border-right: 4px #4d2810 solid;
background-color : transparent;
border-top:none;border-bottom:none;}

.spoiler_content,
.code,
.quote{
border-left: 4px #9FBBA4 solid;
  border-right: 4px #9FBBA4 solid;
background-color : #C6D7B3;
border-top:none;border-bottom:none;
border-radius: 20px;
    padding-left : 15px;
  padding-right : 15px;
  padding-top : 5px;
  padding-bottom : 5px;
}

.boutonperso {
    background-color:#9FBBA4;
  width : 180px;
  display:block;
  text-align: center;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
padding-left : 15px;
  padding-right : 15px;
  padding-top : 5px;
  padding-bottom : 5px;
-moz-box-shadow: 0px 0px 5px  #FF358B;}

.selectCode { float:right;cursor:pointer;padding-right:15px; }
/*=========================================nouvelle PA=========================================================*/
/*=========================================nouvelle PA=========================================================*/
/*=========================================nouvelle PA=========================================================*/
.casepa{
background-color : #9FBBA4;
  border-radius : 20px;
  border-top : 1px #e8c22a dotted;
  border-bottom : 1px #e8c22a dotted;
  border-left : 2px #e8c22a solid;
  border-right : 2px #e8c22a solid;
  text-align : justify;
  padding : 5px;
  overflow : auto;
  height : 200px;
    transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
        width : 230px;
}

.casepa:hover{
    transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  height : 250px;
  box-shadow: 1px 1px 30px #e8c22a;
}

.ascenseurcasepa {
      transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  overflow:auto;
  height:180px;
  padding:5px;
  width : 220px;
  text-align:justify;
}
.ascenseurcasepa:hover {
      transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  overflow:auto;
  height:220px;
  padding:5px;
  text-align:justify;
}

.grospa {
    font-family: Georgia;
  font-size: 25px;
  color: #638969;
  font-weight : bold;
  text-align:center;
  transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    letter-spacing: 0px;
    margin-bottom : -5px;
}

.grospa:hover{
  transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  padding-left:50px;
  letter-spacing: -1px;
      text-shadow: 1px 1px 5px #638969;
}

.staff{
    font-family: Georgia;
  font-size: 15px;
  color: #638969;
  font-weight:bold;
    text-align : right;
  padding-right:5px;
}

.petitpa{
    font-family: Georgia;
  font-size: 13px;
  color: #638969;
    transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
}

.petitpa:hover{
    font-family: Georgia;
  font-size: 12px;
    transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
}

.petitpabis{
    font-family: Georgia;
  font-size: 13px;
  color: #638969;
    transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
  padding-top:7px;padding-bottom:7px;
  padding-left:5px;padding-right:5px;
    border-radius : 5px;
}

.petitpabis:hover{
    font-family: Georgia;
  font-size: 12px;
  background-color:#9FBBA4;
    transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
}

.imgpv {
height:50px;
  width:50px;
  border-radius: 100px;

filter:alpha(opacity=50);
-moz-opacity:0.50;
-khtml-opacity:0.50;
opacity: 0.50;
      transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);

}

.imgpv:hover {
    transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
filter:alpha(opacity=99);
-moz-opacity:0.99;
-khtml-opacity:0.99;
opacity: 0.99;
}

.gifpa {
  width : 150px;
  border-radius : 20px;
  filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity:0.75;
opacity: 0.75;
    -moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
  margin-top:-20px;
  }

.ongletpa
{
    display:inline-block;
    padding:3px;
cursor: url("http://www.123cursors.com/freecursors/6849.ani"), url("http://www.123cursors.com/freecursors/6849.gif"), auto;
 text-align: center;
}

.onglet_0
{
  background:transparent;
  border : none;
}

.onglet_1
{
    background:transparent;
    padding-bottom:4px;
    border : none;
}

.contenu_onglet
{
    margin-top:-1px;
    padding:5px;
    display:none;
  width: 215px;
  height: 170px;
  text-align: justify;
  font-size: 11px;
  font-family: DejaVu Sans;
background-color : #9FBBA4;
  border-radius : 20px;
}

/*======================================================FICHE PRESENTATION========================================================*/
.pokemon {
  position: absolute;
  width : 100px;
  height : 100px;
  border:#4d2810 1px solid;
  padding:15px;
  margin-left:5px;
  margin-right:5px;
  z-index: 2;
  display: block;
background-color:#9FBBA4;}
.pokemon:hover {
  position: absolute;
  z-index: 1;
  width:100px;
  color: #000000;
  height : 100px;
  display: block;}
.bipbip {
  padding:5px;
  position: relative;
  z-index: 1;
  border:#e8c22a 1px solid;
  overflow : auto;
  margin-left:5px;
  margin-right:5px;
  color: #000000;
  width:120px;
  height : 120px;
  background-color : none;
  display: block;
  text-align : justify;}
.bipbip:hover {
  position: relative;
  z-index: 2;
  overflow : auto;
  color: #000000;
  width:120px;
  height : 120px;
background-color:#9FBBA4;
  border : #e8c22a 1px  solid;
  filter:alpha(opacity=90);
  -moz-opacity:0.90;
  -khtml-opacity:0.90;
  opacity: 0.90;
  display: block;
  text-align : justify;}

.armée{
background-color:#9FBBA4;border-radius : 20px;
}
.régiment{
background-color:#C6D7B3;box-shadow: 1px 1px 2px #000000;width:450px;
}
.lignepointillée{
border-top:#e8c22a 5px dotted;width:405px;
}

.casesbire{
padding:3px;width:200px;height:155px;overflow:auto;
  }

.sbire{
 color:#638969;
  text-shadow: 1px 1px 2px #000000;
  font-family:Times New Roman;
  font-weight:bold;
  text-align:center;
  font-size:30px;
  text-transform: uppercase;
  letter-spacing:-2px;
}

.soussbire{
color:#638969;
  font-family:times new roman;
  text-align:center;
  font-size:12px;
  letter-spacing:-1px;
  margin-bottom:-28px;
  z-index: 500;
        transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  }

.soussbire:hover{
  letter-spacing:1px;
      transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  }
.ouistiti{
  padding:3px;
  background-color:#9FBBA4;
  filter:alpha(opacity=70);
  -moz-opacity:0.70;
  -khtml-opacity:0.70;
  opacity: 0.70;
  width:200px;
  }

.ouistiti:hover{
  filter:alpha(opacity=90);
  -moz-opacity:0.90;
  -khtml-opacity:0.90;
  opacity: 0.90;
  }

.soldat{
padding:3px;
  background-color:#9FBBA4;
  width:200px;
  height:155px;
  overflow:auto;
  }

.soldat:hover{
  box-shadow: 1px 1px 3px #000000 inset;
  }

.croix{
color:#638969;
display : inline;
  }
/*========================================================================FICHE DE LIENS======================================================*/
/*========================================================================FICHE DE LIENS======================================================*/
/*========================================================================FICHE DE LIENS======================================================*/
.capitainearmée{
width:550px;background-color:#9FBBA4;border-radius : 120px;border-top : #638969 25px solid;border-bottom : #638969 25px solid;border-left:none;border-right:none;
}

.nomimg{
font-family : georgia;text-shadow: 0px 0px 1px white; font-size : 49px; color : transparent;letter-spacing : -5px;margin-top:-30px;
  }

.ronron1{
border-radius : 100px;border : #638969 3px solid;
    -moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
        transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
  width:75px;margin-right:-10px;
  }

.ronron1:hover {
      transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

.ronron2{
border-radius : 100px;border : #638969 3px solid;
    -moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
        transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
width:85px;margin-left:-30px;margin-top:-20px;
  }

.ronron2:hover {
      transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

.ronron3{
border-radius : 100px;border : #638969 3px solid;
    -moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
        transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
width:65px;margin-top:-15px;margin-right:-110px;
  }

.ronron3:hover {
      transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

.arméeliens{
background-color:#C6D7B3;width:500px;border-radius:80px;
}

.arméeliens2{
background-color:#C6D7B3;width:500px;border-radius:80px;box-shadow:0px 0px 10px;
}

.imglienshaut{
border-bottom : white 7px solid;border-top-left-radius:80px;border-top-right-radius:80px;
}

.imgliensbas{
border-bottom-left-radius:80px;border-bottom-right-radius:80px;
}

.soldatliens{
padding:3px;
width:350px;background-color:white;
  height:155px;
  overflow:auto;
  }

.nom1{
font-family: Times New Roman; font-style: normal; font-size: 15px;text-shadow: 0pt 0pt 1px;color:#638969;display:inline;
}

.célébrité1{
color:grey;letter-spacing:4px;font-size:12px;text-shadow:0px 0px 2px;display:inline;font-family:Times New Roman;text-align:center;
}

.relation1{
width:400px;background-color:white;border :1px #638969 dotted;border-radius : 20px;height:100px;text-align:justify;padding:7px;margin-top:-6px;overflow:auto;
}

.nom2{
border-bottom:1px white solid;font-family: Times New Roman; font-style: normal; font-size: 15px;text-shadow: 0pt 0pt 1px;color:#638969;display:block;text-align:center;
}

.célébrité2{
color:grey;letter-spacing:4px;font-size:12px;text-shadow:0px 0px 2px;display:block;font-family:Times New Roman;text-align:center;
}

.box2{
  width:220px;background-color:white;border :1px #638969 dotted;border-radius : 20px;text-align:justify;margin-top:-4px;
}

.img2{
width:220px;height:120px;border-top-left-radius:20px;border-top-right-radius:20px;
}

.relation2{
padding:7px;height:100px;overflow:auto;
}

.copyright{
text-align:center; margin-top:-20px;
}

/*Code inutilisé*/
.groupe
{
  width: 250px;
  height: 120px;
  overflow: hidden;
  border: 2px solid #000000;
  background-color: #ffffff;
}
.groupe_img
{
  position: relative;
  z-index: 2;
  width: 250px;
  height: 120px;
  margin-left: 0px;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1.5s;
-moz-transition: 1.5s;
-o-transition: 1.5s;
-htm-transition: 1.5s;
-webkit-transition: 1.5s;
}
.groupe:hover .groupe_img
{
margin-left: 400px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1.5s;
-moz-transition: 1.5s;
-o-transition: 1.5s;
-htm-transition: 1.5s;
-webkit-transition: 1.5s;
}
.groupe_description
{
  position: relative;
  z-index: 1;
  width: 250px;
  height: 120px;
  margin-top: -120px;
  text-align: justify;
  font-size: 11px;
  color: #8c8c8c;
  padding: 2px;
  overflow: auto;
}

Après, faut savoir que dedans, j'ai codé une fiche de présentation, une fiche de liens et une fiche de Poste Vacant, donc ça prend de la place :/
MessageSujet: Re: curseur personnalisé animé qui reste immobile [résolu]   curseur personnalisé animé qui reste immobile [résolu] EmptyVen 16 Nov 2012, 07:10
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



curseur personnalisé animé qui reste immobile [résolu] Empty
Et bien ça dépend de tes visiteurs, tu peux toujours faire un sondage ou mettre en place un Google Analytics dans ton forum, ça te donnera les stats de tes visites, notamment les navigateurs les plus utilisés pour voir ton forum.

Pour info, IE fonctionne (enfin) bien à partir de la version 9. A partir d'IE 9 on peut considérer qu'il est quasiment à niveau (en fait il l'ont refait from scratch pour respecter les standards, IE 10 fonctionne d'ailleurs aussi bien que Firefox ou Chrome, plus qu'à attendre quelques années).

A l'heure actuelle, je dirais que la part de marché d'IE doit être de 40% environ. Donc tu as statistiquement 3-4 chances sur 10 que les gens voient ton forum sous l'oeil d'IE. Mais après il s'agit d'une statistique, donc ça va beaucoup dépendre des gens qui fréquentent ton forum.


Sinon y'a pas d'erreur majeur dans ton CSS, juste des petits trucs qui peuvent être optimisés Wink
  • border-bottom-radius n'existe pas donc ça ne doit pas fonctionner, tu peux avoir la liste des propriétés qui existent pour ton effet sur W3School

  • font-weight ne peux pas valoir none. J'imagine que tu voulais mettre 0

  • Tu peux virer a.infogroupe:hover, a.infogroupe:focus vu qu'il n'y a aucune propriété dedans

  • Dans a.info3:hover span tu as défini un display: inline;. Donc tu peux virer les width et les height car ils ne sont pas pris en compte (sinon passer le display à inline-block)

  • Dans .hijk tu as défini 2 fois text-align: center;

  • Dans .spoiler_content, .code, .quote, dans .boutonperso et dans .petitpabis tu peux combiner les propriétés padding-left/right/top/bottom en une seule propriété padding comme l'explique encore W3School

  • background-color : none; n'existe pas, je suppose que tu voulais mettre la propriété transparent


Voilà en gros ce que je peux dire rapidement.

Pour aller plus loin c'est plus de l'optimisation de code pour réaliser tes effets. Je pense que tu utilise beaucoup trop de sélecteurs différents et qu'il serait possible de diviser le code par 3 facilement en créant quelques classes génériques. Mais ce sont des pratiques de CSS assez avancées, te préoccupe pas avec ça (je suppose que le CSS grossit autant car il accumule le CSS de différents tutos plus ou moins bien fait, c'est donc une conclusion logique des choses).

Sinon ce que je peux te conseiller c'est d'indenter plus proprement ton code. Il existe des sites pour ça.
Voici d'ailleurs le code de ton CSS proprement indenté (mais non corrigé) :

Code:
/*L'écriture en général du forum*/
.gensmall {
  font-family: Times New Roman, Helvetica, sans-serif;
  font-size: 13px;
  color: #000000;
}

body
{
 cursor: url('http://downloads.totallyfreecursors.com/cursor_files/turkeydanceani.ani'), url('http://downloads.totallyfreecursors.com/thumbnails/turkeydanceani.gif'), auto;
  margin-bottom:0px;
}


/*supprimer derniere edition*/
tr.post span.gensmall { display: none; }

/*classe pour les liens qui sont petits */
.petit {
  font-family: Georgia, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}

/*corps du message */
div.postbody {
  display: block;
  padding-left : 20px;
  padding-right : 20px;
  text-align:justify;
        }

/*là où il y a le titre du sujet */
.catHead {
background-color: #C6D7B3;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-topright: 15px;
  -webkit-border-top-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
border: none !important;
  border-bottom-radius : 0px;
  font-family: 'miniver', cursive;
  }

/*les couleurs de la box !*/
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a  {background-color: #C6D7B3;}
#chatbox_header .catBottom .cattitle {border: #C6D7B3;}
body.chatbox {
background-color: #C6D7B3;}

.prezcb {width : 750px;}

/*le tour du forum */
.bodyline{padding : 0px;}

/*tous les codes pour que la liste des sujets, les sujets en eux mêmes ... soient de la même couleur !!*/
.forumline,
.nav,
.catBottom,
.row3Right {  border: none !important;}
.row2,
.row3 {
  border: #C0C6CC;
  background-color: #C6D7B3;}
.thRight,
.thLeft {
border: none !important;
  background-color: #C6D7B3;}
.catBottom  {  border: none !important;}

/*TITRE DES FORUMS*/
.BlocConteneurforum { position:relative; }

a.forumlink {
font-family: 'miniver', cursive;
  color: #638969;
  font-size: 30px;
margin-bottom:-18px;
  letter-spacing: -1px;
      text-shadow: 1px 1px 2px #638969;
  text-align:center;
  display:block;
transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
}

a.forumlink:hover {
    color: #e8c22a;
      transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    letter-spacing: 4px;
      text-shadow: 1px 1px 15px #000000;
}

/*ICI LA CASE OU Y'A LE TITLE DE LA CATEGO*/
.secondarytitle {
    background-image: URL('http://img15.hostingpics.net/pics/281096minibann3.png');
    background-repeat: no-repeat;
    background-position: center;
    overflow: auto;
    height: 112px;
    width: 785px;
}

/*ICI LE TITLE DE LA CATEGO*/
.secondarytitle h2 {
    font-family: 'Times New Roman', cursive;
    font-size: 30px;
    color: #000000;
    text-shadow: 1px 1px 3px #e8c22a;
    text-align: center;
    white-space: nowrap;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    letter-spacing: 0px;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}


/*ICI LE CONTENU DE LA CATEGO*/
.category {
    font-size: 13px;
    text-align: justify;
    margin-left: 20px;
    margin-right: 20px;
    padding: 9px;
    border: 1px solid #e8c22a;
    background-color: #9FBBA4;
    width: 350px;
    height: 115px;
    overflow: auto;
    z-index: 1;
    transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    box-shadow: none;
}

.category:hover {
    z-index: 1;
    color: #4d2810;
    background-color: transparent;
    transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}

/*les liens des sous forums dans la description des catego */
.categolink a {
    border-left: 5px solid #638969;
    color: #638969;
    display: block;
    font-size: 13px;
    padding-left: 5px;
    text-align: left;
    background-color: #9FBBA4;
    line-height: 20px;
    transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}

.categolink a:hover {
    color: #e8c22a;
    border-left: 5px solid #e8c22a;
    padding-left: 15px;
    transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}

.ciaovirgule {
    font-size: 0px;
}

/*TOUT ÇA C'EST LA BARRE DE NAVIGATION KEBLO EN HAUT*/
.navtop {
  position : fixed ;
  z-index: 999;
  width: 100%;
  height : 30px ;
  border-bottom : #e8c22a 7px solid;
  background-color : #C6D7B3 ;
  text-align:center;
  padding : 3px;
  margin-left : -8px;
 top : 0px;
}


/*texte dans la barre de navigation*/
a.mainmenu {color: #638969;
  font-weight: none;
      letter-spacing: 0px;
          transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;}

a.mainmenu:hover {
 color: #000000;
  font-weight: bold;
      letter-spacing: 2px;
          transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}

/*liens urls basiques */
a:hover{text-decoration: none !important;
  cursor:  url('http://downloads.totallyfreecursors.com/thumbnails/turkeydanceani.gif'), auto;
color: #000000;}
a{text-decoration: none !important;
color: #5c6064;}

 
/*LES INFOBULLES !! ==========================================================*/
a.info {
  position: relative;
  color: #5c6064;
  font-size: 13px;
}

a.info span {
    display: none; /* on masque l'infobulle */
font-size: 12px;
}

a.info:hover {
background: none;
 /* correction d'un bug IE */
  z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}

a.info:hover span {
  opacity: 1;
  margin-left: 5px;
 display: inline; /* on affiche l'infobulle */
position: absolute;
top: 0px;
 /* on positionne notre infobulle */
left: 0px;
background: #EACBAE;
color: #000000;
font-size: 11px;
padding: 10px;
text-decoration: none;
text-transform: none;
text-align: justify;
border-top: 1px #A82144 dotted;
border-bottom: 1px #A82144 dotted;
border-left: 2px #A82144 solid;
border-right: 2px #A82144 solid;
border-radius: 20px;
overflow: auto;
width: 300px;
height: 150px;
}
/*====================================================QEEL =================================================*/
/*====================================================QEEL =================================================*/
/*====================================================QEEL =================================================*/
.boxqeel {
padding: 5px;
text-align: justify;
color: #000000;
border: 1px solid #e8c22a;
background-color: #C6D7B3;
overflow: auto;
height: 150px;
font-size: 13px;
font-weight: none;
font-family: Times New Roman;
}

a.infogroupe {
position: relative;
display: block;
}

a.infogroupe span {
position: absolute;
transform: scale(0) rotate(-12deg);
-moz-transform: scale(0) rotate(-12deg);
-webkit-transform: scale(0) rotate(-12deg);
-o-transform: scale(0) rotate(-12deg);
-ms-transform: scale(0) rotate(-12deg);
transition: all .65s;
-moz-transition: all .65s;
-webkit-transition: all .65s;
-o-transition: all .65s;
opacity: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
font-family: 'Just Me Again Down Here', cursive;
white-space: nowrap;
letter-spacing: -2px;
}

a.infogroupe:hover, a.infogroupe:focus {;
}

a.infogroupe:hover span, a.infogroupe:focus span {
transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-webkit-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
white-space: nowrap;
font-family: 'Just Me Again Down Here', cursive;
margin-top: 45px;
margin-left: -85px;
padding: 5px;
text-align: justify;
font-size: 45px;
font-weight: none;
}
/*==========================================================================FICHE DE PV =====================================================*/
/*==========================================================================FICHE DE PV =====================================================*/
/*==========================================================================FICHE DE PV =====================================================*/
.fondpv {
width: 509px;
border-radius: 20px;
background-color: #9FBBA4;
}

a.info3 {
position: relative;
color: #dff2c9;
font-size: 13px;
border: #e8c22a 2px solid;
height: 100px;
width: 100px;
padding: 5px;
display: block;
}

a.info3 span {
display: none;
 /* on masque l'infobulle */
  font-size: 12px;}

a.info3:hover {
    border : #c4ad9e 1px solid ;
  background: none; /* correction d'un bug IE */
z-index: 500;
 /* on définit une valeur pour l'ordre d'affichage */;
}

a.info3:hover span {
display: inline;
 /* on affiche l'infobulle */
  position: absolute;
 
  top: 50px; /* on positionne notre infobulle */
  left: -40px;

  background: #dff2c9;
  color: #576186;
  padding: 1px;
  padding-left : 20px;
  padding-right : 20px;
  text-decoration : none;
  text-transform : none ;
  text-align: justify;
  border-left : 2px solid #e8c22a;
  border-radius : 20px;
  height : 150px;
  width:150px
}

.ascenseur3 {
  overflow : auto ;
    text-align: justify;
  height : 100px;
  width:150px;
}
/*lenomdupv*/
.hijk {
  text-align : center;
  font-size: 32px;
  font-weight:bold;
font-family : Times New Roman,cursive;
  color: #000000;
text-shadow: 0px 0px 2px black;
  text-transform: uppercase;
  text-align: center;
}
.hijk:hover {color : #e8c22a ;}

/*titre : bonjour à tous*/
.hijklmn {
  color : #000000;
  font-family : georgia ;
  font-size : 18px ;
  border-right: #e8c22a 3px solid;
  border-top : #e8c22a 1px dotted;
  border-bottom : #e8c22a 1px dotted;
  border-left: #e8c22a 3px solid;
  border-radius : 20px;
  text-align: center;
  padding : 10px;
background-color : #C6D7B3 ;
  display: block;
  width:200px;
 }
.hijklmn:hover {background-color : transparent ;}

/*texte ovale*/
.hijkl {
  color : #000000;
  border-right: #e8c22a 3px solid;
  border-top : #e8c22a 1px dotted;
  border-bottom : #e8c22a 1px dotted;
  border-left: #e8c22a 3px solid;
  border-radius : 20px;
  overflow : auto ;
  text-align: justify;
  padding : 10px;
  width:200px;
  height : 200px;
  background-color : transparent ;
  font-size:13px;
}
.hijkl:hover { background-color : #C6D7B3 ;}

/*titre souligné*/
.hijklm {
  letter-spacing: -2px;
  text-shadow: 1px 1px 2px black;
  font-family :Georgia;
  font-size :25px;
  color : #638969;
  border-bottom : #C6D7B3 3px solid ;
}
.hijklm:hover {
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
font-weight : bold;
color : #e8c22a ;
 }
/*==========================================================================PROFIL=====================================================*/
/*==========================================================================PROFIL=====================================================*/
/*==========================================================================PROFIL=====================================================*/
.fondprofil {
background-color : #9FBBA4; display : block;
font-size:11px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
}

.fondinfosprofil {
background-color : #C6D7B3; display : block;
font-size:11px;
 border: #e8c22a 1px solid;
  padding:5px;
  margin:5px;
max-width: 180px;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;}

.fondnomprofil {
  text-align : center;
  font-size : 20px;
padding-left : 2px;
  font-family: 'Miniver', cursive;
 }

.avatarprofil{
  background-color : #C6D7B3;
  padding:5px;
  margin:5px;
  border: #e8c22a 1px solid;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
}

.avatarprofil:hover {
filter:alpha(opacity=65);
-moz-opacity:0.65;
-khtml-opacity:0.65;
opacity: 0.65;}

.rangprofil {
text-align : center;
padding : 5px;}


/*profil dans les sujets*/
.poster-profile img {max-width: 180px;}
.profilentour img {margin-top: -25px;}
.profilentour div.rotationavatar img {margin-top: 0;}
.postdetails img {  border-top-right-radius:20px;
  border-bottom-left-radius:20px;}

.spoiler_closed {
border-radius : 20px;
-moz-box-shadow: 0px 0px 5px  #9FBBA4;
border-left: 4px #4d2810 solid;
  border-right: 4px #4d2810 solid;
background-color : transparent;
border-top:none;border-bottom:none;}

.spoiler_content,
.code,
.quote{
border-left: 4px #9FBBA4 solid;
  border-right: 4px #9FBBA4 solid;
background-color : #C6D7B3;
border-top:none;border-bottom:none;
border-radius: 20px;
    padding-left : 15px;
  padding-right : 15px;
  padding-top : 5px;
  padding-bottom : 5px;
}

.boutonperso {
    background-color:#9FBBA4;
  width : 180px;
  display:block;
  text-align: center;
  border-top-right-radius:20px;
  border-bottom-left-radius:20px;
padding-left : 15px;
  padding-right : 15px;
  padding-top : 5px;
  padding-bottom : 5px;
-moz-box-shadow: 0px 0px 5px  #FF358B;}

.selectCode { float:right;cursor:pointer;padding-right:15px; }
/*=========================================nouvelle PA=========================================================*/
/*=========================================nouvelle PA=========================================================*/
/*=========================================nouvelle PA=========================================================*/
.casepa{
background-color : #9FBBA4;
  border-radius : 20px;
  border-top : 1px #e8c22a dotted;
  border-bottom : 1px #e8c22a dotted;
  border-left : 2px #e8c22a solid;
  border-right : 2px #e8c22a solid;
  text-align : justify;
  padding : 5px;
  overflow : auto;
  height : 200px;
    transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
        width : 230px;
}

.casepa:hover{
    transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  height : 250px;
  box-shadow: 1px 1px 30px #e8c22a;
}

.ascenseurcasepa {
      transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  overflow:auto;
  height:180px;
  padding:5px;
  width : 220px;
  text-align:justify;
}
.ascenseurcasepa:hover {
      transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  overflow:auto;
  height:220px;
  padding:5px;
  text-align:justify;
}

.grospa {
    font-family: Georgia;
  font-size: 25px;
  color: #638969;
  font-weight : bold;
  text-align:center;
  transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    letter-spacing: 0px;
    margin-bottom : -5px;
}

.grospa:hover{
  transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  padding-left:50px;
  letter-spacing: -1px;
      text-shadow: 1px 1px 5px #638969;
}

.staff{
    font-family: Georgia;
  font-size: 15px;
  color: #638969;
  font-weight:bold;
    text-align : right;
  padding-right:5px;
}

.petitpa{
    font-family: Georgia;
  font-size: 13px;
  color: #638969;
    transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
}

.petitpa:hover{
    font-family: Georgia;
  font-size: 12px;
    transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
}

.petitpabis{
    font-family: Georgia;
  font-size: 13px;
  color: #638969;
    transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
  padding-top:7px;padding-bottom:7px;
  padding-left:5px;padding-right:5px;
    border-radius : 5px;
}

.petitpabis:hover{
    font-family: Georgia;
  font-size: 12px;
  background-color:#9FBBA4;
    transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
}

.imgpv {
height:50px;
  width:50px;
  border-radius: 100px;

filter:alpha(opacity=50);
-moz-opacity:0.50;
-khtml-opacity:0.50;
opacity: 0.50;
      transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);

}

.imgpv:hover {
    transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
filter:alpha(opacity=99);
-moz-opacity:0.99;
-khtml-opacity:0.99;
opacity: 0.99;
}

.gifpa {
  width : 150px;
  border-radius : 20px;
  filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity:0.75;
opacity: 0.75;
    -moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
  margin-top:-20px;
  }

.ongletpa
{
    display:inline-block;
    padding:3px;
cursor: url("http://www.123cursors.com/freecursors/6849.ani"), url("http://www.123cursors.com/freecursors/6849.gif"), auto;
 text-align: center;
}

.onglet_0
{
  background:transparent;
  border : none;
}

.onglet_1
{
    background:transparent;
    padding-bottom:4px;
    border : none;
}

.contenu_onglet
{
    margin-top:-1px;
    padding:5px;
    display:none;
  width: 215px;
  height: 170px;
  text-align: justify;
  font-size: 11px;
  font-family: DejaVu Sans;
background-color : #9FBBA4;
  border-radius : 20px;
}

/*======================================================FICHE PRESENTATION========================================================*/
.pokemon {
  position: absolute;
  width : 100px;
  height : 100px;
  border:#4d2810 1px solid;
  padding:15px;
  margin-left:5px;
  margin-right:5px;
  z-index: 2;
  display: block;
background-color:#9FBBA4;}
.pokemon:hover {
  position: absolute;
  z-index: 1;
  width:100px;
  color: #000000;
  height : 100px;
  display: block;}
.bipbip {
  padding:5px;
  position: relative;
  z-index: 1;
  border:#e8c22a 1px solid;
  overflow : auto;
  margin-left:5px;
  margin-right:5px;
  color: #000000;
  width:120px;
  height : 120px;
  background-color : none;
  display: block;
  text-align : justify;}
.bipbip:hover {
  position: relative;
  z-index: 2;
  overflow : auto;
  color: #000000;
  width:120px;
  height : 120px;
background-color:#9FBBA4;
  border : #e8c22a 1px  solid;
  filter:alpha(opacity=90);
  -moz-opacity:0.90;
  -khtml-opacity:0.90;
  opacity: 0.90;
  display: block;
  text-align : justify;}

.armée{
background-color:#9FBBA4;border-radius : 20px;
}
.régiment{
background-color:#C6D7B3;box-shadow: 1px 1px 2px #000000;width:450px;
}
.lignepointillée{
border-top:#e8c22a 5px dotted;width:405px;
}

.casesbire{
padding:3px;width:200px;height:155px;overflow:auto;
  }

.sbire{
 color:#638969;
  text-shadow: 1px 1px 2px #000000;
  font-family:Times New Roman;
  font-weight:bold;
  text-align:center;
  font-size:30px;
  text-transform: uppercase;
  letter-spacing:-2px;
}

.soussbire{
color:#638969;
  font-family:times new roman;
  text-align:center;
  font-size:12px;
  letter-spacing:-1px;
  margin-bottom:-28px;
  z-index: 500;
        transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  }

.soussbire:hover{
  letter-spacing:1px;
      transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
  }
.ouistiti{
  padding:3px;
  background-color:#9FBBA4;
  filter:alpha(opacity=70);
  -moz-opacity:0.70;
  -khtml-opacity:0.70;
  opacity: 0.70;
  width:200px;
  }

.ouistiti:hover{
  filter:alpha(opacity=90);
  -moz-opacity:0.90;
  -khtml-opacity:0.90;
  opacity: 0.90;
  }

.soldat{
padding:3px;
  background-color:#9FBBA4;
  width:200px;
  height:155px;
  overflow:auto;
  }

.soldat:hover{
  box-shadow: 1px 1px 3px #000000 inset;
  }

.croix{
color:#638969;
display : inline;
  }
/*========================================================================FICHE DE LIENS======================================================*/
/*========================================================================FICHE DE LIENS======================================================*/
/*========================================================================FICHE DE LIENS======================================================*/
.capitainearmée{
width:550px;background-color:#9FBBA4;border-radius : 120px;border-top : #638969 25px solid;border-bottom : #638969 25px solid;border-left:none;border-right:none;
}

.nomimg{
font-family : georgia;text-shadow: 0px 0px 1px white; font-size : 49px; color : transparent;letter-spacing : -5px;margin-top:-30px;
  }

.ronron1{
border-radius : 100px;border : #638969 3px solid;
    -moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
        transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
  width:75px;margin-right:-10px;
  }

.ronron1:hover {
      transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

.ronron2{
border-radius : 100px;border : #638969 3px solid;
    -moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
        transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
width:85px;margin-left:-30px;margin-top:-20px;
  }

.ronron2:hover {
      transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

.ronron3{
border-radius : 100px;border : #638969 3px solid;
    -moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
        transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
width:65px;margin-top:-15px;margin-right:-110px;
  }

.ronron3:hover {
      transition: all 2s ease-in;
    -moz-transition: all 2s ease-in;
    -webkit-transition: all 2s ease-in;
    -o-transition: all 2s ease-in;
    -moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

.arméeliens{
background-color:#C6D7B3;width:500px;border-radius:80px;
}

.arméeliens2{
background-color:#C6D7B3;width:500px;border-radius:80px;box-shadow:0px 0px 10px;
}

.imglienshaut{
border-bottom : white 7px solid;border-top-left-radius:80px;border-top-right-radius:80px;
}

.imgliensbas{
border-bottom-left-radius:80px;border-bottom-right-radius:80px;
}

.soldatliens{
padding:3px;
width:350px;background-color:white;
  height:155px;
  overflow:auto;
  }

.nom1{
font-family: Times New Roman; font-style: normal; font-size: 15px;text-shadow: 0pt 0pt 1px;color:#638969;display:inline;
}

.célébrité1{
color:grey;letter-spacing:4px;font-size:12px;text-shadow:0px 0px 2px;display:inline;font-family:Times New Roman;text-align:center;
}

.relation1{
width:400px;background-color:white;border :1px #638969 dotted;border-radius : 20px;height:100px;text-align:justify;padding:7px;margin-top:-6px;overflow:auto;
}

.nom2{
border-bottom:1px white solid;font-family: Times New Roman; font-style: normal; font-size: 15px;text-shadow: 0pt 0pt 1px;color:#638969;display:block;text-align:center;
}

.célébrité2{
color:grey;letter-spacing:4px;font-size:12px;text-shadow:0px 0px 2px;display:block;font-family:Times New Roman;text-align:center;
}

.box2{
  width:220px;background-color:white;border :1px #638969 dotted;border-radius : 20px;text-align:justify;margin-top:-4px;
}

.img2{
width:220px;height:120px;border-top-left-radius:20px;border-top-right-radius:20px;
}

.relation2{
padding:7px;height:100px;overflow:auto;
}

.copyright{
text-align:center; margin-top:-20px;
}

/*Code inutilisé*/
.groupe
{
  width: 250px;
  height: 120px;
  overflow: hidden;
  border: 2px solid #000000;
  background-color: #ffffff;
}
.groupe_img
{
  position: relative;
  z-index: 2;
  width: 250px;
  height: 120px;
  margin-left: 0px;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1.5s;
-moz-transition: 1.5s;
-o-transition: 1.5s;
-htm-transition: 1.5s;
-webkit-transition: 1.5s;
}
.groupe:hover .groupe_img
{
margin-left: 400px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1.5s;
-moz-transition: 1.5s;
-o-transition: 1.5s;
-htm-transition: 1.5s;
-webkit-transition: 1.5s;
}
.groupe_description {
  position: relative;
  z-index: 1;
  width: 250px;
  height: 120px;
  margin-top: -120px;
  text-align: justify;
  font-size: 11px;
  color: #8c8c8c;
  padding: 2px;
  overflow: auto;
}


EDIT : Ouais en fait là c'est pas fameux... tant pis... Mais faut essayer en cherchant un peu sur le web, celui-ci marche bien pour des petits codes.
MessageSujet: Re: curseur personnalisé animé qui reste immobile [résolu]   curseur personnalisé animé qui reste immobile [résolu] EmptyVen 16 Nov 2012, 11:12
Revenir en haut Aller en bas
http://dirty-secret.forumsactifs.com/
Julye
Julye
{ Membre }
{ Membre }

Féminin Messages : 25



curseur personnalisé animé qui reste immobile [résolu] Empty
Alooors, merci pour les petits trucs, je vais modifier tout ça dès que possible, c'est toujours ça pour gagner quelques lignes ^^
En tout cas je suis contente qu'il n'y ait pas d'erreurs majeures Very Happy

Je retiens l'idée du Google Analytics et m'y pencherai dès que j'aurai le temps Smile

Citation :
Pour aller plus loin c'est plus de l'optimisation de code pour réaliser tes effets. Je pense que tu utilise beaucoup trop de sélecteurs différents et qu'il serait possible de diviser le code par 3 facilement en créant quelques classes génériques. Mais ce sont des pratiques de CSS assez avancées, te préoccupe pas avec ça (je suppose que le CSS grossit autant car il accumule le CSS de différents tutos plus ou moins bien fait, c'est donc une conclusion logique des choses).

Est-ce que tu veux dire créer des classes avec les codes qui reviennent souvent, et ensuite appliquer plusieurs classes à un élément ?
Par exemple je crée une classe opacité, que j'applique à toutes mes images, et j'ajoute également à ces images une autre classe (avec une taille, une bordure par exemple) bien spécifique à chaque image ?
Mais je suis bloquée par mon exemple car je ne vois pas comment appliquer plusieurs classes à une image xD

Citation :
Sinon ce que je peux te conseiller c'est d'indenter plus proprement ton code. Il existe des sites pour ça.

Je te comprends peut-être mal, mais indenter, ça rendra juste la feuille plus "propre" et "lisible", non ?


Merci en tout cas du temps passé sur mon cas I love you
MessageSujet: Re: curseur personnalisé animé qui reste immobile [résolu]   curseur personnalisé animé qui reste immobile [résolu] EmptyVen 16 Nov 2012, 16:51
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



curseur personnalisé animé qui reste immobile [résolu] Empty
Citation :
Mais je suis bloquée par mon exemple car je ne vois pas comment appliquer plusieurs classes à une image xD
Bah, comme ça : <img src="URLIMAGE" class="classe1 classe2 classe3" /> O_O
MessageSujet: Re: curseur personnalisé animé qui reste immobile [résolu]   curseur personnalisé animé qui reste immobile [résolu] EmptyVen 16 Nov 2012, 18:01
Revenir en haut Aller en bas
http://dirty-secret.forumsactifs.com/
Julye
Julye
{ Membre }
{ Membre }

Féminin Messages : 25



curseur personnalisé animé qui reste immobile [résolu] Empty
C'est TOUT C*N mais je pensais que les classes interfèreraient xDD

donc de même, on peut faire :
? Avec juste un espace entre les classes ?

Et donc l'idée d'Espeon de créer des classes génériques, je l'ai bien comprise ? (a)
MessageSujet: Re: curseur personnalisé animé qui reste immobile [résolu]   curseur personnalisé animé qui reste immobile [résolu] EmptySam 17 Nov 2012, 04:43
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



curseur personnalisé animé qui reste immobile [résolu] Empty
Julye a écrit:
C'est TOUT C*N mais je pensais que les classes interfèreraient xDD

donc de même, on peut faire : <div class"classe1 classe2 classe3 ..." > ? Avec juste un espace entre les classes ?

Et donc l'idée d'Espeon de créer des classes génériques, je l'ai bien comprise ? (a)

Yep, c'est exactement ça Wink

Ca t'évite d'avoir trop de doublons, c'est donc aussi plus simple si tu veux changer les coins arrondis par défaut de tout ton forum (par exemple). Et ça devrait réduire pas mal ta feuille CSS à l'essentiel Smile
MessageSujet: Re: curseur personnalisé animé qui reste immobile [résolu]   curseur personnalisé animé qui reste immobile [résolu] EmptySam 17 Nov 2012, 07:31
Revenir en haut Aller en bas
http://dirty-secret.forumsactifs.com/
Julye
Julye
{ Membre }
{ Membre }

Féminin Messages : 25



curseur personnalisé animé qui reste immobile [résolu] Empty
Merci, je vais me lancer dans cette aventure sous peu curseur personnalisé animé qui reste immobile [résolu] 1688815589


En tout cas merci de l'aide, le sujet peut être classé Smile
MessageSujet: Re: curseur personnalisé animé qui reste immobile [résolu]   curseur personnalisé animé qui reste immobile [résolu] EmptyDim 18 Nov 2012, 08:30
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



curseur personnalisé animé qui reste immobile [résolu] Empty
Hello !
Je vois que le sujet est résolu, donc je classe !
Merci de l'avoir signalé curseur personnalisé animé qui reste immobile [résolu] 926145
MessageSujet: Re: curseur personnalisé animé qui reste immobile [résolu]   curseur personnalisé animé qui reste immobile [résolu] EmptyDim 18 Nov 2012, 13:28
Revenir en haut Aller en bas
Contenu sponsorisé




curseur personnalisé animé qui reste immobile [résolu] Empty
MessageSujet: Re: curseur personnalisé animé qui reste immobile [résolu]   curseur personnalisé animé qui reste immobile [résolu] Empty
Revenir en haut Aller en bas
 

curseur personnalisé animé qui reste immobile [résolu]

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

 Sujets similaires

-
» profil personnalisé. (résolu)
» Petit problème en lien avec la Chatbox et le reste du forum. [Résolu~]
» Modifier le curseur
» curseur de souris ?
» Problème script curseur...

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-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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 | Forum gratuit