Changer l'apparence des mes catégories

2 participants

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

Résolu Changer l'apparence des mes catégories

Message par Sakur4 Mar 21 Aoû 2012 - 14:28

Bonjour, me revoilà,

J'aimerai enlever l'apparence des cadre gris des nom de forum/catégorie. Voici le forum en question :
http://hina.pensionrpg.com/

Voici mon code CSS, je ne sais pas où se trouve cette partie Mad, j'ai pris un thème hitskin, que j'ai décidé finalement de changer complétement, et du coup je m'y perd.

Code:
.cattitle{
    align : center;
    font-size: 15px ;
    letter-spacing: 2px;
font-family : Arial;}

.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: #EBEBEB 0px 0px  10px; 
  -webkit-box-shadow: #EBEBEB 0px 0px 10px;
  width : 85%;}

.CC2{background-color : #F5F5F5;
  -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 : silver 1px 1px 1px;
  letter-spacing : 2px;}

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

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

.groupe{
background-color : white;
border : 2px solid lightgrey;
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 : #F5F5F5;
  -moz-box-shadow: lightgrey 0px 0px  5px;
  -webkit-box-shadow: lightgrey 0px 0px 5px;}

.forme2{background-color :#FCFCFC;
  -moz-box-shadow: LIGHTGRAY 0px 0px  5px;
  -webkit-box-shadow: lightgrey 0px 0px 5px;}

.PA{
background-color : #EAEAEA;
  -moz-box-shadow: lightgray 0px 0px  5px;
  -webkit-box-shadow: lightgray 0px 0px 5px;
 border : 2px solid lightgray;
-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 : #EBEBEB;
-moz-box-shadow: lightgrey 0px 0px  5px;
  -webkit-box-shadow: lightgrey 0px 0px 5px;
border-top : 4px solid lightgrey;
border-bottom : 4px solid lightgrey;
display:block;
font-family: Arial;
font-size: 15px;
font-weight: lighter;
text-align : center;}

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: #EBEBEB;
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 lightgrey;}

/* 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 lavender;}

#chatbox_members .member-title {
-moz-box-shadow: #EBEBEB 0px 0px  5px;
  -webkit-box-shadow: #EBEBEB 0px 0px 5px;
  background-color : #EBEBEB;
  -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://img809.imageshack.us/img809/7894/patpat.png');
    border-left: 3px lightgrey solid;
  border-right: 3px lightgrey solid;
   padding : 0px;
margin-top : 0px;
margin-botom : -30px;
-moz-box-shadow: steelblue 0px 0px  5px;
 -webkit-box-shadow: steelblue 0px 0px 5px;}

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



a.mainmenu:link, a.mainmenu:visited{
background-color : white;
border : 2px solid lightgrey;
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: #EBEBEB;
padding : 4px;
 -moz-box-shadow: lightgrey 0px 0px  8px;
  -webkit-box-shadow: lightgrey 0px 0px 8px;
border-left : 3px solid lightgrey;
border-right : 3px solid lightgrey;}



Merci pour votre aide !


Dernière édition par Sakur4 le Mar 21 Aoû 2012 - 15:12, édité 1 fois
Sakur4

Sakur4
***

Féminin
Messages : 199
Inscrit(e) le : 20/07/2006

http://return-of-naruto.jeun.fr
Sakur4 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer l'apparence des mes catégories

Message par _backdraft_ Mar 21 Aoû 2012 - 14:52

Bonjour,

Remplacez ce code ci :

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

Par celui ci :

Code:
.forumlink{
background-color : #EBEBEB;
display:block;
font-family: Arial;
font-size: 15px;
font-weight: lighter;
text-align : center;}

Cordialement
_backdraft_

_backdraft_
Membre habitué

Masculin
Messages : 1509
Inscrit(e) le : 04/03/2010

http://www.caserne35.com
_backdraft_ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer l'apparence des mes catégories

Message par Sakur4 Mar 21 Aoû 2012 - 15:12

Merci beaucoup de ton aide ! C'est parfait.
Résolu!
Sakur4

Sakur4
***

Féminin
Messages : 199
Inscrit(e) le : 20/07/2006

http://return-of-naruto.jeun.fr
Sakur4 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