CSS des deux premières versions
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 CSS des deux premières versions

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




avatar


☂ Age : 32
☂ Nombre de cartons : 1287
☂ Loyers payés : 6753
☂ Je me trouve : Actuellement, je déprime et noie mon chagrin dans mon lit.
☂ Je suis : Styliste & occasionellement chanteur guitariste dans des bars
☂ Mon humeur est : Déprimée. (oui ça m'arrive)


Appart 416

MessageSujet: CSS des deux premières versions Sam 28 Jan - 13:54

Code:
.body { margin: 0 auto; } .bodyline { padding:0px; }

/*COPYRIGHT QEEL*/
.copyright{
text-shadow:  1px 1px 1px #ffffff; /*ombre sur le texte*/
font-weight:bold;
color:#6B828C;
letter-spacing:3pt;
font-size:8px;text-align:center;font-family:times new roman;}

.copyright:hover{
text-shadow:  1px 1px 1px #ffffff; /*ombre sur le texte*/
font-weight:bold;
color:#FFF794;
letter-spacing:3pt;
font-size:8px;text-align:center;font-family:times new roman;}

/*AVATAR PROFIL*/
.avatarprofil{
  -moz-border-radius: 15px 15px 15px 15px;
  -moz-box-shadow:0px 0px 5px black;}

.avatarprofil:hover{
  -moz-transform:rotate(5deg);
  -webkit-transform: rotate(5deg);
transform: rotate(5deg);
  -moz-border-radius: 15px 15px 15px 15px;
  -moz-box-shadow:0px 0px 5px black;}


/*AVATAR PENCHE*/
.penche{
  -moz-transform:rotate(8deg);
  margin-left:50px;
  -moz-box-shadow:0px 0px 5px black;
  -moz-border-radius: 90px 5px 90px 5px;}

/*STAFF*/
.staffun{
background-image: url('http://img72.xooimage.com/files/5/4/f/fond-2fd4540.png');
width: 220px;
  height:90px;
margin-left:10px;
-moz-box-shadow:0px 0px 5px black;
-moz-border-radius: 25px;
text-align: justify;
}

.staffdeux{
background-image: url('http://img72.xooimage.com/files/5/4/f/fond-2fd4540.png');
width: 220px;
  height:220px;
margin-left:10px;
-moz-box-shadow:0px 0px 5px black;
-moz-border-radius: 25px;
text-align: justify;
}

/*BLOC PA*/
.blocpa{
background-color: #F7F7CE;
width: 300px;
  height:150px;
  margin-left:10px;
  margin-top: -25px;
border-left:  10px solid  #E7E384;
border-right:  10px solid #E7E384;
border-top:  0px solid  #000000;
border-bottom:  0px solid  #000000;
text-align: justify;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow: 0px 0px  15px #000000;
}


/*PROFIL*/
.profil{
background: url('http://img72.xooimage.com/files/5/4/f/fond-2fd4540.png');
width: 200px;
padding:9px;
border-left:  2px solid  #9CBADE;
border-right:  2px solid #9AB9DE;
border-top:  40px solid  #9AB9DE;
border-bottom:  40px solid  #9AB9DE;
text-align: justify;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow: 1px 1px 5px black;
}

.profil:hover{
background: url('http://img72.xooimage.com/files/5/4/f/fond-2fd4540.png');
width: 200px;
padding:9px;
border-left:  2px solid  #B5CBE7;
border-right:  2px solid  #B5CBE7;
border-top:  40px solid  #B5CBE7;
border-bottom:  40px solid  #B5CBE7;
text-align: justify;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow: 1px 1px 5px black;
}

/*PSEUDO PROFIL*/

.pseudoprofil{
margin-top: -45px; /*ne pas modifier*/
      margin-bottom: 0px; /*a modifier selon vos goûts*/
      padding-top: 1px !important; /*espace entre la bordure et le texte*/
      padding-bottom: -5px !important; /*espace entre la bordure et le texte*/
text-shadow:  1px 0px 1px #ffffff; /*ombre sur le texte*/
font-weight:bold;
letter-spacing:-1pt;
font-size:18px;text-align:center;font-family:georgia;}

.pseudoprofil:hover{
margin-top: -45px; /*ne pas modifier*/
      margin-bottom: 0px; /*a modifier selon vos goûts*/
      padding-top: 1px !important; /*espace entre la bordure et le texte*/
      padding-bottom: -5px !important; /*espace entre la bordure et le texte*/
text-shadow:  1px 0px 1px #ffffff; /*ombre sur le texte*/
font-weight:bold;
letter-spacing:-1pt;
font-size:18px;text-align:center;font-family:georgia;}


/*RANG PROFIL*/

.rangprofil{
margin-top: 0px; /*ne pas modifier*/
      margin-bottom: -43px; /*a modifier selon vos goûts*/
      padding-top: 1px !important; /*espace entre la bordure et le texte*/
      padding-bottom: -5px !important; /*espace entre la bordure et le texte*/
text-shadow:  1px 0px 1px #ffffff; /*ombre sur le texte*/
font-weight:bold;
letter-spacing:-2pt;
font-style: italic;
color:#6B828C;
font-size:32px;text-align:center;font-family:georgia;}

.rangprofil:hover{
margin-top: 0px; /*ne pas modifier*/
      margin-bottom: -43px; /*a modifier selon vos goûts*/
      padding-top: 1px !important; /*espace entre la bordure et le texte*/
      padding-bottom: -5px !important; /*espace entre la bordure et le texte*/
text-shadow:  1px 0px 1px #ffffff; /*ombre sur le texte*/
font-weight:bold;
letter-spacing:-2pt;
font-style: italic;
color:#FFF794;
font-size:32px;text-align:center;font-family:georgia;}

/*FICHE PRESENTATION*/
.ficheprez{
background-color:#DECFA5;
width: 500px;
margin-left: 5px;
border-left:  2px solid  #422010;
border-right:  2px solid #422010;
border-top:  30px solid  #422010;
border-bottom:  30px solid  #422010;
text-align: justify;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow: 1px 1px 5px black;
}

.ficheprez:hover{
background-color:#FFFBDE;
width: 500px;
margin-left: 5px;
border-left:  2px solid  #422010;
border-right:  2px solid #422010;
border-top:  30px solid  #422010;
border-bottom:  30px solid  #422010;
text-align: justify;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow: 1px 1px 5px black;
}


/*TITRE FICHE*/
.titrefiche{
margin-top: -26px; /*ne pas modifier*/
margin-left: 0px; /*ne pas modifier*/
      margin-bottom: 0px; /*a modifier selon vos goûts*/
      padding-top: 1px !important; /*espace entre la bordure et le texte*/
      padding-bottom: -5px !important; /*espace entre la bordure et le texte*/
text-shadow:  0px 0px 1px #000000; /*ombre sur le texte*/
font-weight:bold;
color:#C60810;
letter-spacing:-3pt;
font-style: italic;
font-size:32px;text-align:center;font-family:times new roman;}

.titrefiche:hover{
margin-top: -26px; /*ne pas modifier*/
margin-left: 0px; /*ne pas modifier*/
      margin-bottom: 0px; /*a modifier selon vos goûts*/
      padding-top: 1px !important; /*espace entre la bordure et le texte*/
      padding-bottom: -5px !important; /*espace entre la bordure et le texte*/
text-shadow:  0px 0px 1px #000000; /*ombre sur le texte*/
font-weight:bold;
color:#422010;
letter-spacing:-3pt;
font-style: italic;
font-size:32px;text-align:center;font-family:times new roman;}


/*CITATION FICHE */
.citation{
margin-top: -5px; /*ne pas modifier*/
      margin-bottom: 0px; /*a modifier selon vos goûts*/
      padding-top: 1px !important; /*espace entre la bordure et le texte*/
      padding-bottom: -5px !important; /*espace entre la bordure et le texte*/
text-shadow:  1px 1px 1px #ffffff; /*ombre sur le texte*/
font-weight:bold;
color:#422010;
letter-spacing:3pt;
font-size:10px;text-align:center;font-family:times new roman;}

.citation:hover{
margin-top: -5px; /*ne pas modifier*/
      margin-bottom: 0px; /*a modifier selon vos goûts*/
      padding-top: 1px !important; /*espace entre la bordure et le texte*/
      padding-bottom: -5px !important; /*espace entre la bordure et le texte*/
text-shadow:  1px 1px 1px #ffffff; /*ombre sur le texte*/
font-weight:bold;
color:#C60810;
letter-spacing:3pt;
font-size:10px;text-align:center;font-family:times new roman;}


/*GROUPE FICHE*/
.groupef{
margin-top: 0px; /*ne pas modifier*/
      margin-bottom: -2px; /*a modifier selon vos goûts*/
      padding-top: 1px !important; /*espace entre la bordure et le texte*/
      padding-bottom: -5px !important; /*espace entre la bordure et le texte*/
text-shadow:  1px 1px 1px #ffffff; /*ombre sur le texte*/
font-weight:bold;
color:#C60810;
letter-spacing:3pt;
font-style: italic;
font-size:20px;font-family:times new roman;}

.groupef:hover{
margin-top: 0px; /*ne pas modifier*/
      margin-bottom: -2px; /*a modifier selon vos goûts*/
      padding-top: 1px !important; /*espace entre la bordure et le texte*/
      padding-bottom: -5px !important; /*espace entre la bordure et le texte*/
text-shadow:  1px 1px 1px #ffffff; /*ombre sur le texte*/
font-weight:bold;
color:#422010;
letter-spacing:3pt;
font-style: italic;
font-size:20px;font-family:times new roman;}


/*CARRE QUESTION FICHE*/
.question{
background-color: #FFFBDE;
width: 400px;
margin-left: 50px;
border-left:  2px solid  #422010;
border-right:  2px solid #422010;
border-top:  30px solid  #422010;
border-bottom:  30px solid  #422010;
text-align: justify;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow: 1px 1px 2px black;
}

.question:hover{
background-color: #FFFBDE;
width: 400px;
  margin-left: 50px;
border-left:  2px solid  #422010;
border-right:  2px solid #422010;
border-top:  30px solid  #422010;
border-bottom:  30px solid  #422010;
text-align: justify;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow: 1px 1px 2px black;
}


/*HISTOIRE FICHE*/
.histoire{
background-color: #FFFBDE;
width: 498px;
margin-left: 0px;
border-left:  2px solid  #422010;
border-right:  2px solid #422010;
border-top:  30px solid  #422010;
border-bottom:  30px solid  #422010;
text-align: justify;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow: 1px 1px 5px black;
}

.histoire:hover{
background-color: #FFFBDE;
width: 498px;
margin-left: 0px;
border-left:  2px solid  #422010;
border-right:  2px solid #422010;
border-top:  30px solid  #422010;
border-bottom:  30px solid  #422010;
text-align: justify;
-moz-border-radius: 15px 15px 15px 15px;
-moz-box-shadow: 1px 1px 2px black;
}


/*INFOBULLE*/
a.infolien{
  position: relative;
  text-decoration: none;
}
a.infolien span {
  display: none;
}
a.infolien:hover {
  background: none;
  z-index: 999;
  cursor: help;
}
a.infolien:hover span {
  display: inline;
  white-space: normal;
  bottom: 100px;
 left: 0px;
  position: absolute;
  padding: 3px;
  background: #FFFBDE; /* couleur fond infobulle lien */
  -moz-border-radius: 10px;
  border-right: solid 2px #B5CBE7; /* couleur bord droit infobulle lien */
  border-left: solid 2px #B5CBE7; /* couleur bord gauche infobulle lien */
  border-top: solid 2px #B5CBE7; /* couleur bord haut infobulle lien */
  border-bottom: solid 2px #B5CBE7; /* couleur bord bas infobulle lien */
  text-align: justify;
 font-size: 10px;
font-family: trebuchet MS;
color: #6B828C;
  width: 200px;
}


/*TITRE CATEGORIE*/
a.forumlink{
margin-top: -30px; /*ne pas modifier*/
margin-left: 5px; /*ne pas modifier*/
margin-bottom: -50px; /*a modifier selon vos goûts*/
padding-top: 1px !important; /*espace entre la bordure et le texte*/
padding-bottom: -5px !important; /*espace entre la bordure et le texte*/
text-shadow:  1px 0px 1px #000000; /*ombre sur le texte*/
font-weight:bold;
color:darkred;
letter-spacing:-1pt;
font-style: italic;
font-size:26px;text-align:left;font-family:times new roman;}

a.forumlink:hover{
margin-top: -30px; /*ne pas modifier*/
margin-left: 5px; /*ne pas modifier*/
margin-bottom: -50px; /*a modifier selon vos goûts*/
padding-top: 1px !important; /*espace entre la bordure et le texte*/
padding-bottom: -5px !important; /*espace entre la bordure et le texte*/
text-shadow:  1px 0px 1px #000000; /*ombre sur le texte*/
font-weight:bold;
color:#FFF794;
letter-spacing:-1pt;
font-style: italic;
font-size:26px;text-align:left;font-family:times new roman;}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }


/*INFOBULLE QEEL*/
font.info{
  position: relative;
  text-decoration: none;
}
font.info span {
  display: none;
}
font.info:hover {
  background: none;
  z-index: 999;
  cursor: help;
}
font.info:hover span {
  display: inline;
  white-space: normal;
  bottom: 30px;
 left: 0px;
  position: absolute;
  padding: 3px;
  background: #f6f4c8; /* couleur font infobulle lien */
  -moz-border-radius: 10px;
  border-right: solid 2px #9AB9DE; /* couleur bord droit infobulle lien */
  border-left: solid 2px #9AB9DE; /* couleur bord gauche infobulle lien */
  border-top: solid 2px #9AB9DE; /* couleur bord haut infobulle lien */
  border-bottom: solid 2px #9AB9DE; /* couleur bord bas infobulle lien */
  text-align: justify;
 font-size: 10px;
font-family: trebuchet MS;
  width: 200px;
}

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


/*CONTOUR CATEGORIE*/
.forumline{
background-color: #F7F7CE;
-moz-box-shadow: 0px 0px  8px #4B4B4B;
-moz-border-radius: 16px 16px 16px 16px ;
border-bottom: 0px #000000 solid;
border-top: 0px #000000 solid;
border-right: 0px #D1A781 solid;
border-left: 0px #D1A781 solid;}

/*JUSTIFICATION AUTOMATIQUE*/
.postbody {
    display: block;
    text-align:justify;
}


/* _________Ombreforum_________*/
.bodyline {
background-color: #color;
  width: 700px;
-webkit-box-shadow: 0px 2px 2px 2px #2D2D2D;
  -moz-box-shadow: 0px 2px 2px 2px #2D2D2D;
  box-shadow: 0px 2px 2px 2px #2D2D2D;
}

/*STATISTIQUES*/
.statistiques
{height:110px;
  margin-bottom: 0px;
  margin-top: -23px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 0px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
background-color: #FAFADE;
border: 2px solid #9AB9DE;
-moz-box-shadow: 1px 1px 2px #000000;
-moz-box-shadow: 1px 1px 2px #000000;
  -moz-border-radius: 0px 15px 15px 0px;}

.statistiques:hover
{margin-top: -23px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 0px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */
background-color: #FAFADE;
border: 2px solid #B4CBE7;
-moz-box-shadow: 1px 1px 2px #000000;
-moz-box-shadow: 1px 1px 2px #000000;
  -moz-border-radius: 0px 15px 15px 0px;}

/* CONTOURS IMAGES*/
img.arrondi
{          border-top: 0px solid #9AB9DE;
          border-left: 3px solid #9AB9DE;
          border-right: 3px solid #9AB9DE;
          border-bottom: 0px solid #9AB9DE;
-moz-border-radius: 5px;}

img.arrondi:hover
{          border-top: 0px solid #B4CBE7;
          border-left: 3px solid #B4CBE7;
          border-right: 3px solid #B4CBE7;
          border-bottom: 0px solid #B4CBE7;
-moz-border-radius: 5px;}

/*IMAGES CATEGORIES*/
img.cate
{          border-top: 3px solid #9AB9DE;
          border-left: 0px solid #9AB9DE;
          border-right: 0px solid #9AB9DE;
          border-bottom: 3px solid #9AB9DE;
    height: 60px;
  width: 100px;
  margin-left: 10px;
  margin-right: 20px;
-moz-border-radius: 30px 0px 30px 0px;}

img.cate:hover
{          border-top: 3px solid #B4CBE7;
          border-left: 0px solid #B4CBE7;
          border-right: 0px solid #B4CBE7;
          border-bottom: 3px solid #B4CBE7;
    height: 60px;
  width: 100px;
  margin-left: 10px;
  margin-right: 20px;
-moz-border-radius: 30px 0px 30px 0px;}

/*IMAGES STAFF*/
img.staff
{          border-top: 3px solid #9AB9DE;
          border-left: 0px solid #9AB9DE;
          border-right: 0px solid #9AB9DE;
          border-bottom: 3px solid #9AB9DE;
    height: 30px;
  width: 95px;
  margin-top: -15px;
  margin-left: 10px;
-moz-border-radius: 30px 0px 30px 0px;}

/*LIENS SOUS FORUMS */
 .vignettes
{background-color:#f6f4c8;
font-size: 9px;
  font-color: #000000;
  font-weight:bold;
padding-right:0px;
padding-left:0px;
padding-bottom: 0px;
padding-top:0px;
border-top: 2px solid #9AB9DE;
border-left: 0px solid #9AB9DE;
border-right: 0px solid #9AB9DE;
border-bottom: 2px solid #9AB9DE;
  margin-top:5px;
-moz-border-radius: 5px;}

.vignettes:hover
{background-color:#f6f4c8;
font-size: 9px;
  font-color: #000000;
  font-weight:bold;
padding-right:0px;
padding-left:0px;
padding-bottom: 0px;
padding-top:0px;
border-top: 2px solid #B4CBE7;
border-left: 0px solid #B4CBE7;
border-right: 0px solid #B4CBE7;
border-bottom: 2px solid #B4CBE7;
  margin-top:5px;
-moz-border-radius: 5px;}

/*DESCRIPTIONS CATEGORIES*/

.truc {
  height:100px;
  background-color:#FAFADE;
          border: 2px solid #9AB9DE;
          font-size: 11px;
          text-align: justify;
          margin-left: 0px;
          margin-right: 20px;
          margin-top: 20px;
          margin-bottom: 20px;
          padding-top: 6px;
          padding-bottom: 6px;
          padding-left: 6px;
          padding-right: 6px;
  -moz-border-radius: 15px 0px 0px 15px;
-moz-box-shadow: 1px 1px 2px #000000;
}

.truc:hover {
  height:100px;
  background-color:#FAFADE;
          border: 2px solid #B4CBE7;
          font-size: 11px;
          text-align: justify;
          margin-left: 0px;
          margin-right: 20px;
          margin-top: 20px;
            margin-bottom: 20px;
          padding-top: 6px;
          padding-bottom: 6px;
          padding-left: 6px;
          padding-right: 6px;
  -moz-border-radius: 15px 0px 0px 15px;
-moz-box-shadow: 1px 1px 2px #000000;
}


/* personnaliser les titres forum*/
a.forumlink:after{
content:"✗ ";
font-size:26px;
}

a.forumlink:hover:after{
content:"✔  ";
font-size:26px;
}

/* PAS DE DEFORME SPOILER */
.spoiler { max-width:550px !important; }
.spoiler div { max-width:550px !important; }

/* PAS DE DEFORME CITATION */
.quote { max-width:550px !important; }
.quote div { max-width:550px !important; }


/*NOMS EN MAJ*/
a {font-variant: small-caps;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}



/*ENLEVER LE SOULIGNEMENT DES LIENS*/
a { text-decoration: none; }


/* TITRE  GRANDE CATEGORIE */
.titrecat {
padding-top: 5px;
padding-bottom: 0px;
display: block;
width: 80%;
border-top: 10px solid #9AB9DE;
border-right: 10px solid #9AB9DE;
border-left: 10px solid #9AB9DE;
background-color: #f6f4c8;
color: #FFF;
-moz-border-radius-topleft: 60px;
-moz-border-radius-topright: 60px;
-moz-box-shadow: 0px 0px  10px #000000;
margin-top: 12px;
height: 30px;
  font-weight: italic;
font-weight: bold;
font-size:100px;text-align:center;font-family:times new roman;
text-shadow: 0px 1px 0px #ffffff;
letter-spacing: 3px;}
/* FIN */

/*BLOCS COTE QEEL*/
.coteqeel{
background-color: #f6f4c8;
  width:200px;
  height: 250px;
  margin-right: 0px;
-moz-border-radius: 40px;
  -moz-box-shadow: 1px 1px 5px black;}

/*BLOCS CENTRE QEEL*/
.centreqeel{
background-image: url('http://img72.xooimage.com/files/5/4/f/fond-2fd4540.png');
  width:290px;
  height: 250px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 0px;
-moz-border-radius: 40px;
  -moz-box-shadow: 1px 1px 5px black;}

/*TITRE QEEL*/
.titreqeel{
margin-top: 0px; /*ne pas modifier*/
margin-left: 0px; /*ne pas modifier*/
      margin-bottom: -35px; /*a modifier selon vos goûts*/
      padding-top: 1px !important; /*espace entre la bordure et le texte*/
      padding-bottom: -5px !important; /*espace entre la bordure et le texte*/
text-shadow:  0px 0px 1px #000000; /*ombre sur le texte*/
font-weight:bold;
color:#6B828C;
letter-spacing:-3pt;
font-style: italic;
font-size:32px;text-align:center;font-family:times new roman;}

.titreqeel:hover{
margin-top: 0px; /*ne pas modifier*/
margin-left: 0px; /*ne pas modifier*/
      margin-bottom: -35px; /*a modifier selon vos goûts*/
      padding-top: 1px !important; /*espace entre la bordure et le texte*/
      padding-bottom: -5px !important; /*espace entre la bordure et le texte*/
text-shadow:  0px 0px 1px #000000; /*ombre sur le texte*/
font-weight:bold;
color:#FFF794;
letter-spacing:-3pt;
font-style: italic;
font-size:32px;text-align:center;font-family:times new roman;}


/*BARRE DE NAVIGATION*/

a.mainmenu {
-moz-border-radius: 2px 2px 2px 2px;
background-color: #FFFBDE;
  font-style:bold;
  color: #151D38;
  font-style: italic;
border-left:  4px solid  #C8C800;
border-right:  4px solid #C8C800;
border-top:  0px solid  #C8C800;
border-bottom:  0px solid  #C8C800;
text-align:center;
}

a.mainmenu:hover {
  -moz-border-radius: 2px 2px 2px 2px;
  font-style:bold;
  color: #151D38;
  font-style: italic;
  border-left:  4px solid  #C8C800;
border-right:  4px solid #C8C800;
border-top:  0px solid  #C8C800;
border-bottom:  0px solid  #C8C800;
text-align:center;
}


/**FOND CITER**/
.quote {border-style: dashed 2 px #C8C800;
-moz-box-shadow:0px 0px 10px #000000;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-webkit-border-radius: 20px;
padding:7px;
 background-image:url('http://img72.xooimage.com/files/5/4/f/fond-2fd4540.png');
-moz-border-radius: 5px ;
border: 5px #C8C800 solid;
font-family: Trebuchet MS;
}
/**END**/


/**FOND CODE**/
.code {
-moz-box-shadow:0px 0px 10px #000000;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-webkit-border-radius: 20px;
border: 5px #C8C800 solid;
padding:7px;
 background-image:url('http://img72.xooimage.com/files/5/4/f/fond-2fd4540.png');
-moz-border-radius: 5px ;
font-family: Trebuchet MS;
}
/**END**/


/**FOND SPOILER**/
.spoiler {
-moz-box-shadow:0px 0px 10px #000000;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
-webkit-border-radius: 20px;
padding:7px;
 background-image:url('http://img72.xooimage.com/files/5/4/f/fond-2fd4540.png');
-moz-border-radius: 5px ;
border: 5px #C8C800 solid;
font-family: Trebuchet MS;
}

.spoiler_closed {
color: #C8C800;
}
/**END**/



Mon déguisement pour Halloween ? Celui que je suis vraiment.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://savetonight.forumgratuit.org




avatar


☂ Age : 32
☂ Nombre de cartons : 1287
☂ Loyers payés : 6753
☂ Je me trouve : Actuellement, je déprime et noie mon chagrin dans mon lit.
☂ Je suis : Styliste & occasionellement chanteur guitariste dans des bars
☂ Mon humeur est : Déprimée. (oui ça m'arrive)


Appart 416

MessageSujet: Re: CSS des deux premières versions Sam 28 Jan - 13:55

page javascript pour la bannière défilante

Code:
$(function() {
 
  var a = ["http://nsa22.casimages.com/img/2012/01/01//120101090654321514.png", "http://nsa21.casimages.com/img/2012/01/01//120101090717806471.png", "http://nsa22.casimages.com/img/2012/01/01//120101090716426548.png","http://nsa21.casimages.com/img/2012/01/01//120101090813207088.png"],
 
  b=function(){$("#pun-logo img,#i_logo,#logo img").attr("src",a[Math.floor(Math.random()*a.length)])};b();setInterval(b,10*1000);
 
});



Mon déguisement pour Halloween ? Celui que je suis vraiment.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://savetonight.forumgratuit.org




avatar


☂ Age : 48
☂ Nombre de cartons : 181
☂ Loyers payés : 347
☂ Je me trouve : Dans la cage d'escaliers
☂ Je suis : Concierge et technicien de surface
☂ Mon humeur est : Maussade


SDF

MessageSujet: Re: CSS des deux premières versions Sam 28 Jan - 14:13

la pa

Code:
<body><IMG NAME="accueil0" SRC="http://img71.xooimage.com/files/1/7/0/pa-2fd6084.png" WIDTH="700" HEIGHT="230" BORDER="0" USEMAP="#accueil">

<MAP NAME="accueil"><AREA SHAPE="rect" COORDS="44,59,197,94" HREF="http://impassedudejante.forumgratuit.org/t57-la-charte-du-bon-locataire" ALT="Règlement">
<AREA SHAPE="rect" COORDS="56,136,242,176" HREF="http://impassedudejante.forumgratuit.org/t56-mais-ou-c-est-que-je-suis-tombe" ALT="Contexte">
<AREA SHAPE="rect" COORDS="99,97,291,119" HREF="http://impassedudejante.forumgratuit.org/t61-bottin-des-avatars#556" ALT="Avatars">
<AREA SHAPE="rect" COORDS="259,121,427,139" HREF="http://impassedudejante.forumgratuit.org/f51-coin-des-invites" ALT="Invités">
<AREA SHAPE="rect" COORDS="486,112,673,129" HREF="http://impassedudejante.forumgratuit.org/t72-avoir-un-appartement#585" ALT="Appartements libres">
<AREA SHAPE="rect" COORDS="370,92,502,109" HREF="http://impassedudejante.forumgratuit.org/t73-cherche-coloc-desesperement#586" ALT="Colocataires">
</MAP><br><div style="background:url(http://img68.xooimage.com/files/6/3/a/pa-2fd65ba.png); align:center; height:300px;">


<br><script type="text/javascript" src="http://yourjavascript.com/12631381112/onglett.js"></script>

<table><td align="left"><div id="mes_oonglets"><div style="margin-left:20px;"><table><td align="left">
            <li id="o_111" class="mon_oonglet" onmouseover="changeOonglet(this);"><img src="http://img44.xooimage.com/files/1/4/1/package-e600dc.png"></li></td>  <td align="left">
            <li id="o_222" class="mon_oonglet" onmouseover="changeOonglet(this);"><img src="http://img66.xooimage.com/files/f/8/c/status-weather-fe...uds-icon-2ec4fd3.png"></li></td>  <td align="left">
            <li id="o_333" class="mon_oonglet" onmouseover="changeOonglet(this);"><img src="http://img44.xooimage.com/files/c/a/8/home-deb634.png"></li></td>  <td align="left">
            <li id="o_444" class="mon_oonglet" onmouseover="changeOonglet(this);"><img src="http://img41.xooimage.com/files/a/3/d/ping_pong-1229405.png"></li></td>  <td align="left">
            <li id="o_555" class="mon_oonglet" onmouseover="changeOonglet(this);"><img src="http://img21.xooimage.com/files/2/4/3/female_male_users-12292f1.png"></li></td></table></div><br>

          <div id="mes_ccontenus">  <table><tr><td style="margin-left: 0px;">
 <div id="co_111" class="mon_ccontenu";"><div class="blocpa"><div style="width: 300px;height: 150px;overflow: auto; background-color: rgbl(51, 51, 51);"><i>Note à l’attention de tous les habitants de cet immeuble.<br>
Ce matin, j’ai trouvé dans ma boîte aux lettres, une lettre anonyme qui disait, je cite « arrête d’espionner de ta fenêtre. Voir ta tête tous les jours, me fais cauchemarder. » J’aimerai connaître l’identité de l’aimable plaisantin qui m’a écrit ce gentil mot. J’aimerai aussi savoir qui s’amuse à inverser les noms sur les interphones, qui fait uriner son chien sur mon paillasson et qui jette directement ses chewing-gums dans la poubelle du hall alors qu’il n’y a pas de sac. Sans parler des grenouilles que j’ai pu voir dans la piscine, de ceux qui font des petites fêtes toute la nuit durant et des enfants que j’entends chahuter dans les couloirs très tard le soir. Si tous ces agissements perdurent dans le temps, je serai forcée d’en appeler à la compréhension de mes chers copropriétaires pour que nous trouvions nous-mêmes les coupables et qu’ils soient expulsés sur le champ.<br>
Comprenez bien qu’avoir recourt à de telles solutions, ne me plais guère. Mais je n’ai plus d’autre solution si je veux me faire entendre et rétablir l’ordre et la paix au sein de cet immeuble.<br>
Madame Parker.</i></div></div></div><div id="co_222" class="mon_ccontenu" style="display:none;">  <div class="blocpa"><br><!-Weather in Friendswood, United States on your site - HTML code - weatherforecastmap.com -- ><div align="center" style="width:130px;border:1px solid #D6AEB5;background:#F7D3D6;font-color:#6B828C;font-weight:bold;margin:5px 0px 0px 85px;"><script src="http://www.weatherforecastmap.com/weather2000.php?zona=united-states_friendswood"></script><div align="center" style="font-color:#ddd;font-weight:normal;"></div></div><!-end of code--></div></div></div><div id="co_333" class="mon_ccontenu" style="display:none;"> <div class="blocpa"><div style="width: 300px;height: 150px;overflow: auto; background-color: rgbl(51, 51, 51);"><blockquote><span style="font-size: 10px; line-height: normal"><b>10/01/12 ✗</b> Premier recensement, <a href="http://impassedudejante.forumgratuit.org/t387-soit-tu-pais-ton-loyer-soit-tu-couches-avec-le-concierge-pour-rester-a-toi-de-voir?tid=0b5b2212a43845e3346471f81d8cb746" class="postlink">ici</a>.<br><br>
<b>28/12/11 ✗</b> Sören, Skylar et Ludmila rejoignent le staff ♥<br><br>
<b>28/12/11 ✗</b> Ajout de nouvelles règles concernant les doubles comptes.<br><br>
<b>20/12/11 ✗</b> On commente la version 2 <a href="http://impassedudejante.forumgratuit.org/t244-version-2-joyeux-noel-idd?tid=9da0290cb6c9dad376fce9da7cf722f4" class="postlink">ici</a>.<br><br>
<b>20/12/11 ✗</b> On participe à la soirée de noël <a href="http://impassedudejante.forumgratuit.org/t242-intrigue-noel" class="postlink">ici</a>.<br><br>
<b>10/12/11 ✗</b>La guerre des sexes bat son plein cette année. Tenez vous au courant en consultant régulièrement ce sujet <a href="http://impassedudejante.forumgratuit.org/t76-intrigue-n1-c-est-la-guerre-des-sexes#1823?tid=158df1dea3661b2cb7f84319f0ea9857" class="postlink">là</a>.
<br><br><b>25/11/11 ✗</b>Ouverture du forum</span></blockquote></div></div></div><div id="co_444" class="mon_ccontenu" style="display:none;">  <div class="blocpa"><font class="info"><div class="citation">La guerre des sexes</div><span><div class="titrefiche">INTRIGUE UNE</div><br><br><center><a class="citation" href="http://impassedudejante.forumgratuit.org/t76-intrigue-n1-c-est-la-guerre-des-sexes#589">Explications</a></center><br><br>
<blockquote><table><td align="left"><img src="http://illiweb.com/fa/subsilver/icon_gender_female.gif" border="0" alt="" /></td><td align="left">2050 points ...</td></table>
<table><td align="left"><img src="http://illiweb.com/fa/subsilver/icon_gender_male.gif" border="0" alt="" /></td><td align="left">1905 points ...</td></table></blockquote></span></font><br><div style="width: 300px;height: 100px;overflow: auto; background-color: rgbl(51, 51, 51);"><i>"Et voilà, c'est reparti ! Ces imbéciles de mecs, s'imaginent qu'ils vont pouvoir nous battre cette année. Tout ça parce qu'ils ont gagnés deux ans de suite, grâce à Charlie. Mais cette fois c'est terminé. Il est parti donc au revoir à leur victoire à la guerre des sexes, annuelle. Mitch a cru gagner en glissant une souris vivante dans ma boite aux lettres mais je me suis bien vengée en crevant les pneus de sa voiture. Il n'a pas pu aller travailler. Avec ça, je suis sûre qu'on a gagné au moins dix points pour le compte final ! On verra bien qui va encore gagner les points à la course en talons aiguilles. Nous les filles, on a un sacré avantage à cette épreuve là !"</i> Mary 21 ans, locataire depuis 2006.
<br><br>
En 2002, un groupe d'amis a mit en place un jeu qui revient tous les ans. Il oppose les hommes et les femmes dans une guerre sans merci. En plus de diverses épreuves qui rapporteront des points aux équipes -telle que la course en talon aiguille, le déguisement le plus effrayant, le mime le plus convaincant etc.-, les deux groupes s'amusent à se faire divers gags. Il est fréquent que cela dépare et que ça provoque de réelles tensions chez les habitants de l'immeuble. C'est pourquoi, des règles ont été instaurées, pour éviter que cela ne se termine par une mauvaise ambiance générale. Premièrement, seules les personnes majeures peuvent participer. Deuxièmement, rien qui puisse attenter à la sécurité, la santé, la moralité et l'honneur des joueurs. Bref, avec ces règles misent en place, tout devrait bien se dérouler cette année. Deux années de suite, ce sont les garçons qui ont gagnés. Et cette année ... ?</div></div></div>

        <div id="co_555" class="mon_ccontenu" style="display:none;">  <div class="blocpa"><div class="citation">Personnages à prendre</div>
<center><a href="http://impassedudejante.forumgratuit.org/t63-scenes-de-menage"><img src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/275758_100002851865107_6527692_q.jpg"; style="border: solid 3px #8C96B5; border-radius:60px 60px 60px 60px;"></a> <a href="http://impassedudejante.forumgratuit.org/t32-lea-michele-l-amoureuse-pas-secrete"><img src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/187893_223038254388565_8018192_q.jpg"; style="border: solid 3px #E7E384; border-radius:60px 60px 60px 60px;"></a> <a href="http://impassedudejante.forumgratuit.org/t111-shiloh-fernandez-a-chaque-jour-suffit-sa-peine-a-chaque-etre-sa-famille"><img src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/261087_240978539245874_5155848_q.jpg"; style="border: solid 3px #8C96B5; border-radius:60px 60px 60px 60px;"></a><br><a href="http://impassedudejante.forumgratuit.org/t375-keira-une-meilleure-amie-a-retrouver"><img src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/276853_144793788886417_6007026_q.jpg"; style="border: solid 3px #E7E384; border-radius:60px 60px 60px 60px;"></a> <a href="http://impassedudejante.forumgratuit.org/t65-ma-famille-d-abord"><img src="http://images2.fanpop.com/image/polls/416000/416055_1270774282067_50.jpg?v=1270775031"; style="border: solid 3px #8C96B5; border-radius:60px 60px 60px 60px;"></a> <a href="http://impassedudejante.forumgratuit.org/t251-f-jayma-mays-o-i-m-drug-for-u-o-free"><img src="http://profile.ak.fbcdn.net/hprofile-ak-snc4/27532_109708982381850_2655_q.jpg"; style="border: solid 3px #E7E384; border-radius:60px 60px 60px 60px;"></a></center></div></div><div id="co_666" class="mon_ccontenu" style="display:none;">  <div class="blocpa"><div class="citation">Partenaires</div><br>
<center><a href="http://closertotheedge.purforum.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img67.xooimage.com/files/0/2/d/1-3016f6a.png"></a> <a href="http://astoria-people.forumactif.biz/" class="postlink" target="_blank" rel="nofollow"><img src="http://img74.xooimage.com/files/9/4/3/2-3016f72.png"></a> <a href="http://sweety-crea.e-monsite.com" class="postlink" target="_blank" rel="nofollow"><img src="http://img69.xooimage.com/files/f/e/7/3-3016f8b.png"></a> <a href="http://whorehouse.forumgratuit.org" class="postlink" target="_blank" rel="nofollow"><img src="http://img75.xooimage.com/files/8/e/b/4-3016f9b.png"></a> <a href="http://www.oh-sydney.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://img73.xooimage.com/files/2/8/c/5-3016fb1.png"></a> <a href="http://bluebell.forum-canada.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img75.xooimage.com/files/2/2/a/6-3016fba.png"></a> <a href="http://turning-tables.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://img75.xooimage.com/files/4/9/6/pa-30398c4.png"></a> <a href="http://www.ny-thedarkside.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img68.xooimage.com/files/a/7/3/idd-top-303ae0d.png"></a> <a href="http://www.revival-rock.net/forum" class="postlink" target="_blank" rel="nofollow"><img src="http://img66.xooimage.com/files/2/3/2/top-303f91a.png"></a> <br><a href="http://dirty-secret.forumsactifs.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img72.xooimage.com/files/f/b/c/idd-top-3042079.png"></a> <a href="http://morning-coffee.forumactif.com" class="postlink" target="_blank" rel="nofollow"><img src="http://img75.xooimage.com/files/0/a/a/idd-top-304292d.png"></a> <a href="http://lifeintechnicolor.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://img70.xooimage.com/files/6/b/0/sans-titre-3-30806d8.png"></a><a href="http://magical-school.actifforum.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img67.xooimage.com/files/7/d/2/idd-top-309fb4e.png"></a> <a href="http://indecent-things.forumsactifs.net/" class="postlink" target="_blank" rel="nofollow"><img src="http://img66.xooimage.com/files/c/9/9/idd-top-30e272c.png"></a> <a href="http://bedtimestories.forums-actifs.com/" class"postlink" target=" _blank" rel="nofollow"><img src="http://img70.xooimage.com/files/f/8/e/sans-titre-1-30ec765.png"></a></center><br><br><center><img src="http://img75.xooimage.com/files/3/c/c/parte2-2fd69ae.png"> <img src="http://img67.xooimage.com/files/2/0/0/parte4-2fd69bc.png"><<br>
<a href="http://impassedudejante.forumgratuit.org/t81-partenaires-rpg#595?tid=1560026507edf8581c195fa12f14472b" class="postlink">Plus ?</a> || <a href="http://impassedudejante.forumgratuit.org/t78-devenons-bons-amis#591?tid=1560026507edf8581c195fa12f14472b" class="postlink">Vous ?</a></center></div></div><div id="co_777" class="mon_ccontenu" style="display:none;">  <div class="blocpa"><div class="citation">Staff</div><br>
<blockquote><table><td><font class="info"><img class="staff" src="http://img67.xooimage.com/files/a/3/e/2-2ec3546.png"><span><div class="titrefiche">Fondatrice</div><br><img src="http://26.media.tumblr.com/tumblr_leixkcqHvC1qat986o1_400.gif" style="-moz-box-shadow: 1px 1px 5px black; width: 200px;"><br><div class="citation">L. Nymphéà McMaKhelaï</div><br><center><a href="http://impassedudejante.forumgratuit.org/u3?tid=e2c9cebf674b664a861a7fd64acf3cbd" class="postlink"><u>Profil</u></a><br><a href="http://impassedudejante.forumgratuit.org/privmsg?mode=post&u=3?tid=e2c9cebf674b664a861a7fd64acf3cbd" class="postlink"><u>MP</u></a></center></span></a></td><td><font class="info"><img class="staff" src="http://img69.xooimage.com/files/1/d/c/1-2ec3527.png"><span><div class="titrefiche">Fondateur</div><br><img src="http://nsa28.casimages.com/img/2011/11/15//111115064653820555.gif" style="-moz-box-shadow: 1px 1px 5px black; width: 200px;"><br><div class="citation">S. Zéphyr O'Maley</div><br><center><a href="http://impassedudejante.forumgratuit.org/u2" class="postlink"><u>Profil</u></a><br><a href="http://impassedudejante.forumgratuit.org/privmsg?mode=post&u=2" class="postlink"><u>MP</u></a></center></span></a></td></table><br>
<table><td><font class="info"><img class="staff" src="http://img69.xooimage.com/files/3/5/6/ian-30112f8.png"><span><div class="titrefiche">Administrateur</div><br><img src="http://30.media.tumblr.com/tumblr_liu9foHasQ1qfe0tio1_500.gif" style="-moz-box-shadow: 1px 1px 5px black; width: 200px;"><br><div class="citation">A. Sören McMakhelaï</div><br><center><a href="http://impassedudejante.forumgratuit.org/u24" class="postlink"><u>Profil</u></a><br><a href="http://impassedudejante.forumgratuit.org/privmsg?mode=post&u=24" class="postlink"><u>MP</u></a></center></span></a></td><td><font class="info"><img class="staff" src="http://img72.xooimage.com/files/4/a/4/ben-301133f.png"><span><div class="titrefiche">Administrateur</div><br><img src="http://25.media.tumblr.com/tumblr_lv6r980PAW1r76w8uo1_500.gif" style="-moz-box-shadow: 1px 1px 5px black; width: 200px;"><br><div class="citation">L. Skylar Thiesenhausen</div><br><center><a href="http://impassedudejante.forumgratuit.org/u52" class="postlink"><u>Profil</u></a><br><a href="http://impassedudejante.forumgratuit.org/privmsg?mode=post&u=52" class="postlink"><u>MP</u></a></center></span></a></td></table><br>
<center><font class="info"><img class="staff" src="http://img73.xooimage.com/files/c/f/c/bar-30114e5.png"><span><div class="titrefiche">Modératrice</div><br><img src="http://26.media.tumblr.com/tumblr_lq8oe2YnEb1r1llono1_250.gif" style="-moz-box-shadow: 1px 1px 5px black; width: 200px;"><br><div class="citation">Ludmila F. Pokorný</div><br><center><a href="http://impassedudejante.forumgratuit.org/u54" class="postlink"><u>Profil</u></a><br><a href="http://impassedudejante.forumgratuit.org/privmsg?mode=post&u=54" class="postlink"><u>MP</u></a></center></span></a></center></blockquote></div></div></div>
</td><td align="left"><div id="mes_oonglets"><li id="o_666" class="mon_oonglet" onmouseover="changeOonglet(this);"><img src="http://img1.xooimage.com/files/6/8/d/next-dd2095.png"></li>

            <li id="o_777" class="mon_oonglet" onmouseover="changeOonglet(this);"><img src="http://img25.xooimage.com/files/6/5/2/female_male_users_comments-12293fe.png"></li></div></div></td></table>


    <script type="text/javascript">
        //<!--
                var anc_onglet = 'quoi';
                change_onglet(anc_onglet);
        //-->
        </script></body></html></td></tr></table><br><br><br><br><br><br></div></body>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://impassedudejante.forumgratuit.org

Contenu sponsorisé








MessageSujet: Re: CSS des deux premières versions

Revenir en haut Aller en bas
 

CSS des deux premières versions

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

 Sujets similaires

-
» Initiations - Premières Versions
» La solitude c'est mieux à deux ( pv Tom )
» Deux âmes perdues sur les falaises. [Nagate SEUL]
» Duel entre deux âmes soeurs. [PV Luke Kayan]
» Deux humoristes virés du poste
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Impasse du déjanté :: A garder-