.
 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 ancien css forum test

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Admin
avatar

Messages : 379
Date d'inscription : 07/09/2010
Age : 30
Localisation : on Mars

MessageSujet: ancien css forum test   Sam 12 Jan - 13:35

Code:
a.forumlink{
display:block;
text-align: center;
}

.bodyline{
border-top: none !important;
border-bottom: none !important;
}

body {
margin: 0px;
}

.bodyline {
padding-left:0px;
padding-right:0px;
padding-top: 0px;
}


body{
background-color: #45271E;
background-image: url("");
background-position:top;
background-repeat:no-repeat;
}
/* Largeur du forum */
        .bodylinewidth {
        width: 50%;
        }
/*fin*/

.postdetails.poster-profile a img {
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/fond10.jpg');
padding: 7px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border: 2px solid #000;
}

.bodyline {
border: #f2e2c9 0px solid;
}

a.forumlink,
h1.cattitle,
#PA h2 {
color: #40253B;
text-align: center;
font-size: 14px;
font-style: italic;
margin-bottom: 15px;
}

a.forumlink:before,
h1.cattitle:before,
#PA h2:before {
content: '\00A4 ';
}

/* La description des catégories en page d'accueil */
.descCat {
font-size: 10px;
}

/* Les statistiques de sujets et messages en page d'accueil */
.nbSujets {
font-size: 10px;
float: right;
}

.catHead, a.cattitle {
text-align: center;
color: #f2f2f2;
font-size: 10px;
}

.postdetails, .postdetails poster-profile {
font-style: italic;
color: #444444;
}

.postbody {
padding-left: 2px;
}

.hr {
border-top: #594F54 thin solid;
}

input.liteoption, input.mainoption {
color: #f2f2f2;
}

.box_pa {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #9CA6A6;
 padding: 5px;
}

/*BARRE NAVIGATION*/
a.mainmenu{
  color : #B05B48;
  background-color: #;
  font-family: courier new;
  font-size: 20px;
  letter-spacing: -2px;
  text-transform: lowercase;
  text-shadow: #E07F69 1px 1px 1px;
  text-decoration: none;
  }
a.mainmenu:hover{
  color : #B05B48;
  background-color: #;
  font-family: courier new;
  font-size : 23px;
  letter-spacing: -5px;
  text-transform: lowercase;
  text-shadow: #E07F69 1px 1px 1px;
  text-decoration: none;}
 
 
------------------------------/*CODAGE CRAZY STUPID HERO*/--------------------------------------------------------
   
------/*PROFILS CSS*/----------
.profils {
text-align: justify;
}
/*contour avatar*/
.contvava {
  border-radius:6px;   
  border-bottom: 6px #f5c87a solid;
  border-left: 6px #f5c87a solid;
  border-right: 6px #f5c87a solid;
  border-top: 6px #f5c87a solid;
}
/*fin/

/*codage profils*/
#testou { border: 6px solid #f5c87a; border-radius: 10px; }
.flabel { text-transform: uppercase; font-size: 12px; }
.pseudo { letter-spacing: -1px; font-size: 20px; font-style: none; font-family: Georgia; text-shadow: 1px 1px 5px #FAA719; text-transform: none; }
.uhu { margin-top: 2px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px; font-size: 12px; } >> rankk
.a { margin-top: 5px; letter-spacing: 1px; color: #FAA719; text-shadow: 1px 1px 2px black; text-transform: lowercase; }
.profils { bcolor: #FAA719; text-transform: uppercase; font-size: 13px; padding: 2px 0px 2px 0px; letter-spacing: 1px; }
.profilmasque { margin-top: 5px; letter-spacing: 1px; color: #FAA719; text-transform: lowercase; }
.profil2 {width: 100%; text-align: center !important; }
.procont { width: 200px; margin: auto; border-radius: 0px 0px 10px 10px; color: #FAA719; padding: 5px; text-align: center; background-color: #FAA719; font-size: 11px; font-family: franklin gothic medium; line-height: 11px; }
.protit { background-color: #FAA719; width: 210px; margin: auto; border-radius: 10px 10px 0px 0px; text-align: center; color: #ffffff; text-transform: uppercase; font-size: 10px; padding: 2px 0px 2px 0px; letter-spacing: 1px;}
/*fin*/

/*FIN CODAGE PROFIL*/

/*TAILLE GIF PROFILS*/
.postrow.displayed.POSTER_RPG {width:200px;display:block;}

/*********************************************************
INFOBULLE AVATAR
*********************************************************/

div.info_profil em {
display:none;
}

div.info_profil:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
 
}

div.info_profil:hover em {
font-style: normal;
font-size: 13px;
color: #FFFFFF!important;
padding: 3px;
display: block;
position: absolute;
top: 130px;
left: 100px;
-moz-border-radius: 7px 7px 7px 7px ;
-webkit-border-radius: 7px 7px 7px 7px ;
border-radius: 7px 7px 7px 7px ;
-moz-box-shadow: 4px 4px 4px #FAA719;
-webkit-box-shadow: 4px 4px 4px #FAA719;
box-shadow: 4px 4px 4px #fab237;
background-image: URL(http://i.imgur.com/C0Z6r.png); /* Et pourquoi ne pas mettre une petite image ? ça décore, ça fait sympa... xD */
background-color: #FAA719;
border: 3px outset #FAA719;
width:210px;
}
.triangle-isosceles {
  position:relative;
  padding:15px;
  margin:1em 0 3em;
  color:#000;
  background:#f3961c;
}
/**********************************************************
FIN INFOBULLE AVATAR
**********************************************************/

/**************contour avatar*********************/
.profil_contour
{
padding : 8px;
border: 7px solid #F3BA62; /*La bordure*/
/*Largeur : de 1px à la largeur que vous voulez. (Exemple : 6px)
Style : choisir entre solid, dotted, dashed, double, groove, ridge, inset ou outset.
Couleur : la couleur de votre cadre. Difficile d'en dire plus./*
background-color: COULEUR; /*Le fond*/
background-image: URL(http://i.imgur.com/C0Z6r.png); /* Et pourquoi ne pas mettre une petite image ? ça décore, ça fait sympa... xD */
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;}
/*************fin contour avatar******************/

/**************contour avatar*********************/
.profil_contour
{
padding : 8px;
border: 7px solid #F3BA62; /*La bordure*/
/*Largeur : de 1px à la largeur que vous voulez. (Exemple : 6px)
Style : choisir entre solid, dotted, dashed, double, groove, ridge, inset ou outset.
Couleur : la couleur de votre cadre. Difficile d'en dire plus./*
background-color: COULEUR; /*Le fond*/
background-image: URL(http://th02.deviantart.net/fs70/PRE/f/2012/129/e/f/the_avengers__captian_america_by_lifeendsnow-d4z5pm8.jpg); /* Et pourquoi ne pas mettre une petite image ? ça décore, ça fait sympa... xD */
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;}
/*************fin contour avatar******************/

 
  /*FIN*/
 
#slidespv div {
  margin: 5px;
background: #FAFAF5;
font-size: 10pt;
text-align: justify;
line-height: 100%;
border-left: 1px solid #F3EFE4;
border-right: 1px solid #F3EFE4;
border-top: 1px solid #F3EFE4;
border-bottom: 1px solid #F3EFE4;
  height: 100px; /* Égal à la hauteur de l'image */
  overflow: hidden;
  position: relative;
  width: 100px; /* Égal à la largeur de l'image */
}
 
#slidespv div img {
  left: 0;
  position: absolute;
  top: 0;
  transition: transform 0.5s ease-in-out;
  -moz-transition: -moz-transform 0.5s ease-in-out;
  -o-transition: -o-transform 0.5s ease-in-out;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
}
#slidespv div:hover img {
  transform: translateY(-100px); /* Valeur négative égale à la hauteur de l'image */
  -moz-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  -webkit-transform: translateY(-100px);}

#slidespv { display:inline-block;  }

--------------------/*POST EN BULLES*/---------------------------------------
    .fleche {
    background-image : url('http://www.alexandre-meinesz.com/imgs/fleche.png');
    width: 20px;
    height :20px;
    position : relative;
    top :50px;
    left :-19px;  }

    .bulle{
    background-color : #FFCC00;
    border : 1px solid #FF9900;
    -moz-border-radius: 20px ;
    -webkit-border-radius:20px;
    -border-radius:20px;
    -khtml-border-radius:20px;
    padding : 5px;
    }

/*----------------------LES CATEGORIES----------------------*/
/*nom titre catégorie*/
.titrecat{
  font-family: georgia;
  font-size : 25px;
  color : darkred;
  text-transform: uppercase; }

/*arrondir le bas catégorie*/
.forumline{
    background-color: none;
    -moz-border-radius:6px;   
    border-bottom: 6px #dad268 solid;
    border-right: 1px #dad268 solid;
    border-left: 1px #dad268 solid;}

.liensousforum { /*lien des sousforums*/
  width:105px;
  background-color:#FFFFFF;
  color:#EB8096;
  height:90px;
  padding:5px;
  border: 2px solid #;
}

.descriptionforum { /*description des forums*/
 background-color: none;
          font-family: Trebuchet MS;
          font-size: 9px;
          text-align: justify;
    color : none;
          margin-left: px ;
          margin-right: px ;
          padding: 15px;
 border-radius-bottomleft:10px ;
-moz-border-radius-bottomright:10px ;
-moz-border-radius-topleft:10px ;
border-radius-topright:10px ;
 background: #FDFAF2; width:400px;color: #; border-right:2px solid #B38F82; border-left:2px solid #B38F82; padding:5px; font-size:14px; line-height: 90%; text-align:justify;-moz-border-radius: 3px; }


a.lienforum  /**** LIEN FORUM ****/ {
  display: block;
  text-align: center;
color: #5A3F3C;
font-size: 18pt;
  font-family: 'EB Garamond', serif;
text-decoration: none !important;
}
a.lienforum:hover  /**** LIEN FORUM AU PASSAGE DE LA SOURIS ****/ {
font-style: italic;
text-decoration: none !important;
}

/*RETIRER LE TRAIT EN DESSOUS DES PSEUDOS.*/

A:link {text-decoration: none !important;}
A:visited {text-decoration: none !important;}
A:active {text-decoration: none !important;}
A:hover {text-decoration: none !important;}

//*bunchoffreaks*/

.nonew { /**class pour la déco de l'image no new**/
  width: 160px;
  height: 100px;
  border-right: 2px solid #B38F82;
  border-left: 2px solid #B38F82;
  background-color: #FDFAF2;
  padding-top: 10px; }

.bodyline {
border-left: 15px #e3db69 solid;
border-right: 15px #e3db69 solid;}

.postdetails.poster-profile img {
 width: 200px;}

a.forumlink:link, a.forumlink:visited {
margin-left:20px;
padding-top: 20px;
font-family:georgia;
font-size:20px;
text-transform: lowercase;
color:#fa9969;
word-spacing: -2px;}

a.mainmenu{
text-transform: lowercase;
color: #fa9969;
font-size: 14px;
word-spacing: -2px;}

a:link{/*lien*/
  text-decoration: none !important;}
a:visited{/*lien visité*/
  text-decoration: none !important;}
a:hover{/*Lien au passage de la souris*/
    text-decoration: none !important;}
a:link{/*lien*/
  text-decoration: none !important;}
a:visited{/*lien visité*/
  text-decoration: none !important;}
a:hover{/*Lien au passage de la souris*/
    text-decoration: none !important;}
 
//*bunchoffreaks*/

.nonew { /**class pour la déco de l'image no new**/
  width: 160px;
  height: 100px;
  border-right: 2px solid #B38F82;
  border-left: 2px solid #B38F82;
  background-color: #FDFAF2;
  padding-top: 10px; }

.bodyline {
border-left: 15px #e3db69 solid;
border-right: 15px #e3db69 solid;}

.postdetails.poster-profile img {
 width: 200px;}

a.forumlink:link, a.forumlink:visited {
margin-left:20px;
padding-top: 20px;
font-family:georgia;
font-size:20px;
text-transform: lowercase;
color:#fa9969;
word-spacing: -2px;}

a.mainmenu{
text-transform: lowercase;
color: #fa9969;
font-size: 14px;
word-spacing: -2px;}

a:link{/*lien*/
  text-decoration: none !important;}
a:visited{/*lien visité*/
  text-decoration: none !important;}
a:hover{/*Lien au passage de la souris*/
    text-decoration: none !important;}
a:link{/*lien*/
  text-decoration: none !important;}
a:visited{/*lien visité*/
  text-decoration: none !important;}
a:hover{/*Lien au passage de la souris*/
    text-decoration: none !important;}

/* QEEL */
#cont_qeel {
  background-color: #FFE699;
  padding: 20px;
}

#online_img {
  margin: auto !important;
}

#leg_qeel {
  text-align: center;
  font-size: 21px;
  font-family: Georgia;
  text-transform: lowercase;
  font-weight: bold;
  text-shadow: 0px 0px 3px;
  letter-spacing: -1px;
  font-style: italic;
  margin-bottom: 30px;
  border-radius: 0px;
}
.leg_qeel1 {
  padding: 0px 10px 0px 10px;
  display: inline;
}
.cont_qeel2 {
  font-size: 11px;
  font-family: Verdana;
  padding: 10px;
  background-color: #f5dd93;
  text-align: justify;
  width: 320px;
  border-radius: 0px;
  min-height: 160px;
}
.cont_qeel2 center {
  font-family: Arial;
  font-size: 10px;
}
.cont_qeel2 center u {
  text-decoration: none !important;
  font-size: 8px;
  line-height: 8px;
  opacity: 0.5;
  border-bottom: 0px solid;
}
.cont_qeel3 {
  font-size: 11px;
  font-family: Verdana;
  padding: 10px;
  background-color: #f5dd93;
  text-align: justify;
  width: 500px;
  margin: auto;
  border-radius: 0px;

}

.titre_qeel {
  text-align: center;
  font-size: 20px;
  font-family: Georgia;
  text-transform: lowercase;
  font-weight: bold;
  text-shadow: 0px 0px 2px;
  letter-spacing: -1px;
  font-style: italic;
  margin-bottom: -5px;
  color: #5d4333;
}
.titre_qeel3 {
  text-align: center;
  font-size: 20px;
  font-family: Georgia;
  text-transform: lowercase;
  font-weight: bold;
  text-shadow: 0px 0px 2px;
  letter-spacing: -1px;
  font-style: italic;
  margin-bottom: -5px;
  color: #5d4333;
  margin-top: 20px;
}
#cont_qeel td.row1, #cont_qeel td.row3.over:hover {
  background-color: #f5dd93;
}
/* FIN */

/*FICHE PRESA THE SIMS*/
/*FICHE DE PRESENTATION*/
.cadre{width: 450px;
border: 1px solid #f2d9bd;
  background-color: #fbe7d0;
padding: 5px;}

.titreprésa{
  font-family: times new roman;
  letter-spacing:-1px;
  font-size: 25px;}

.titreprésa:hover{
  font-family: times new roman;
  letter-spacing:-1px;
  font-size: 25px;
  color: #f2d4be;}

/----------------------------/*PAGE ACCUEIL*/-----------------------------------------/
/*
|--------------------------------------------------------------------------
| CSS MESSAGE ACCUEIL
|--------------------------------------------------------------------------
*/

/* Propriétés générales */
.block, .titre, .lien {
  background: #000000;   
  color: #ffffff;
 
  border: 2px #ffffff solid;
  -moz-border-radius:20px 20px 20px 20px;
  -webkit-border-radius:20px 20px 20px 20px;
  border-radius:20px 20px 20px 20px;
 
  text-shadow: 0px 0px 8px #ffffff;
  -moz-box-shadow: 1px 1px 5px #ffffff;
  -webkit-box-shadow: 1px 1px 5px #ffffff;
}

.block, .lien {
  text-align: center;
  padding: 10px;
}

td {
  vertical-align: top;
}


/* Images */
.block-partenaires img, .thumbnail > div {
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -htm-transition: opacity 1s;
    transition: opacity 1s;
}

.block-partenaires img {
  width: 88px;
  height: 31px;
  padding: 1px;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}
       
.block-partenaires img:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

.thumbnail {
  position: absolute;
  z-index: 0;
}

.thumbnail:hover{
  background-color: transparent;
  z-index: 50;
}

.thumbnail > div {
  position: absolute;
  left: -2000px;
  padding: 5px;
  margin: auto;
  background-color: #000000;
  color: #ffffff;
  text-shadow: 0px 0px 8px #000000;
  border: #ffffff 1px solid;
 
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
}

.thumbnail:hover > div {
  top: 0px;
  left: 0px;
  width: 78px;
  height: 78px;
 
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
 
}


/* Liens */
.lien{
  display: block;
  width: 110px;
  margin-right: 10px;
 
  text-decoration: none;
  color: #ffffff;
}

.lien:hover{
  background: #ffffff;
  color: #000000;
}

a.tstaff {
  display: block;
  text-align: center;
  margin-top: 95px;
}

.block a {
  text-decoration: none;
}

/* Blocs */
.block-welcome, .block-staff {
  height: 150px;
  overflow: auto;
  text-align: justify;
}

.block-welcome {
  width: 500px;
}

.block-staff {
  width: 332px;
}

.block-staff table {
  margin: auto;
}

.block-staff td {
  width: 92px;
}

.block-partenaires, .block-nouveautes, .block-credits { 
  width: 280px;
  height: 120px;
}

.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
  width: 280px; 
  height: 70px;
  overflow: auto;
}


/* Titres */
.titre {
  font-family: impact;
  font-size: 14px;
  padding: 4px;
  margin: auto;
  margin-bottom: 5px;
}

.titre-welcome {
  height: 130px; 
  width: 20px; 
  padding: 7px;
  margin-right: -4px;
  margin-top: 15px;
  text-align: center;
 
  border-right: 0px #ffffff solid;
}

.titre-staff {
  width: 130px;
  text-align: center;
}

.titre:hover {
  background: #FFFFFF;
  color: #000000;
  text-shadow: 0px 0px 8px #000000;
}

.titre-welcome:hover {
  background: #000000;   
  color: #ffffff;
  text-shadow: 0px 0px 8px #ffffff;
}

_________________
[Seuls les administrateurs ont le droit de voir cette image][Seuls les administrateurs ont le droit de voir cette image]
Leaves are on the ground , fall has come, blue skies turning grey , like my love, I try to carry you, and make you whole, but it was never enough, I must go
And who is gonna save you when I'm gone, and who'll watch over you, when I'm gone?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://hardyaddict.forumgratuit.org
 

ancien css forum test

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

 Sujets similaires

-
» Je crois que je vais prendre un kiddy...
» shungite...vos avis
» Recette eau de Sassy. (dégonfler ventre)
» Photos Kiddy Comfort Pro (4* crash test TCS) - groupe 1/2/3
» Test de grossesse

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
forum test  :: Inception :: Codage-