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

avatar

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

MessageSujet: Code CSS 2012   14/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.
» Du code d'éthique de l'Armée Mainoise
» [Code Source] Code Source
» THE question ! [le code, pour marquer ton nom ! ]
» Séminaire: la levée du Code International du Scret Magique

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