Que sont ces Codes ?

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

Résolu Que sont ces Codes ?

Message par Mitsoky le Mer 6 Juin 2012 - 20:34

Bonjour.
Recamment j'ai pris un design sur Hitskin, et je voudrais changer les couleurs du codage. Sauf que je ne sais pas a quoi appartiennent tous les codages. J'aimerais par exemple que l'on mette /*Page d'Accueil*/, /*Cadre Catégorie*/...
Mon CSS ::
Code:
.CC1{-moz-border-radius:25px 25px 0px 0px; -webkit-border-top-left-radius: 25px;  -webkit-border-top-right-radius: 25px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-box-shadow: rosybrown 0px 0px  10px;  -webkit-box-shadow: rosybrown 0px 0px 10px; width : 85%;}

.CC2{background-color : #E1C7C7; -moz-border-radius:25px 25px 0px 0px; -webkit-border-top-left-radius: 25px;  -webkit-border-top-right-radius: 25px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; padding : 3px; text-shadow : rosybrown 1px 1px 1px; letter-spacing : 2px;}

.CC3{background-color :  #D8BEBE;  padding : 3px; text-shadow : black 1px 1px 1px; letter-spacing : -1px; color : white;}

.CC4{background-color : #E1C7C7; padding : 3px; border-bottom : 8px double #D8BEBE;}

.groupe{
background-color : white;
border : 2px solid rosybrown;
font-family: Arial;
font-size: 14px;
font-weight: lighter;
text-align : center;
padding : 5px;
-moz-border-radius:5px 5px 5px 5px;
  -webkit-border-top-left-radius: 5px; 
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
margin : 7px;}

.groupe:hover{
background-color : white;
  border : none;
-moz-box-shadow: white 0px 0px  5px;
  -webkit-box-shadow: white 0px 0px 5px;
font-family: Arial;
font-size: 14px;
font-weight: lighter;
text-align : center;
padding : 7px;
-moz-border-radius:5px 5px 5px 5px;
  -webkit-border-top-left-radius: 5px; 
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;}


.forme{background-color :#E1C7C7;
  -moz-box-shadow: #E1C7C7 0px 0px  5px;
  -webkit-box-shadow: #E1C7C7 0px 0px 5px;}

.PA{
background-color : #D8BEBE;
  -moz-box-shadow: rosybrown 0px 0px  5px;
  -webkit-box-shadow: rosybrown 0px 0px 5px;
 border : 5px solid rosybrown;
-moz-border-radius:15px 15px 15px 15px;
  -webkit-border-top-left-radius: 15px; 
  -webkit-border-top-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -webkit-border-bottom-right-radius: 15px;
padding : 5px;}

.forumlink{
background-color : #D8BEBE;
-moz-box-shadow: rosybrown 0px 0px  5px;
  -webkit-box-shadow: rosybrown 0px 0px 5px;
border-top : 4px solid rosybrown;
border-bottom : 4px solid rosybrown;
display:block;
font-family: Arial;
font-size: 15px;
font-weight: lighter;
text-align : center;}

.LIENS{position: relative;z-index: 0;}
 
.LIENS:hover{background-color: transparent;z-index: 50;}
 
.LIENS span{
position: absolute;
background-color: white;
  width : 450px;
height : 190px;
padding: 5px;
left: -1000px;
visibility: hidden;
text-align : center;
overflow : auto;}
 
.LIENS span img{
border: 1px;
padding: 5px;}
 
.LIENS:hover span{
visibility: visible;
top: 0px;
left: 0px;
}

a { text-decoration: none; }
a:hover { text-decoration: none; }

.infobulle{position: relative;z-index: 0;}
 
.infobulle:hover{background-color: transparent;z-index: 50;}
 
.infobulle span{
position: absolute;
background-color: #D8BEBE;
padding: 5px;
left: -1000px;
visibility: hidden;
text-align : center;
opacity : 0.7;}
 
.infobulle span img{
border: 1px;
padding: 5px;}
 
.infobulle:hover span{
visibility: visible;
top: 0px;
left: 0px;
width: 46px ;
  height : 71px;
border: 2px solid rosybrown;}



.CADRE1{margin-left : -2px;
  background-color : silver;
  width : 475px;
  border-left : 4px solid slategray;
  border-right : 2px solid slategray;
  -moz-border-radius:0px 0px 30px 0px;
  -webkit-border-top-left-radius: 0px; 
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-box-shadow: black 0px 0px  5px;
  -webkit-box-shadow: black 0px 0px 5px;}

.CADRE2{-moz-border-radius:0px 0px 30px 0px;
  -webkit-border-top-left-radius: 0px; 
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 30px;
  background-color :
    gainsboro;
  width : 455px;
  border-left : 7px solid lightsteelblue;
  padding-top : 10px;}

.SOUSTITRE{
  background-color : azure;
  width : 445px;
  letter-spacing : 2px;
  text-shadow : 0px 0px 3px slategray;
  -webkit-border-top-left-radius: 5px; 
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;}

/* CHATBOX */

#chatbox_header {
 -moz-box-shadow: black 0px 0px  5px;
  -webkit-box-shadow: black 0px 0px 5px; }

#chatbox_header .cattitle strong {
display: none ;
}
#chatbox_header .cattitle:before {
content: "CC no ChatTime" ;
}

#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 45px;
overflow: auto;
padding: 3px;
text-align: left;
font-size:11px !important;
border-left : 1px solid rosybrown;}


#chatbox_members .member-title {
-moz-box-shadow: rosybrown 0px 0px  5px;
  -webkit-box-shadow: rosybrown 0px 0px 5px;
  background-color : rosybrown;
  -moz-border-radius:5px 5px 5px 5px;
  -webkit-border-top-left-radius: 5px; 
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
margin:3px !important;
padding:3px;
text-align:center;
font-size:11px !important;
font-weight:bold;
font-variant :small-caps;
}

#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: solid 0px #000000;
}



.forumlink{
  font-size : 16px;}

body {
background-position: top center;
  margin : 0%;}

background{
align : center;}

.bodyline{
background : url('http://obsession27.free.fr/divers/fonds/tro4.jpg');
    border-left: 3px rosybrown solid;
  border-right: 3px rosybrown solid;
   padding : 0px;
margin-top : 0px;
margin-botom : -30px;
-moz-box-shadow: black 0px 0px  5px;
 -webkit-box-shadow: black 0px 0px 5px;}

#i_logo {
margin-top: -8px;
}



a.mainmenu:link, a.mainmenu:visited{
background-color : white;
border : 2px solid rosybrown;
font-family: Courier New;
font-size: 10px;
font-weight: lighter;
text-align : center;
-moz-border-radius:5px 5px 5px 5px;
  -webkit-border-top-left-radius: 5px; 
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
margin-bottom : 10px;}

a.mainmenu:hover{
background-color : white;
  border : none;
-moz-box-shadow: white 0px 0px  5px;
  -webkit-box-shadow: white 0px 0px 5px;
text-transform : uppercase;
padding : 2px;
-moz-border-radius:5px 5px 5px 5px;
  -webkit-border-top-left-radius: 5px; 
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;}


.mon_profil{
  width : 200px;
background: #E1C7C7;
padding : 4px;
 -moz-box-shadow: rosybrown 0px 0px  8px;
  -webkit-box-shadow: rosybrown 0px 0px 8px;
border-left : 3px solid rosybrown;
border-right : 3px solid rosybrown;}


.mon_onglet{
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
display: inline;
margin-right : -2px;
 -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
font-size: 10px;


.mon_onglet_selected{
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
margin-bottom: -5px;
margin-right : -2px;
-moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
-webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
  display: inline;
  color : #283A59;
}     
         
.clear{
  clear: both;
}
.mon_contenu{
background : none;
float: left;
  padding: 2px 10px;
        margin: 0px;   
-moz-border-radius: 0px 10px 10px 10px;
-webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;       
width:95%;
height : 200px;
overflow: auto;
}
Thanks !


Dernière édition par Mitsoky le Jeu 14 Juin 2012 - 19:20, édité 3 fois

Mitsoky
***

Féminin
Messages : 127
Inscrit(e) le : 15/08/2011

http://jewelsdream.forumgratuit.org/
Mitsoky a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Que sont ces Codes ?

Message par Mitsoky le Sam 9 Juin 2012 - 14:48

UP

Mitsoky
***

Féminin
Messages : 127
Inscrit(e) le : 15/08/2011

http://jewelsdream.forumgratuit.org/
Mitsoky a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Que sont ces Codes ?

Message par AenigmA le Sam 9 Juin 2012 - 15:06

Bonjour,
Sur chaque thème Hitskin tu peux voir le nom du créateur et parfois dans description les explications si css modifié.
Pour te répondre il faudrait au moins savoir le nom du thème, vu le nombre...

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Que sont ces Codes ?

Message par Mitsoky le Sam 9 Juin 2012 - 21:30

http://fr.hitskin.com/?afolder=theme&id=187037

C'est parce qu'il y a du CSS d'Infobulle, mais les infobulles c'est pour les Page d'Accueil. Donc j'aimerais supprimer le css dont je ne me servirais pas, et egalement savoir qui va avec quoi pour changer les couleurs ensuite.

Mitsoky
***

Féminin
Messages : 127
Inscrit(e) le : 15/08/2011

http://jewelsdream.forumgratuit.org/
Mitsoky a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Que sont ces Codes ?

Message par AenigmA le Dim 10 Juin 2012 - 6:06

Bonjour,
Sa fiche est ici : http://fr.hitskin.com/?afolder=theme&id=187037

Il est marqué ceci : Thème pour le forum Colorful Chorus ???
L'adresse du forum créateur et utilisateur : LIEN

Demande au forum cité.

Partage ... ou pas partage, je laisse le soin à un modérateur de juger, car c'est illogique d'héberger son forum sur Hitskin.


AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Que sont ces Codes ?

Message par Mitsoky le Dim 10 Juin 2012 - 15:58

Oui. Mais beaucoup de personnes hébergent des thèmes et mettent " PRIVER. NE PAS PRENDRE ! " et bien ils n'ont pas qu'a l'héberger. Ou bien le faire mais des que la personne a pris le thème elle le supprime. Ensuite j'ai pris se thème la pour le CSS, car il est beau et que je ne trouve pas toujours de bons codes. Après sur mon forum j'ai remplacer les images.

Mitsoky
***

Féminin
Messages : 127
Inscrit(e) le : 15/08/2011

http://jewelsdream.forumgratuit.org/
Mitsoky a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Que sont ces Codes ?

Message par Invité le Mer 13 Juin 2012 - 14:15

Bonjour,

Les seuls identifiants à conserver sont:
/*titre des forums*/
.forumlink

/*liens*/
a
a:hover

/* CHATBOX */

#chatbox_header
#chatbox_header .cattitle strong
#chatbox_header .cattitle:before
#chatbox
#chatbox_members .member-title
#chatbox_members
/*fond*/
body

/*cadre intérieur*/
.bodyline

/*bannière*/
#i_logo

/*barre de navigation*/
a.mainmenu:link, a.mainmenu:visited
a.mainmenu:hover

Tout le reste correspond à une page d'accueil et à un qeel très personnalisé, je pense.

Bien sincèrement.

Invité
Invité


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

Résolu Re: Que sont ces Codes ?

Message par Mitsoky le Jeu 14 Juin 2012 - 19:03

Merci Beaucoup Very Happy

Mitsoky
***

Féminin
Messages : 127
Inscrit(e) le : 15/08/2011

http://jewelsdream.forumgratuit.org/
Mitsoky a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum