Partagez | 
 

 code css & html

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



Admin
Messages : 30
Date d'inscription : 27/01/2008
Age : 27
Localisation : Dans les bras de JGS ♥
profil +


MessageSujet: code css & html   Jeu 27 Fév - 1:17

css du 26.02.2014 :

Code:
lettrine {font-size: 52px; font-family: lucida calligraphy; }

devilrace {color:#5031CC;}
blackengine {color:#C40C0C;}
loner {color:#82941B;}

hawk {color:#a5aac7;}
tisvin {color:#EFA0FF;}




/* DEBUT JOURNAL DE BORD */

.i5 {
  height:80px;
  -webkit-transform:rotate(-7deg);  
 -moz-transform:rotate(-7deg);
  margin-left:-40px;
  margin-top:-5px;
   background-color:#211b16;
  padding:10px;
  -moz-border-radius:0px;
  border-radius:5px;
  border:dashed 1px #6a636a;
    }

.c5 {
  width:80%;
  margin-left:150px;
  border-spacing:-3px;}

.tF { /*pour pv*/
padding-bottom:2px;
padding-top:2px;
padding-left:5px;
padding-right:5px;

-moz-border-radius:10px;
border-radius:10px;
font-family:Trebuchet MS;
font-size:11px;
width:80%;
margin-top:0px;
  margin-left:-25px;
background-color:#211b16;
border:dashed 1px #6a636a;}

/* FIN JOURNAL DE BORD */

/* DEBUT BARRE NAVIGATION */

#navig
{
  width: 1000px;
  margin: auto;
  text-align: center;
 
}

#navigation
{
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: #160a02;
  opacity:0.3;
  border-bottom: 1px solid #201409;
  margin-top: -13px;
  margin-left: -10px;
  padding-top:8px;
 
 
}

#navig a
{   color: #3f6b27;
font-size:24px;
  font-family: 'Bigelow Rules', cursive;
text-transform:capitalize;
opacity:1;}

#navig a:hover { text-shadow: #94a475 0px 1px 1px;
opacity:1;}

#navigation:hover {opacity:0.9;
    transform: opacity;
-moz-transform: opacity;
-o-transform: opacity;
-htm-transform: opacity;
-webkit-transform: opacity;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;}

/* FIN BARRE NAVIGATION */

/* DEBUT CATEGORIE */

.c6 {
  width:100%;
  margin-left:3%;
  height : 100%;
  //border-spacing:-3px;}

.td6A {
  width:162px;
   height : 196px;

background-image:url(http://imageshack.com/a/img690/9218/frw1.png);
  
   display:block;
  margin-top: -70px;
  margin-left:-90px;
  
  
}

.td6A a
{
  position : relative ;
  top : 30%;
  left : 15%;
  transition-property: all;
  transition-duration: 1s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 1s;
  -moz-transition-property: all;
  -moz-transition-duration: 1s;
}

.td6A a:hover
{
  left : 28%;
  color :#A87F3F;  
}


.td6A:hover {width:162px;
   height : 196px;
background-image:url(http://imageshack.com/a/img822/6492/y3kt.png);
  margin-top: -100px;
 
}

.td6B {width:340px; height:80px; padding-left:5px; margin-left:20px;  overflow:auto;
//background-color:#24200b;}

/* FIN CATEGORIE */


/* FICHE PRESENTATION */

.f1 {
  width:500px;
  background-image:url(http://img15.hostingpics.net/pics/259538pres01.png),url(http://img15.hostingpics.net/pics/332229pres02.png);
  background-position:top,bottom;
  background-repeat:no-repeat,no-repeat;
  background-color:#8f7a5c;
  margin-top:30px;
  border-left:1px solid #130907;
  border-right:1px solid #130907;
  margin-left:35px;
  }
.t1 {
      font-family: 'Bigelow Rules', cursive;
  font-size:55px;
 color:#B2A8A1;
  text-shadow: #16110d 0px 2px 1px;
  border-bottom:2px dashed;
  padding-bottom:12px;
 -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
 width:500px;
}

.t2 {
  font-family: 'Nosifer', cursive;
  font-size:24px;
 color:#B2A8A1;
  text-shadow: #4e6f25 0px 1px 1px;
  margin-bottom:-25px;
 margin-top:10px;
  margin-left:100px;
 
}
t3 {
 font-family:'Cinzel Decorative',cursive;
  font-size:12px;
}

t4 { font-family:'Dynalight',cursive;
   font-size:20px;
color:#B2A8A1;}

t5 {font-family:'Fredericka the Great',cursive;
 font-size:14px;color:#0e0e0e;}

t6 { font-family:'Dynalight',cursive;
   font-size:36px;}


.c1 {
  width:496px;
  height:180px;
  border-left:dashed 2px #4c3f30;
 border-right:dashed 2px #4c3f30;
  background-color:#6d5d4b;
  -moz-border-radius:60px;
border-radius:60px;
  -moz-box-shadow:3px 8px 8px 1px #1b1612;
-webkit-box-shadow:3px 8px 8px 1px #1b1612;
-o-box-shadow:3px 8px 8px 1px #1b1612;
box-shadow:3px 8px 8px 1px #1b1612;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#1b1612, Direction=159, Strength=8);

}

.c2 {
  width:496px;
  height:160px;
  overflow:auto;
  border-left:solid 2px #4c3f30;
 border-right:dashed 2px #4c3f30;
  background-color:#6d5d4b;
  -moz-border-radius:60px;
border-radius:60px;
    -moz-box-shadow:3px 8px 8px 1px #1b1612;
-webkit-box-shadow:3px 8px 8px 1px #1b1612;
-o-box-shadow:3px 8px 8px 1px #1b1612;
box-shadow:3px 8px 8px 1px #1b1612;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#1b1612, Direction=159, Strength=8);
}


.c3 {
  width:456px;
  padding-left:20px;
  padding-right:20px;
  padding-top:30px;
  padding-bottom:20px;
  border-left:dashed 2px #4c3f30;
 border-right:solid 2px #4c3f30;
  background-color:#6d5d4b;
  -moz-border-radius :60px;
border-radius:60px;
    -moz-box-shadow:3px 8px 8px 1px #1b1612;
-webkit-box-shadow:3px 8px 8px 1px #1b1612;
-o-box-shadow:3px 8px 8px 1px #1b1612;
box-shadow:3px 8px 8px 1px #1b1612;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#1b1612, Direction=159, Strength=8);
}

.c4 {
  
background-color:#302926;
padding-left:10px;
pading-top:2px;
padding-bottom:2px;}

.c1A {
  width:496px;
 
 border-left:dashed 2px #6a636a;
 border-right:dashed 2px #6a636a;
  background-color:#3e3637;
  -moz-border-radius:60px;
border-radius:60px;
  -moz-box-shadow:3px 8px 8px 1px #1b1612;
-webkit-box-shadow:3px 8px 8px 1px #1b1612;
-o-box-shadow:3px 8px 8px 1px #1b1612;
box-shadow:3px 8px 8px 1px #1b1612;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#1b1612, Direction=159, Strength=8);

}

.c2A {
  width:496px;
 
 overflow:auto;
  border-left:solid 2px #6a636a;
 border-right:dashed 2px #6a636a;
  background-color:#3e3637;
  -moz-border-radius:60px;
border-radius:60px;
    -moz-box-shadow:3px 8px 8px 1px #1b1612;
-webkit-box-shadow:3px 8px 8px 1px #1b1612;
-o-box-shadow:3px 8px 8px 1px #1b1612;
box-shadow:3px 8px 8px 1px #1b1612;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#1b1612, Direction=159, Strength=8);
}

.tA {
padding-bottom:2px;
padding-top:2px;
padding-left:5px;
padding-right:5px;
background-color:none;
border-left:solid 2px #14130a;
border-right:solid 2px #14130a;
-moz-border-radius:10px;
border-radius:10px;
font-family:Trebuchet MS;
font-size:11px;
width:80%;
margin-top:-110px;
  margin-left:50px;}

.tB {
background-color:#2f2726;
}

.tC {
width:50%;
text-align:right;
}

.tD {
padding-bottom:2px;
padding-top:2px;
padding-left:5px;
padding-right:5px;
background-color: none;
border-left:solid 2px #14130a;
border-right:solid 2px #14130a;
-moz-border-radius:10px;
border-radius:10px;
font-family:Trebuchet MS;
font-size:11px;
width:80%;
  margin-left:50px;
margin-top:-30px;}

.tE { /*pour pv*/
padding-bottom:2px;
padding-top:2px;
padding-left:5px;
padding-right:5px;
background-color:none;
border-left:solid 2px #14130a;
border-right:solid 2px #14130a;
-moz-border-radius:10px;
border-radius:10px;
font-family:Trebuchet MS;
font-size:11px;
width:80%;
margin-top:-70px;
  margin-left:50px;}

.i1 {
  height:230px;
  -webkit-transform:rotate(5deg);  
 -moz-transform:rotate(5deg);
  margin-left:406px;
  margin-bottom:-280px;
   background-color:#211b16;
  padding:10px;
  -moz-border-radius:0px;
  border-radius:5px;
  border:dashed 1px #6a636a;
  z-index:1;
  
}

.i2 {
  height:70px;
  -webkit-transform:rotate(-5deg);  
 -moz-transform:rotate(-5deg);
    margin-bottom:-600px;
    margin-top:500px;
   background-color:#211b16;
  padding:10px;
  -moz-border-radius:0px;
  border-radius:5px;
  border:dashed 1px #6a636a;
  z-index:1;
  }

.i3 {
  height:90px;
  -webkit-transform:rotate(7deg);  
 -moz-transform:rotate(7deg);
  margin-left:320px;
  margin-top:-90px;
   background-color:#211b16;
  padding:10px;
  -moz-border-radius:0px;
  border-radius:5px;
  border:dashed 1px #6a636a;
  z-index:1;
  }

.i4 {
  height:50px;
  -webkit-transform:rotate(-5deg);  
 -moz-transform:rotate(-5deg);
    margin-top:-45px;
   margin-left:300px;
   background-color:#211b16;
  padding:10px;
  -moz-border-radius:0px;
  border-radius:5px;
  border:dashed 1px #6a636a;
  z-index:1;
  }



.l1{margin-left:170px;}
.l2{margin-left:40px;}
l2{margin-left:40px;}
.l3{margin-left:10px;margin-right:10px;}
l3{margin-left:10px;margin-right:10px;}

/*_____________________________________________ */


.predef_icone
{
  display: block;
  float: left;
  width: 50px;
  height 50px;
  overflow: hidden;
  margin: 5px;
  border: 2px solid #9e9e9e;
}
.predef_icone img
{
  width: 50px;
}
.predef_nom
{
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #937723;
}






//*_____________________________________________ *//






.topictitle01 {font-family: 'Gabriela', serif;
 font-size:16px;
text-shadow: #000000 1px 1px 1px;


 
 
}

.topictitle02{display: block;padding-top:16px; margin-top:10px;
 padding-bottom:6px;}


.top_info_descri{

  margin-left:10px;
letter-spacing:1px;
font-family:small fonts;
text-transform: uppercase;
font-size:7px;
text-shadow: # 1px 1px 1px;}

.topic_page_list {
  margin-left:10px;
letter-spacing:1px;
font-family:small fonts;
text-transform: uppercase;
font-size:7px;
text-shadow: #000000 1px 1px 1px;
}

.topic_propri {
letter-spacing:1px;
font-family:small fonts;
text-transform: uppercase;
font-size:7px;
text-shadow: #000000 1px 1px 1px;
}

.topictitle_global {line-height:15px;
margin-left:250px}

.topictitle_global01 {line-height:8px;}




.signature_div {

    background-position:top left;
  background-repeat:no-repeat;
 margin-top:15px;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:25px;
  color:#131109;
  
  
}



/*effet01*/

.animated {  
    transition: all 0.7s ease-out;  
    }  

li {  
        display: inline;  list-style: none;
   }  
    li a {  
        display: inline-block;   list-style: none;
        height: 35px;  
        width: 35px;
       text-align: center;  
        background: white;  
        padding: 2px 4px;  
        margin: 0px;  
        color: #615334;  
        text-decoration: none;  
        
       background: -moz-linear-gradient(center bottom , #DACDB1 11%, #F0E8D8 56%) repeat scroll 0 0 #F0E8D8;  
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, #DACDB1),color-stop(0.65, #F0E8D8));  
        -moz-box-shadow: 0 0 0 65px #CDBE9F inset, 0 0 0 20px #BEAE8C inset, 0 0 0 3px #816F47;  
        -webkit-box-shadow: 0 0 0 65px #CDBE9F inset, 0 0 0 20px #BEAE8C inset, 0 0 0 3px #816F47;  
        box-shadow: 0 0 0 65px #CDBE9F inset, 0 0 0 20px #BEAE8C inset, 0 0 0 3px #816F47;  
        -moz-transition: all 0.3s ease-out;  
        -webkit-transition: all 0.3s ease-out;  
        transition: all 0.3s ease-out;  
    }  

    .ex2 a {  
        position: relative;  
        top: 0;  
        box-shadow: 0 0 0 65px #CDBE9F inset, 0 0 0 20px #BEAE8C inset, 0 0 0 2px #816F47;  
  -moz-box-shadow: 0 0 0 65px #CDBE9F inset, 0 0 0 20px #BEAE8C inset, 0 0 0 0 2px #816F47;
 -webkit-box-shadow: 0 0 0 65px #CDBE9F inset, 0 0 0 20px #BEAE8C inset, 0 0 0 2px #816F47;
       transition: all 0.3s ease-in;  
    }  

    .ex2 a:before {  
        content: ' ';  
        position: absolute;  
        bottom: -1px; left: 0;  
        width: 100%;  
        height: 6px;  
        background: #9b885e;  
        box-shadow: 0 0 0 5px #9b885e,0 0 0 5px #9b885e,0 0 0 5px #9b885e;  
  -moz-box-shadow: 0 0 0 5px #9b885e,0 0 0 5px #9b885e,0 0 0 5px #9b885e;
 -webkit-box-shadow: 0 0 0 5px #9b885e,0 0 0 5px #9b885e,0 0 0 5px #9b885e;
       border-radius:20px;  
        z-index: -1;  
        transition: all 0.3s ease-in;  
    }  

.ex2 a:hover,  
.ex2 a:focus {  
    top: -10px;  
}

   .ex2 a:hover:before,  
    .ex2 a:focus:before {  
        bottom: -11px;  
        left: -3px;  
        width: 106%;  
        height: 4px;  
        background: #bcae8f;  
        box-shadow: 0 0 9px #bcae8f,0 0 9px #bcae8f,0 0 9px #bcae8f,0 0 9px #bcae8f,0 0 9px #bcae8f;  
   -moz-box-shadow: 0 0 9px #bcae8f,0 0 9px #bcae8f,0 0 9px #bcae8f,0 0 9px #bcae8f,0 0 9px #bcae8f;  
   -webkit-box-shadow: 0 0 9px #bcae8f,0 0 9px #bcae8f,0 0 9px #bcae8f,0 0 9px #bcae8f,0 0 9px #bcae8f;  
    }  







.rec_obj_A { width: 150px; height:150px; border-bottom:1px solid #AD6A6D; }


hr {
  color:#8d7677;
border: none;
margin-bottom:10px;}

body {
background-color:#0f0c06;
color: #131109;}


.bodyline {

 margin-top :-30px;
  padding-bottom:10px;
}

.forumline {

  width:800px;
  margin-left: auto;
 margin-right: auto;
 margin-bottom:20px;
 }

.imageban1
{
  width : 800px;
  margin-bottom:-8%;
 margin-left:10%;
}
.imageban2
{
  width : 800px;
  margin-top:-20px;
 margin-left:100px;
}

.imagecatnew
{
  margin-left : 20%;
  margin-top :0%;
  opacity : 1;
  position : relative ;
}

        
       .sceditor-container.ltr.sourceMode
        {
          background-color :#46361f;
          border: none !important;
        }
        div.sceditor-toolbar
        {
          background-color :#46361f !important;
          border: none !important;
        }

        .sceditor-container.ltr.wysiwygMode {
  border: none;
  background-color:#261b0c; }
  
        .sceditor-container iframe, .sceditor-container textarea
        {  
  background-color: #a99a6b !important;
border-top: 2px #0f0c06 dashed !important;
border-bottom: 2px #0f0c06 dashed !important;
border-left: none; border-right: none !important;
          
        }
        div.sceditor-group
        {
          background-color: #b4aaa1 !important;
          color: #b3b3b3 !important;
          border: 1px dotted #2f2726 !important;
        }
        a.sceditor-button
        {
          background-color: #a39a92 !important;
        }
        a.sceditor-button.hover
        {
          background-color: #a39a92 !important;
          border: 1px dotted #2f2726 !important;
        }


.thLeft {background-color: #261b0c;border: none !important; }
.thRight {background-color: #261b0c; border: none !important;}
.catHead {background-color: #261b0c; border: 1px solid #261b0c; border: none !important; }
.catBottom  {  border: none !important; background-color: #261b0c;}
.row3Right {  border: none !important; background-color: #261b0c;}



.deroulant
{
  background-color: #8d7677;
border: none;
height: 100px;
width: 550px;
  text-align: center;
  overflow: hidden; /*Cache la barre de défilement, pour l'afficher, mettre en valeur : auto*/
  border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-htm-border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px;
-khtml-border-radius: 10px; /*Va faire les arrondis sur la plupart des navigateurs*/
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
-ms-transform: all;
-khtml-transform: all;
  transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
-ms-transition: 1s;
-khtml-transition: 1s;
}

.deroulant:hover
{
  height: 450px;
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
-ms-transform: all;
-khtml-transform: all;
  transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
-ms-transition: 1s;
-khtml-transition: 1s;
}




.quote{ display:run-in;
border-top: none;
  border-bottom: none;
border-right: 3px solid #201715;
border-left: 3px solid #201715;
  margin-top:5px;
  margin-bottom:5px;
padding-top:10px;
  padding-bottom:10px;
  padding-left:30px;
  padding-right:30px;
font-family: 'Gabriela', serif; font-size:12px;
background-color: #261b0c; border: 1px solid #261b0c;
   box-shadow: 1px 1px 10px #0e0e0e; -moz-box-shadow: 1px 1px 10px #0e0e0e; -webkit-box-shadow: 1px 1px 10px #0e0e0e;
  color:#B2A8A1;
letter-spacing:-1px;
background-image:url(http://i.imgbox.com/actwrbBP), url(http://i.imgbox.com/abgN7MMT);
 background-position:top left,bottom right;
  background-repeat:no-repeat,no-repeat;

}

/* Spoiler */
.spoiler_closed {/* Apparence du spoiler fermé*/
  
     border-left:dashed 2px #4c3f30;
 border-right:dashed 2px #4c3f30;
  background-color:#6d5d4b;
  -moz-border-radius:60px;
   line-height: 125%;
/*Mettre ici vos propriétés décoratives*/
  

  }
.spoiler_closed.hidden {  
  
  }

.spoiler_content {/*apparence du spoiler ouvert*/
   border-left:dashed 2px #4c3f30;
 border-right:dashed 2px #4c3f30;
  background-color:#6d5d4b;
  -moz-border-radius:60px;
  line-height: 125%;}


.spoiler_content.hidden {  border:none;
  
   }

.msg_global {

margin:1px;
 color:#b2a8a1;
  font-size:11px;
font-family: 'Gabriela', serif; font-size:12px;
-moz-box-shadow: inset 0 0 65px #1a1309;
box-shadow: inset 0 0 65px #1a1309;
background-color: #34281b;
  
  
 }

div.postbody{
  display:block;
text-align: justify;
padding-left: 15px;
padding-right: 15px;
  padding-top:20px;
  font-size:11px;
font-family: 'Gabriela', serif; font-size:12px;
  background-color: #34281b;
border-top: 2px dashed  #20180c;
  border-bottom: 2px dashed  #20180c;
  margin-top:25px;
  margin-bottom:25px;
  padding-left:5px;
  padding:10px;
}

.img_rect_cita { margin-top: 130px;
  margin-left:-20px;
}

.postdetails1{
  color: #b1b2b1;
  margin-left:10px;
}

.avatar.mini, .avatar.mini img {
   width: 70px;
   height: 112px;}


.icon_logbook {
width:400px;
height:100px;
background-repeat: no-repeat;
background-position: top;
padding:3px;
background-color: #1f1f1f;
border: solid 1px #2d2d2d;
}

tr.post span.gensmall { display: none; }

.cadre {
align:center;
padding:8px;
 color:#8b8684;
border-left: dotted 2px #261b0c;
border-right: dotted 2px #261b0c;
 -moz-box-shadow: inset 0 0 65px #382f2d;
box-shadow: inset 0 0 65px #382f2d;
background-color: #4d423d;
font-family: Trebuchet MS;
font-size: 11px;
margin-left:11.5px;
margin-right:11.5px;

}

.titre_1 {
; font-family:Arial Black;font-size:35px;color:#921628;text-align: center;font-style:bold;text-shadow: 1px 1px 0px #000000; letter-spacing: -3px;
margin-left:35px;
margin-top:-16px;
}

.titre_2 {
margin:2px;
background-color:#1A1A1A;
padding-left:15px;
}

.titre_3 {
margin:2px;
background-color:#262525;
padding-left:15px;
}

.tabulation {
margin-left:15px;
}

.titre_4 {
font-family: Jailbird Jenna, Times New Roman;
text-align:center;
margin-top:0px;
}

.tableau_2 {
padding-bottom:2px;
padding-top:2px;
padding-left:5px;
padding-right:5px;
background-color: #1f1f1f;
border-left: solid 1px #2d2d2d;
border-right: solid 1px #2d2d2d;
-moz-border-radius : 10px;
border-radius : 10px;
font-family: Trebuchet MS;
font-size: 11px;
width:80%;
margin-top:0px;
}

.code {
  font-family:Verdana;
  font-size:10px;
  color:#B2A8A1;
padding:8px;
background-color:#4b4243;
  border-left:1px solid #130907;
  border-right:1px solid #130907;
}



/* PV & FICHES */

.pv_cadre_1 {
width: 460px;
background: #1f1f1f; display: block; -moz-box-shadow: 0px 0px 7px #000000;
  -moz-border-radius: 10px; margin-left: auto; margin-right:auto;
}

.pv_cadre_2 {
}

.pv_cadre_3 {
align:center;
padding:4px;
background-color: #1f1f1f;
border: solid 1px #2d2d2d;
font-family: Trebuchet MS;
font-size: 11px;
margin-left:11.5px;
margin-right:11.5px;
}

.pv_img {
padding:2px;
background-color: #1f1f1f;
border: solid 1px #2d2d2d;
}

.pv_pseudo {
font-family: Jailbird Jenna, Times New Roman;
text-align:center;
margin-top:-6px;
}

.pv_tableau_1 {
padding:2px; background-color: #1f1f1f;
border: solid 1px #2d2d2d;
font-family: Trebuchet MS;
font-size: 11px;
width: 437px;
}

.pv_tableau_2 {
padding-bottom:2px;
padding-top:2px;
padding-left:5px;
padding-right:5px;
background-color: #1f1f1f;
border-left: solid 1px #2d2d2d;
border-right: solid 1px #2d2d2d;
-moz-border-radius : 10px;
border-radius : 10px;
font-family: Trebuchet MS;
font-size: 11px;
width:80%;
margin-top:-110px;
}

.pv_rang_1 {
background-color:#1A1A1A;
}

.pv_rang_2 {
width:50%;
text-align:right;
}

.pv_titre_1 {
font-family: Jailbird Jenna, Times New Roman;
text-align:center;
margin-top:-10px;
}

.pv_titre_2 {
margin:2px;
background-color:#1A1A1A;
padding-left:15px;
}

.pv_free {
font-family: Jailbird Jenna, Times New Roman;
text-align:center;
margin-top:-12px;
color: #556B2F;
}

.pv_taken {
font-family: Jailbird Jenna, Times New Roman;
text-align:center;
margin-top:-12px;
color: #B22222;
}

/*TITRES*/

.titre2 {
font-family: Jailbird Jenna, Times New Roman;
font-size: 18px;
text-shadow: #000000 1px 1px 1px;
color: #adadad;
margin-left: 40px;
font-style: italic;
}

.titre1 {
font-family: Jailbird Jenna, Times New Roman;
font-size: 18px;
color: #422559;
text-shadow: #000000 1px 1px 1px;
margin-left: 20px;
padding-bottom: 10px;

}

.titre {
font-family: Jailbird Jenna, Times New Roman;
font-size: 24px;
text-align: center;
text-shadow: #000000 1px 1px 1px;
color: #8f3434;
margin-top: 20px;
-moz-border-radius:100px;
padding-bottom: 15px;
padding-top: 15px;
}










/* SOULIGNEMENT DES LIENS */

a {
text-decoration: none !important;
  text-shadow: #3c2410 0px 1px 0px;
  color: #3f6b27;
}
a:hover {
text-decoration: none !important;
  text-shadow: #2a3913 0px 1px 0px;
    color: #c46d0f;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

/*PSEUDO*/


.post .name {
font-family: 'Cinzel Decorative', cursive;
  font-size:15px;
text-shadow: 1px 1px 0px #b1b1b1 solid;
-moz-text-shadow: 1px 1px 0px #b1b1b1 solid;
  letter-spacing: 1px;

width:141px;
 height:8px;
  margin-top:-31px;
  margin-left:14px;
align: right;
color:#8b8684;
background-color: none;

}

/* PROFIL */

.profil_glob { -moz-box-shadow: inset 0 0 65px #1a1309;
box-shadow: inset 0 0 65px #1a1309;
background-color: #34281b;
padding-left:-10px;
padding-right:10px;
  margin-top:31px;}

.fond_profil_1 { width:246px;
  height:400px;
  background-image: url('http://img15.hostingpics.net/pics/274084avatarfond1.png');
  background-repeat:no;
  padding-top:60px;
  margin-bottom:-80px;
}

.profil_css {margin-left:-5px;
margin-right:5px;
padding:7px;
display:block;
color:#8b8684;
background-color: #4b4243;
  -moz-box-shadow: 1px 1px 4px 1px #000000 ;
box-shadow: 1px 1px 4px 1px #000000 ;
font-family: tahoma;
letter-spacing: 1px;
font-size:10px;
font-variant: small-caps;
text-shadow: #000000 1px 1px 1px;
  box-shadow: inset 0 0 65px #372f2f;
}

.postdetails.poster-profile1 a img {
width: 200px; padding:5px;
background-color:#120d0a;  
  margin-top:25px;
    margin-left: 16px;
  display: block;
}

.postdetails.poster-profile1 {
display: block ;
  z-index: 2;
  position: relative;
  color:#8d7576;
background-color: none;
-moz-border-radius : 10px ;
padding-bottom: 10px;
padding-top: 3px;
  width:246px;
  margin-top:-30px;
}

.postdetails.poster-profile2 {
display: block ;
  z-index: 2;
  position: fixe;
  color:#b2a8a1;
background-color: #34281b;
border-top: 2px dashed  #20180c;
  border-bottom: 2px dashed  #20180c;
-moz-border-radius : 10px ;
padding-left: 16px;
padding-bottom: 10px;
padding-top: 3px;
  width:240px;
  margin-top:-15px;
  margin-bottom:15px;
  
}

.postrow.displayed.profile_field.CONTENT {background-color: #2b2121;}

.profil_non_rp img {
  padding:5px;
background-color:#120d0a;  
  display: block;
  max-width:200px;
  max-height:150px;
}

.postdetails.poster-profile2 textarea {
background-color: #4b4243;
border-top: 2px #737171 dashed;
border-bottom: 2px #737171 dashed;
border-left: none; border-right: none;
width:190px;}

.rang {
position: fixe;
  margin-top:-20px;
  height:92px;
}

.rang img{
  
  width: 150px;
 -webkit-transform: rotate(15deg);-moz-transform: rotate(15deg);
    -moz-transition: width 4s linear;
    -o-transition: width 4s linear;
    -webkit-transition: width 4s linear;
    transition: width 4s linear;
  
  -moz-transition: -moz-transform 1s linear;
    -o-transition: -moz-transform 1s linear;
    -webkit-transition: -moz-transform 1s linear;
    transition: -moz-transform 1s linear;

margin-left:-25px;
}

.rang img:hover {
  width: 200px;
margin-left:-25px;

-webkit-transform: rotate(-5deg);-moz-transform: rotate(-5deg);}

.bouton-profil {
    cursor: pointer;
   margin-top: 10px;
   margin-bottom: 10px;
   text-align: justify;
  /* -- mise en forme -- */
   background: none;
   border: none;
   color: #B74C08;
   font-size: 11px; /* taille du texte */
    font-variant: small-caps; /* effet petites majuscules */
    font-weight: bold; /* effet gras */
    letter-spacing: 2px; /* espace entre les lettres */
}

.profil-cache {
   border: none;
    margin-top:-40px;
  margin-bottom:10px;
    
}







/* ______________CATEGORIES FOND______*/



.cat_cont_global {display:block; height:200px; margin-top:0px;}
.cat_cont_descri {
  background-image:url(http://imageshack.com/a/img812/5610/b4xf.png);
 opacity : 1 ;
 width : 646px;
 background-repeat:no-repeat;
 margin-bottom:30px;
 margin-left : 10%;
  height:435px;
 background-position:top center;
  display:block;
  margin-left:50px;
}

.cat_info_mess {
 
  background-image:url(http://imageshack.com/a/img835/8192/udhx.png);
 background-repeat:no-repeat;
 width:134px;
 height:193px;
 background-position:right;
  padding-top:0px;
 color:##B2A8A1;
 display:block;
 margin-top:-465px;
  margin-left:650px;
}


.cat_cont_descri a {
text-decoration: none !important;
  text-shadow: #504628 0px 1px 0px;
}

.cat_cont_descri a:hover {
text-decoration: none !important;
  text-shadow: #504628 0px 1px 0px;
    color: #c46d0f;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}



.cat_info_mess a {
text-decoration: none !important;
  text-shadow: #2a3913 0px 1px 0px;
  color: #3f6b27;
  font-size:11px;
 
}

.cat_info_mess a:hover {
text-decoration: none !important;
    text-shadow: #2a3913 0px 1px 0px;
    color: #c46d0f;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.name {
    text-shadow: #2a3913 0px 1px 0px;
  font-family: 'Cinzel Decorative', cursive;
  font-size:13px; }


.lastpost .name {
    text-shadow: #2a3913 0px 1px 0px;
  font-family: 'Cinzel Decorative', cursive;
  font-size:13px;
width : 150px;
color : #AB8142;}
  
/* DESCRIPTIONS */

.forumdes{
  color:#b2a8a1;
font-size:11px;
text-align: justify;
display: block;
background-color: #;
border: solid 0px #2d2d2d;
margin-left: 4%;
margin-top:-5%;
  margin-bottom:-40px;
padding: 5px 5px 0px 5px;
width:546px;
  height: 90%;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
}

.forumlink {
font-family: Times New Roman;
font-size: 22px;
text-align: center;
  text-transform:uppercase;
  font-weight:lighter;
  letter-spacing:5px;
color: #533a16;
  margin-left:0px;
  margin-top:30px;
margin-bottom:-17px;
}

.forumlink a {

text-decoration: none !important;
  color: #533a16;
   font-weight:lighter;
}

.forumlink a:hover {
text-decoration: none !important;
  text-shadow: #8e5d21 0px 1px 0px;
    color: #533a16;
    transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

/* ÉCART DANS LES DESCRIPTIONS */

.alinea {text-indent:15px;
margin-bottom:-15px;}




/* DERNIER MESSAGE */

.lastpost{

font-family: 'Gabriela', serif; font-size:12px;
  color:#B2A8A1;
padding-top:-4px;
  margin-top:8px;
   margin-left:10px;
  
}
.msg1{
font-family: 'Gabriela', serif; font-size:12px;
height: 50px; color:#B2A8A1;
}



/*QEEL*/

.statistiques{color:#131109;
  background-image:url();
background-repeat:no-repeat;
  position: relative;
background-position: bottom center;
MARGIN-top:0px;
height:150px;
}

.color_onglet_1 {color:#131109;}

.groupes{
  color:#131109;
font-family: arial;
margin: 5px;
text-align:center;
font-size: 12px;
  margn-left:200px:
}

.qeel_fond{
  color:#131109;
border-bottom: 3px solid # ;
-moz-border-radius:20px;
border-radius:20px;
-moz-box-shadow: 1px 1px 4px 1px # ;
box-shadow: 1px 1px 4px 1px # ;
background-image:url(#);
background-repeat:repeat-x;
background-position: middle left;
background-color: # ;}

.texteenligne{overflow: auto;
text-align: justify;
font-size:11px;
z-index:1;
color:#131109;
  background-color:#a28e50;
}

.texteenligne1 .gensmall{overflow: auto;
color:#131109;
text-align: justify;
font-size:11px;
background-color:#a28e50;
PADDING-right:10px;
z-index:1;
}

.texteenligne2{
  color:#131109;overflow: auto;
 height: 30px;
text-align: justify;
font-size:11px;

PADDING-right:10px;
z-index:1;
}

td.row1 .gensmall {color:#131109;}

.titrecaté{
padding-left:260px;
margin-bottom:-40px;

}





/* CSS GENERAL  */



/* Online offline */
#post_onlin{
background: url('http://img15.hostingpics.net/pics/365497offline.png') no-repeat;
position: relative;
width: 76px;
height: 18px;
margin-right:auto;
margin-left:auto;
  margin-bottom:-10px;
border: 0;
  -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);
}



.post-options{display:block;
padding:0px;
  background-color:none;
 
}



#one {margin-top: 60px;}
#i_reply {margin-top:  60px;}

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }


.ps_info {
  width:700px;
  height:auto;
  background:white;
  color:black;
  font-size:14px;
  position:absolute;
  z-index: 999;
  display:none;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px #888;
  box-shadow: 0 0 5px #888;
  border-left:4px solid #00BFFF ;
  padding:5px;
  font-family:Arial,sans-serif;
}



/*QEEL*/


*{

 padding: 0px;
 
}
 


ul, li{ list-style: none;
 

}
 .mon_onglet{
list-style: none;
color:#131109;
}
.mon_onglet:hover{list-style: none;}
.mon_onglet_selected{
list-style: none;}

.onglet1{margin-top:230px;
margin-left:135px;
  margin-right:20px;
background-color: #;
font-size:9px;
letter-spacing: 1px;
width:100px;
height: 200px;
color:#131109;
 }

.onglet2{
font-size:9px;
letter-spacing: 1px;
color:#131109;}

.onglet3{
font-size:9px;
letter-spacing: 1px;
color:#131109;}


.image_onglet{margin-left:-20px; }
.clear{
 clear: both;
 }
 


#mes_onglets, #mes_contenus{
 color:#131109;
margin-top:-260px;
PADDING-left:100px;
position:relative;
z-index:10;
}

#mes_onglets1, #mes_contenus1{
 color:#131109;
PADDING-left:0px;
position:relative;
z-index:10;
}


.bloc_onglet{
  color:#131109;
font-size:11px;
padding:5px;
margin-top:-3px;
display:bloc;
margin-right:10px;
margin-left:10px;
background-color:#;
height:153px;
}

.texte_onglet{
  color:#131109;
display:bloc;
height:150px;
border: solid 0px #2d2d2d;}

.mon_contenu{display: block;
 color:#131109;
border-bottom: 3px ;
background-color:#;
width: 470px;
height: 200px;
  margin-left:130px;
  margin-top:40px;
}

.credit {margin-left:135px;
  color:#131109;
  background-image:url();
background-repeat:no-repeat;
background-position: bottom RIGHT;
height:150px;
width:400px;}

.fond_groupes{
    margin-left:125px;
 color:#131109;
  background-image:url();
background-repeat:no-repeat;
background-position: bottom left;
height:150px;
  }

.cb_img{float:right;
margin-top:-50px;
margin-right:100px;
position:relative;
z-index: 999;}

.copyright {
  color:#131109;
  text-align:justify;
family-font:arial;
font-size:9px;
padding-right:10px;
padding-top:10px;
padding-left:10px;
padding-bottom:0px;}


index_box du 01.03.2014 :

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><img src="http://img15.hostingpics.net/pics/536853713816SIDEBARDHAUTbis.png" class="imageban1">
<div class="titrecaté">{catrow.tablehead.L_FORUM}</div></center><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"  align="center">
   
   <!-- END tablehead -->
<!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right">&nbsp;</td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr class="cat_cont_global">
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      
      <td width="30%" class="cat_cont_descri" colspan="{catrow.forumrow.INC_SPAN}" valign="top" height="95" > <!--> <- ancien row1) <-->
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <div class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br>
            </div>
         </h{catrow.forumrow.LEVEL}>
                          <div class="forumdes"><table><tr><td>{catrow.forumrow.FORUM_DESC}
                            </td><td>
              <img class="imagecatnew" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
               
                            </td>
                            </tr>
                            </table>
                           
                           
                         

<!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
                          </div>
      </td>
                         

                         
                 
      <!-- BEGIN forum_link_no -->
                 
      <td width="50%" class="cat_info_mess" align="center" valign="middle"  height="110" > <!--> (<- ancien row3 over) <-->
         <div class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle" height="100" margin-top="10px">
                          <br><br><div class="lastpost" >{catrow.forumrow.LAST_POST}</div>
<div class="msg1" height="50">  {catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets</div><br><br><br></div>
      </td>
                           
               
                 
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="110"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table>
                          <img src="http://img11.hostingpics.net/pics/471648155275SIDEBARDBASbis.png" class="imageban2" ><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


fsrg
Voir le profil de l'utilisateur http://blastzone.kanak.fr
Revenir en haut Aller en bas
 

code css & html

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

 Sujets similaires

-
» code pour inséré les anime (Fond transparent)
» Vidéos - générateur de code pour vidéo et player
» Xhtml/css: integrer une video avec html
» [Nocturne] Demande d'aide pour code css complet s'il vous plait.
» fond noir qui n'apparait pas en html résolu
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Blast Zone ~ ::  :: Actuality ;-