RSS
RSS
Code CSS 2012


Revoilà nos héros à nos jours !!! Ça paraît différent mais ça ne l'est pas tant que ça... Elève, professeur ou civil, choisissez et faites votre entrée dans ce nouvel univers !!!
 

Partagez
 

 Code CSS 2012

Aller en bas 
AuteurMessage
Papaaaa

Papaaaa

Messages : 174
Date d'inscription : 12/02/2012

Code CSS 2012 Empty
MessageSujet: Code CSS 2012   Code CSS 2012 Icon_minitime14/9/2012, 16:56

Été :

Code:
/* ------------- ESPACEMENT IMG BARRE NAVIGATION -------------- */
a.mainmenu {margin-right:3px !important;}

/* ------------- RETIRER SOULIGNEMENT LIENS -------------- */
a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none; color: mediumslateblue;}
a:visited {text-decoration: none; color: darkgoldenrod;}

/* -------------- GENERALITES DU FORUM -------------- */
a.forumlink:link, a.forumlink:visited {
font-family:  Tempus Sans ITC;
text-transform : uppercase;
text-align: center;
font-size: 15px;
border-bottom: 5px dotted PowderBlue;
border-left: 5px dotted PowderBlue;
border-right: 5px dotted PowderBlue;
color: #000000;
letter-spacing: 3px;
display: block;
border-radius:10px;
}

/* ------------- CADRE COLONNE DERNIERS MESSAGES -------------- */

table.case_stats{
  width:200px; /* largeur */
  height:140px; /* La hauteur */
  margin:auto; /* on centre */
  }

table.case_stats td.dernier_msg{
  background-image:url('http://i48.tinypic.com/35nbq10.png');
  background-position: center top;
  background-repeat:no-repeat;
  padding-left:30px;
  padding-right:25px; /* Je déclasse du bord droit de 60px à gauche de ma pate */
  padding-top:17px;
  height:75px; /* mon image fait 85px de haut, mais comme j'ajoute 10px de remplissage, j'impose à ma case une hauteur = hauteur de mon image - padding top */
  text-align:center;
  }

table.case_stats td.stats_forum{
  background-image:url('http://i45.tinypic.com/2q9z4e8.png');
  background-position: center bottom;
  background-repeat:no-repeat;
  padding-left:4px;
  padding-right:4px;
  text-align:center;
  }

table.case_stats td.dernier_msg p{
  color:#e26e26;
  width:140px; /*la largeur de mon bloc moins la largeur de ma pate */
  height:;
  padding:0;
  margin:0;
  margin-left:10px; /* Je décalle un peu par rapport aux bords gauche pour éviter que mon texte ne soit en dehors de mon cadre */
  font-size:12px;
  }
 
table.case_stats td.dernier_msg p a{
  text-decoration:none;
  color:royalblue
  }
 
table.case_stats td.dernier_msg p a:hover{
  /*border:darkgoldenrod 1px dashed;
  padding:1px;
  -moz-border-radius:5px;*/
  color:darkgoldenrod;
  }

table.case_stats td.stats_forum p{
  color:darkkhaki;
  width:160px; /*la largeur de mon bloc moins quelques px */
  margin-left:50px;
  font-size:10px;
  font-weight:bold;
  text-align:center;
  padding:0;
  }

/* -------------- ARRONDIS DES CADRES -------------- */
.forumline {
background-color: white;
border-radius: 10px ;
border: 5px double steelblue;
padding: -5px;
}

/* Cadre des sous-forums */

.th {
border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
}

/* Titres de catégories */

/* -------------- FOND SOUS-FORUMS ET PA -------------- */
td.row1,td.row3.over:hover,td.row2,td.row1.over:hover,td.row3,.row3Right {
    background-image: url("http://i48.tinypic.com/121fhup.png");
    background-position: relative;
    background-repeat: repeat;
        }

.row3Right, td.catBottom {
    border:none !important;
        }

/* -------------- TITRES SOUS-FORUMS -------------- */
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url('http://i45.tinypic.com/ogdqv5.jpg');
color: #ffffff;
text-align: center;
display: block;
border-bottom: 5px double PowderBlue;
border-radius:10px;
}

/* -------------- CADRE DU FORUM -------------- */
.bodyline {
border-left:7px solid #;
border-right:7px solid #;
border-bottom:4px solid #;
border-top:4px solid #;
-webkit-border-radius: 10px;
border-radius: 100px;
-webkit-box-shadow: 0px 0px 8px #;
  -moz-box-shadow: 0px 0px 8px #;
  box-shadow: 0px 0px 8px #;
}

/* -------------- ARRIERE-PLAN DU FORUM -------------- */
body{
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* -------------- RETIRER MESSAGE D'EDITION -------------- */
tr.post span.gensmall {display: none;}

/* -------------- INFOBULLE -------------- */

a.imginfo {  /*infobulle*/
  position: relative;
  color: #757575;
  text-decoration: none;
  border-bottom: 0px #399492 solid; /* on souligne le texte */
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  cursor: crosshair; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: ; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: 5px; /* on positionne notre infobulle */
  left: 80px;
  ont-family:  Tempus Sans ITC;
  text-align: center;
  font-size: 12px;
  background-image: url("http://i48.tinypic.com/121fhup.png");
  color: ;
  padding: 3px;
  border: 0px solid grey;
  border-left: 5px solid #399492;
  border-right: 3px solid #399492;
  border-top: 3px solid #399492;
  border-bottom: 5px solid #399492;
  width:200px;
  height: ;
border-radius: 5px;
-webkit-border-radius: 5px;
}
/* -------------- FIN INFOBULLE -------------- */

/* -------------- QEEL 2 PRINTEMPS 2012 -------------- */

#tableauqueel {
padding: 6px;
border: 5px double steelblue;
background-position: center;
background-repeat: no-repeat;
background-color: white;
height: 266px;
width: 839px;
border-radius : 10px 30px 10px 30px}

.groupes {
background-color: white ;
opacity: 0.8;
border: 1px dashed steelblue  ;
border-radius : 15px 5px 15px 5px;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:14px;
font-weight: bold;
text-align:center;
font-color :  ;
text-decoration: none !important;
}
/* -------------- FIN DU QEEL 2 -------------- */

/* -------------- CHATBOX -------------- */
body.chatbox {
background-image:url('http://i48.tinypic.com/121fhup.png');
background-repeat: repeat;
}
#chatbox_header {
background-image:url('http://us.cdn3.123rf.com/168nwm/kgtoh/kgtoh0909/kgtoh090900435/5501765-vintage-alteree-illustration-de-fond-de-texture-parchemin-colores.jpg');
}
#chatbox_header .cattitle strong {
display: none ;
}
#chatbox_header .cattitle:before {
content: "Discutons entre Hakuoukiens" ;
}
#chatbox_header .catBottom .cattitle {
color:#3b2705 !important;
margin:3px !important;
padding:3px;
text-align:center;
font-size:11px !important;
font-weight:bold;
font-variant :small-caps;
}
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options {
color:#3b2705 !important;
font-size:9px !important;
font-weight:bold;
}
#chatbox_header .chatbox-options a {
color:#3b2705;
margin-bottom:3px !important;
padding:3px;
text-align:center;
font-size:9px !important;
font-weight:bold;
}
#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 45px;
overflow: auto;
color:#3b2705;
padding: 3px;
text-align: left;
font-size:11px !important;
}
#chatbox_members .member-title {
color:#3b2705;
margin:3px !important;
padding:2px;
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;;
}
#chatbox .catBottom {
border: none;
}
#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 3px;
color:#3b2705;
margin:3px !important;
opacity:1;
text-align:left;
font-size:9px !important;
}
#chatbox_footer label {
color:#3b2705;
font-size:11px !important;
font-variant: small-caps;
font-weight:bold;
}
#message {
color:#3b2705;
margin:3px !important;
padding:2px;
text-align:left;
font-size:9px !important;
}
#submit_button {
color:#3b2705;
margin:3px !important;
padding:2px;
text-align:left;
font-size:9px !important;
}
.fontbutton {
padding: 1px;
text-align:left;
}
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 
Code CSS 2012
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Code Pénal Ayisyen an demode.
» THE question ! [le code, pour marquer ton nom ! ]
» Séminaire: la levée du Code International du Scret Magique
» Le konkour' : Da Rulz et Da thèmes 2012
» Que faire avec le choix 2012?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Hakuouki Sweet School Life :: Codage :: Pages CSS-
Sauter vers:  

Le forum est l'entière propriété de ses fondateurs
Forum by Ritsuko Yamaguchi - Theme et codages by Sanosuke Harada à l'aide de bases trouvées sur ForumActif, School of pub, Thèmes F.A. et Never-Utopia
Do not rip - All rights reserved - © 2012 Hakuouki Parallel Universes