Partagez | 
 

 CSS EX CATHEDRA

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


avatar

Messages : 131
Date d'inscription : 05/05/2013

MessageSujet: CSS EX CATHEDRA   Sam 22 Oct - 10:23

Code:
body{
background-image: url('http://img4.hostingpics.net/pics/542057ex1.png');
background-repeat: no-repeat;
background-position: top center;
background-attachment: scroll;
}

/*******************************CORPS DU FORUM*******************************/
.bodyline {
background-color: transparent;
border: none;
}

.forumline{
  border:none;
box-shadow: 0px 2px 2px darkgrey;
-moz-box-shadow: 0px 2px 2px darkgrey;
-o-box-shadow: 0px 2px 2px darkgrey;
-htm-box-shadow: 0px 2px 2px darkgrey;
-webkit-box-shadow: 0px 2px 2px darkgrey;}

/******************************************************* DÉBUT CATÉGORIES *******************************************************/
/*Bloc de chaque forum*/
.forum {
  width: 740px;
  height: 199px;
  margin: auto;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #ffffff;
  text-align: center;
  color: gray;
}



/*Section du haut du forum*/
.forum_top {
  width: 718px;
  height: 30px;
  margin: auto;
  padding: 10px;
  background-color: #1f1d1a;
  border: 1px solid #161412;
}

/*Section de gauche avec le titre et les stats*/
.forum_top_left {
  float: left;
  width: 430px;
  text-align: left;
}
/*Titre du forum*/
a.forumlink {
  font-family: 'Tulpen One',cursive; Helvetica, sans-serif;
  font-size: 35px;
  text-shadow: 1px 1px 1px #000000;
  color: #9d6bad!important;
  text-transform:uppercase;
  font-style: none;
  font-weight: normal;
  letter-spacing: 1px;
  padding-bottom: 5px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  text-align : center;
}
/*Titre du forum survolé*/
a.forumlink:hover {
  text-decoration: none!important;
  letter-spacing: 0px;
}


/******************************************************* FIN CATÉGORIES *******************************************************/


/******************************************************* DÉBUT Sujets *******************************************************/

/*Bloc des sujets*/
.sujets {
  margin: auto;
  margin-bottom: 10px;
  background-image:url('http://img11.hostingpics.net/pics/178354443.png');
  border: 2px solid none;
  padding-bottom: 15px;
  width: 850px;
  color:#ffffff;
}
/*Titre du bloc des sujets*/
.sujets_top_title {
  display: block;
  width: 750px;
  background-color: #54425F;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 5px;
  font-family: 'crushed';
  font-size: 36px;
  text-shadow: 0px 0px 5px none;
  color: #ffffff;
  font-weight: normal;
  letter-spacing: 1px;
}

/*Liste des sujets*/
.sujets_list {
  width: 760px;
  margin: auto;
  padding: 10px;
  padding-bottom: 0px;
  background-color: #ffffff;
  text-align: left;
  color: #7b848f;
}

/*Polices des éléments hors sujets*/
.sujets_font {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #7b848f;
}

/*Chaque sujet*/
.sujet {
  position: relative;
  width: 740px;
  margin-bottom: 10px;
  background-color: #1f1d1a;
  border: 1px solid #161412;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

/*Type de sujet*/
.sujet_type {
  position: absolute;
  width: 740px;
  text-align: center;
  top: -7px;
  left: 0px;
  text-shadow: 1px 1px 1px #000000;
  padding:7px;
  
}

/*Titre du sujet*/
a.sujetlink {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  text-shadow: 1px 1px 1px #000000;
  color: thistle!important;
  font-style: italic;
  font-weight: normal;
  letter-spacing: 2px;
  padding-bottom: 5px;
  text-decoration: none;
  transition: 0.5s;
  -webkit-transition: 0.5s;
}
/*Titre du sujet survolé*/
a.sujetlink:hover {
  text-decoration: none!important;
  letter-spacing: 4px;
}

.sujet_stats{
  color:#ffffff;
  font-size:11px;
}

/*Auteurs des sujets*/
.sujet_auteur a strong, .sujet_last_auteur a strong, .sujet_auteur a, .sujet_last_auteur a {
  font-size: 12px!important;
  font-weight: normal!important;
  font-family: Arial, Helvetica, sans-serif!important;
}

/******************************************************* FIN SUJETS *******************************************************/


/*******************************LES CLASSES*******************************/
.t1 {
color: thistle;
background-color: #a05894;
font-family: tulpen one;
font-style: italic;
align: center;
padding: 10px;
width: 600px;
text-transform: uppercase;
font-size: 40px;
line-height:25px;
text-align: center;
}

.st1 {
color: #a05894;
background-color: thistle;
font-family: crushed;
font-style: italic;
align: center;
padding: 10px;
width: 600px;
text-transform: lowercase;
font-size: 20px;
line-height:10px;
text-align: center;
}

.t2 {
color: white;
background-image:url("http://img4.hostingpics.net/pics/925786tesss6t.png");
font-family: tulpen one;
font-style: italic;
align: center;
padding: 10px;
width: 600px;
text-transform: uppercase;
font-size: 40px;
line-height:40px;
text-align: center;
margin-bottom: 2px;
}

.st2 {
color: #54425F;
background-image:url("http://img4.hostingpics.net/pics/167866tessst8.png");
font-family: crushed;
font-style: italic;
align: center;
padding: 10px;
width: 600px;
text-transform: lowercase;
font-size: 20px;
line-height:20px;
text-align: center;
}

.pt1 {
font-family: "medula one"; color: #a05894;
font-size: 29px;
text-align: left;
margin-bottom: 0px;
border-bottom: solid;
border-size: -1px;
border-color: #54425F;
padding-bottom: 5px;
padding-left: 5px;
}

.pt2 {
font-family: "six caps"; color: thistle;
font-size: 29px;
text-align: left;
margin-bottom: 0px;
border-bottom: solid;
border-size: -1px;
border-width: thin;
border-color: #a05894;
padding-bottom: 5px;
padding-left: 5px;
}

.pt3 {
font-family: "tulpen one"; color: #54425F;
font-size: 29px;
text-align: left;
margin-bottom: 0px;
border-bottom: solid;
border-size: -1px;
border-width: thin;
border-color: thistle;
padding-bottom: 5px;
padding-left: 5px;
}

.pcadre1 {
  width: 400px;
  height: auto;  
  padding: 5px;
  margin: 5px;
  text-align:justify;
  border-color: thistle;
  border-style: solid;
  border-width: thin;
}

.pcadre2 {
  width: 400px;
  height: auto;  
  padding: 5px;
  margin: 5px;
  text-align:justify;
  border-color: #54425F;
  border-style: solid;
  border-width: thin;
}

.tcadre1 {
font-family: "tulpen one"; color: thistle;
font-size: 38px;
text-align: center;
margin-bottom: 0px;
padding-bottom: 2px;
}

.tcadre2 {
font-family: "tulpen one"; color: #54425F;
font-size: 38px;
text-align: center;
margin-bottom: 0px;
padding-bottom: 2px;
}

.cadrefond {
background-image:url("http://img11.hostingpics.net/pics/178354443.png");
align: center;
padding: 10px;
width: 600px;
}

.cadre {
background-color: white;
text-align: justify;
padding: 10px;
margin-top: 25px;
width: 550px;
margin-bottom: 25px;
}

.violet {
font-family: "crushed"; color: #9D6BAD;
font-size: 13px;
}

/*enlève soulignement au survol souris sur lien*/

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


/*****rotation images*******
****************************/

.rotate {
    -webkit-transition: all 1s linear;
       -moz-transition: all 1s linear;
         -o-transition: all 1s linear;
            transition: all 1s linear;
  border-top-left-radius: 100px; border-top-right-radius: 100px;
    border-bottom-right-radius: 100px; border-bottom-left-radius: 100px; border: solid 3px #ffffff; width: 100px; height: 100px;
}

.rotate:hover {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
         -o-transform: rotate(360deg);
            transform: rotate(360deg);
}

/**************************************************
================================================
BARRE DE NAVIGATION
================================================ */

a.mainmenu{
font-family: crushed;
font-style: italic;
text-transform : lowercase;
letter-spacing:-1px;
text-align: center;
text-decoration:none;
font-size: 18px;
color:#000000;
}

.navig {
position: absolute;
top: 0px;
width: 100%;
}


.postdetails.poster-profile textarea { width: 250px;}


   /* --------------------------------- PROFIL --------------------------------- */

    .profilmasque { /*la partie "ouvrir/fermer"*/
      background-image:url('http://img4.hostingpics.net/pics/620481prof.png');
      width: 200px;
      padding: 5px;
      font-size: 11px;
    }

    .profil1 {
      width: 200px;
      font-size: 25px;
      font-family: 'tulpen one';
      background-color: #f1efe9;
      border: none;
      color: #B7B3B3;
    }

    .profil {
      padding: 5px;
  background-color:#EFEFEF;
    }

    .rang {
      position: center;
      width: 210px;
    }

    .avatar_profil {
      width: 200px;
      height: 320px;
     padding:2px; /* une marge entre la bordure et l'intérieur du bloc */
        margin:2px; /* une marge entre la bordure et l'extérieur du bloc */
        border:40px #f1efe9; /* la bordure */
        background-color:#f1efe9; /*une couleur de fond */
    box-shadow: 0px 2px 2px darkgrey;
-moz-box-shadow: 0px 2px 2px darkgrey;
-o-box-shadow: 0px 2px 2px darkgrey;
-htm-box-shadow: 0px 2px 2px darkgrey;
-webkit-box-shadow: 0px 2px 2px darkgrey;}


    .bloc_pseudo {
      padding: 5px;
      width: 100px;
      position: relative;
      left: 1em;
      text-align: center;
      color: #D5D2D2;
      font-size: 25px;
      font-family: 'Miniver', cursive;
    }

    .pseudo_profil {
        font-family: 'Tulpen One';
      font-size: 30px !important;
      text-align: center;
    }

    .details_profil {
      background-image: url('http://img4.hostingpics.net/pics/620481prof.png');
      padding: 5px;
      width: 200px;
      height: 80px;
      overflow: auto;
      text-align: justify;
      color: #54425F !important;
      font-size: 11px;
      font-family: 'Voltaire', sans-serif !important;
  box-shadow: 0px 2px 2px darkgrey;
-moz-box-shadow: 0px 2px 2px darkgrey;
-o-box-shadow: 0px 2px 2px darkgrey;
-htm-box-shadow: 0px 2px 2px darkgrey;
-webkit-box-shadow: 0px 2px 2px darkgrey;
    }
    /* --------------------------------- FIN PROFIL --------------------------------- */

/***********{retrait des soulignements}**********/
a:hover{
text-decoration: none !important;
color: #9D3CB0;
-moz-transition-property: color,;
-moz-transition-duration: 0.5s;
-webkit-transition-property: color,;
-webkit-transition-property: 0.5s;
}
a {text-decoration: none !important;
-moz-transition-property: color, texte-transform, letter-spacing;
-moz-transition-duration: 0.5s;
-webkit-transition-property: color, texte-transform, letter-spacing;
-webkit-transition-property: 0.5s;
}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}

/******************************** RANGS DU FORUM ****************/

.pnj {
       background-color: #9D6BAD ;
font-family: Tulpen One;
text-transform : uppercase;
font-style: italic;
text-align: center;
letter-spacing:-1px;
text-align: center;
text-decoration:none;
font-size: 30px;
color: white;
}

.humains {
       background-color: #FFE4B5 ;
  padding : 2 px
        text-align: center;
      color: white !important;
      font-size: 30px;
      font-family: 'tulpen one';
        position: center;
        width: 210px
}

.lycans {
       background-color: #90EE90  ;
  padding : 2 px
        text-align: center;
      color: white !important;
      font-size: 30px;
      font-family: 'tulpen one';
        position: center;
        width: 210px
}

.vampires {
       background-color: #CD5C5C   ;
  padding : 2 px
        text-align: center;
      color: white !important;
      font-size: 30px;
      font-family: 'tulpen one';
        position: center;
        width: 210px
}

.infants {
       background-color: #48D1CC   ;
  padding : 2 px
        text-align: center;
      color: white !important;
      font-size: 30px;
      font-family: 'tulpen one';
        position: center;
        width: 210px
}

/*NOUVELLES CATÉGORIES*/


.back_titre{
background-image:url("http://img15.hostingpics.net/pics/181752darkpatternbackgroundswallpaper4.jpg");
width: 744px;
margin-left: auto;
margin-right: auto;
margin-bottom:-21px;
height:37px;
display:block;
border-bottom:4px solid #a651b0;
}

.categorie{
  width: 740px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left:0px;
  margin-right:0px;
  background-color: #;
  border-top: 0px solid #4c4842;
  border-bottom: 0px solid #ffffff;
  border-right: 0px solid #ffffff;
  border-left: 0px solid #ffffff;}

.forum{
  width: 740px;
  height:auto;
  background-image:url('http://img4.hostingpics.net/pics/541646fondcateex.png');
  background-color:#efe9f2;
  border: 0px dotted #c0c0c0;
  padding: 2px;
  margin-top-:-1px;
  box-shadow: 0px 0px 1px #29221b;
-moz-box-shadow: 0px 0px 1px #29221b;
-o-box-shadow: 0px 0px 1px #29221b;
-htm-box-shadow: 0px 0px 1px #29221b;
-webkit-box-shadow: 0px 0px 1px #29221b;}

.forumlink{
  display: block;
  width: 95%;
  letter-spacing: 2px;
  padding-left: 20px;
  margin-bottom:-20px;
  text-shadow: 1px 1px 0px #ffffff;}

.description{
  display:block;
  padding:5px;
  width: 430px;
  height:105px;
  margin: 5px;
  font-family:helvetica;
  font-size: 11px;
  text-align: justify;
  color:#a8a8a8;
  text-shadow:0px 0px 1px white;
margin-top:8px;}

.descripc{
  width:320px;
  height:105px;
  overflow:auto;
  padding:5px;
  padding-top:8px;
   color:#alada3;
  margin-top:5px;
}


.stats_last{
font-size:10px;
background-color:#ffffff;
color:#a8a8a8;
height:auto;
width:145px;
margin:4px;
padding:5px;
display:block;
border-bottom:0px solid #a05894;
box-shadow: 0px 4px 3px darkgrey;
-moz-box-shadow: 0px 0px 4px darkgrey;
-o-box-shadow: 0px 0px 4px darkgrey;
-htm-box-shadow: 0px 0px 4px darkrey;
-webkit-box-shadow: 0px 0px 4px darkgrey;}

.stats{
  display: block;
  text-align: center;
  font-size: 12px;
  background-image:url("http://img15.hostingpics.net/pics/181752darkpatternbackgroundswallpaper4.jpg");
  padding-bottom: 4px;
  margin-top:-7px;
  margin-bottom: 7px;
  letter-spacing:1px;
  color:#d29fe0;
  font-family:'crushed', cursive;
  text-transform:uppercase;
letter-spacing:1;
transform:rotate(-3deg);
-ms-transform:rotate(-3eg);
-moz-transform:rotate(-3deg);
-webkit-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
  
}

.last{
  display: block;
  text-align: center;
  font-size: 11px;}


.cate_title {
display: block;
width: 750px;
margin:auto;
padding: 5px;
}
.lien {
width:100px;
height:110px;
font-size: 14px;
color:#4e0063;
text-transform:uppercase;
font-family: georgia;
text-align:left;
}

.lien2{
  overflow: auto;
border-left: 0px solid #fff;
letter-spacing: 1px;
height: 110px;
margin: 3px 3px 3px;
padding: 4px;
width: 100px;
}


.slink{
color:#BFD9D5;
font-family:arial;
text-align:center;
background-image:url('http://img4.hostingpics.net/pics/167866tessst8.png');
width:740px;
height:15px;
margin-top:8px;
margin-botom:-8px;
padding:3px;
margin:auto;
overflow:auto;
box-shadow:0px 0px 4px darkgrey;
o-box-shadow:0px 0px 4px darkgrey;
-moz-box-shadow:0px 0px 4px darkgrey;
-webkit-box-shadow:0px 0px 4px dargrey;
}


/*Titre de la catégorie*/
.cate_title h2{
display: block;
font-family:'crushed',cursive;
font-style:strong;
text-align:center;
padding: 0px;
font-size: 31px;
text-shadow: 5px 0px 0px #d8bfd8;
color: #a05894;
font-weight: normal;
letter-spacing: 1px;
}

.cati{
  float:right;
  margin-right:-13px;
  border-radius:100px;
box-shadow: 0px 3px 3px #212121;
-moz-box-shadow: 0px 3px 3px #212121;
-o-box-shadow: 0px 3px 3px #212121;
-htm-box-shadow: 0px 3px 3px #212121;
-webkit-box-shadow: 0px 3px 3px #212121;
}



/*******QEEL*******/

.fondq{
background-image:url('http://img4.hostingpics.net/pics/146533test1.png');
width:730px;
height:440px;
}

.qeelb{
margin-top:-2px;
background-color:#;
width:350px;
height:252px;
text-align:center;
font-size:12px;
padding:5px;
opacity:0.8;
font-family:arial;
margin-top:3px;}

.listlastconnected td.row1{
background : none;
font-family:arial;
font-size:12px;
text-shadow:0px 1px 1px #969696;
}

.bar{
transform:rotate(4deg);
-ms-transform:rotate(4eg);
-moz-transform:rotate(4deg);
-webkit-transform:rotate(4deg);
-o-transform:rotate(4deg);
background-color:black;
letter-spacing:2px;
margin-top:-7px;
padding-bottom:5px;
text-align: center;
width:420px;
height:30px;
}
/***PA***/
.angleu{
transform:rotate(-3deg);
-ms-transform:rotate(-3eg);
-moz-transform:rotate(-3deg);
-webkit-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
}
.angled{
transform:rotate(3deg);
-ms-transform:rotate(3eg);
-moz-transform:rotate(3deg);
-webkit-transform:rotate(3deg);
-o-transform:rotate(3deg);
  }

.lienpa{
font-family: 'Crushed';
font-size: 14px;
text-transform:uppercase;
background-color:#000000;
height:15px;width:185px;
text-align:center;
padding: 4px;
margin:4px;
letter-spacing:2px;
}

.cred{
background-color:#ffffff;
width:220px;
height:auto;
margin:auto;
padding:6px;
box-shadow: 0px 4px 3px darkgrey;
-moz-box-shadow: 0px 0px 4px darkgrey;
-o-box-shadow: 0px 0px 4px darkgrey;
-htm-box-shadow: 0px 0px 4px darkgrey;
-webkit-box-shadow: 0px 0px 4px darkgrey;
}

.pred{
background-color:#ffffff;
height:auto;
width:230px;
padding:3px;
margin:10px;
opacity:0.6;
box-shadow: 0px 4px 3px darkgrey;
-moz-box-shadow: 0px 4px 3px darkgrey;
-o-box-shadow: 0px 4px 3px darkgrey;
-htm-box-shadow: 0px 4px 3px darkgrey;
-webkit-box-shadow: 0px 4px 3px darkgrey;
text-align:center;}

.prede{
margin:2px;
border:1px solid #ffffff;
box-shadow: 0px 3px 2px darkgrey;
-moz-box-shadow: 0px 3px 2px darkgrey;
-o-box-shadow: 0px 3px 2px darkgrey;
-htm-box-shadow: 0px 3px 2px darkgrey;
-webkit-box-shadow: 0px 3px 2px darkgrey;
   -webkit-transition: all 0.5s linear;
       -moz-transition: all 0.5s linear;
         -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}

.prede:hover{
margin:2px;
border:1px solid #ffffff;
 box-shadow: 0px 4px 3px #000000;
-moz-box-shadow: 0px 4px 3px #000000;
-o-box-shadow: 0px 4px 3px #000000;
-htm-box-shadow: 0px 4px 3px #000000;
-webkit-box-shadow: 0px 4px 3px #000000;
 -webkit-transition: all 1s linear;
       -moz-transition: all 1s linear;
         -o-transition: all 1s linear;
            transition: all 1s linear;
}

.nouv{
background-color:#ffffff;
width:220px;
height:165px;
margin:10px;
padding:6px;
box-shadow: 0px 4px 3px darkgrey;
-moz-box-shadow: 0px 0px 4px darkgrey;
-o-box-shadow: 0px 0px 4px darkgrey;
-htm-box-shadow: 0px 0px 4px darkgrey
-webkit-box-shadow: 0px 0px 4px darkgrey;
opacity:0.8;
}


/******FOOTER******/
.pfooter{
  width:730px;
  hight:100px;
  background-image:url('http://img11.hostingpics.net/pics/178354443.png');
  margin:auto;
  padding:6px;
  overflow:auto;
}
.t2f {
color:white;
font-family: tulpen one;
text-transform: uppercase;
font-size: 30px;
text-align: center;
}

/****CB****/

/* Chatbox */
        #chatbox_header .cattitle strong { display: none; }
        #chatbox_header .cattitle:before { content: "Le Val des Secrets"; }

    body.chatbox{
     background-image:url(http://img15.hostingpics.net/pics/619962fondbox.png);
    }
    
    .chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {
    background: none;
    }

/***Fiche de présentation****/

.imf{
border-top-left-radius: 100px;
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
border-bottom-left-radius: 100px;
border: solid 3px #ffffff;
width: 100px;
height: 100px;
margin-bottom:-10px;
margin-top:10px;
  box-shadow: 0px 2px 2px darkgrey;
-moz-box-shadow: 0px 2px 2px darkgrey;
-o-box-shadow: 0px 2px 2px darkgrey;
-htm-box-shadow: 0px 2px 2px darkgrey;
-webkit-box-shadow: 0px 2px 2px darkgrey;
}

.imfu{
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border: solid 3px #ffffff;
  width: 100px;
  height: 100px;
  box-shadow: 0px 2px 2px darkgrey;
-moz-box-shadow: 0px 2px 2px darkgrey;
-o-box-shadow: 0px 2px 2px darkgrey;
-htm-box-shadow: 0px 2px 2px darkgrey;
-webkit-box-shadow: 0px 2px 2px darkgrey;
}

.ibloc{
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align:justify;
  font-size: 12px;
}

.marg{
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.marghist{
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.fondfiche{
  width: 500px;
  border-collapse:collapse;
  background-color: #f1efe9;
box-shadow: 0px 2px 2px darkgrey;
-moz-box-shadow: 0px 2px 2px darkgrey;
-o-box-shadow: 0px 2px 2px darkgrey;
-htm-box-shadow: 0px 2px 2px darkgrey;
-webkit-box-shadow: 0px 2px 2px darkgrey;}

body.chatbox {
background-image: url('http://img15.hostingpics.net/pics/619962fondbox.png');
background-repeat: repeat;
}

.vavad{float:right;width:140px;}
.valid{
  background-image:url('http://img15.hostingpics.net/pics/619962fondbox.png');
  width:400px;
  height:auto;
  margin:auto;
  padding:10px;
  color:#alada3;
  font-size:11px;
  box-shadow:0px 2px 2px black;
}

.vaalid{
  background-image:url('http://img4.hostingpics.net/pics/413795fond.png');
  width:400px;
  height:auto;
  margin:auto;
  padding:10px;
  color:#alada3;
  font-size:11px;
  box-shadow:0px 2px 2px black;
}

.svalid{
   width:340px;
  height:auto;
  margin:auto;
  padding:10px;
  color:#alada3;
  font-size:11px;
  background-color:#ffffff;
  opacity:0.8;
}
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://forum-test-eden.forumactif.org


avatar

Messages : 131
Date d'inscription : 05/05/2013

MessageSujet: Re: CSS EX CATHEDRA   Sam 22 Oct - 10:28

Categories
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
   
  <td class="gensmall" align="right" valign="bottom">
        <br><div class="slink"><!-- BEGIN switch_user_logged_in -->
      <center> <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> •
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> •
          <!-- END switch_user_logged_in -->
          <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></center>
    </div></td>
  </tr>
  </table>
<br><br>
<!-- BEGIN catrow -->
 <!-- BEGIN tablehead -->
    <div class="cate_title" align="center" valign="middle">
      {catrow.tablehead.L_FORUM}
      </div>
 
    <!-- END tablehead -->
  <!-- BEGIN cathead -->
     
              <!-- END cathead -->
   
   <!-- BEGIN forumrow -->
 
<div class="back_titre"><span class="forumlink">
 <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /></span></div><br>
  <div class="forum"><br><table><tr><td>
 <center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="imgc"/><br>  </center>
  <span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} baisers • {catrow.forumrow.POSTS} morsures</span>
    <span class="last">{catrow.forumrow.LAST_POST}</span></span> </td>
  <td style="vertical-align: top;">
    <span class="description">{catrow.forumrow.FORUM_DESC} <br>
      <td class="lien" valign="middle" style="padding: 3px;"><div class="lien2">
        <span class="gensmall" id="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}<br /></span></div>
          <script type="text/javascript">
                jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,'<br>')).removeAttr('id');
                  </script>
        </td></span></td>
 
</tr></table>
   
   
  </div>

   <!-- END forumrow -->

   <!-- BEGIN catfoot -->
   
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
 
  </div>
 
<!-- END tablefoot --><!-- END catrow -->
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://forum-test-eden.forumactif.org


avatar

Messages : 131
Date d'inscription : 05/05/2013

MessageSujet: Re: CSS EX CATHEDRA   Sam 22 Oct - 10:29

Page d'accueil template
Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}

         <div class="slink"><!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>• </span> 
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
         <!-- END switch_delete_cookies -->
      
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a> •
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a> •
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a> •
                  <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
                          </div><!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<br>
<center><div class="fondq">
  <br>

  <center><table style="margin-top:100px;margin-bottom:-100px;margin-right:-200px;margin-left:-150px;margin-right:150px;"><tr><td>
 <div class="bar">
 <a href="http://ex-cathedra.forumactif.org/g5-nobles"><span style="color:#8F629E;font-family:'Crushed';font-size:30px;text-transform:uppercase;padding:5px;">Nobles</span></a>
 <a href="http://ex-cathedra.forumactif.org/g4-bourgeois"><span style="color:#b791c4;font-family:'Crushed';font-size:30px;text-transform:uppercase;padding:5px">Bourgeois</span></a>
 <a href="http://ex-cathedra.forumactif.org/g3-citoyens"><span style="color:#A75EAB;font-family:'Crushed';font-size:30px;text-transform:uppercase;padding:5px">Citoyens</span></a>
    </div>  <div class="qeelb">
<span class="gensmall">
<span id="record">{RECORD_USERS}</span> présences.
                    <script type="text/javascript">
                      document.getElementById('record').innerHTML=document.getElementById('record').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Nos morts ont eu un record de");
                    </script><br>
  <span id="totaluser">{TOTAL_USERS_ONLINE}</span>
                    <script type="text/javascript">
                      document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateur en ligne/,"créature");
                      document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/utilisateurs en ligne/,"créatures");
                      document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistré/,"âme damnée");
                      document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Enregistrés/,"âmes damnées");
                      document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisible/,"espion ");
                      document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invisibles/,"espions ");
                      document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invité/,"regard de l'ombre ");
                      document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Invités/,"regards de l'ombre ");
                     
  </script><br><span id="users">{TOTAL_USERS}</span>
                    <script type="text/javascript">
                      document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membre enregistré/,"créature aussi sombre qu'appétissante. ");
                      document.getElementById('users').innerHTML=document.getElementById('users').innerHTML.replace(/membres enregistrés/,"créatures aussi sombres qu'appétissantes. ");
                    </script>
<span id="messages">{TOTAL_POSTS}</span>
                  <script type="text/javascript">
              document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/Nos membres ont posté un total de/,"Ils ont eu un total de");
                    </script>
                    <script type="text/javascript">
                    document.getElementById('messages').innerHTML=document.getElementById('messages').innerHTML.replace(/messages/,"badinages intempestifs. ");
                        </script>

 
  <br></span>
<span class="gensmall">

<span id="newuser">{NEWEST_USER}</span>
                    <script type="text/javascript">
                      document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"La dernière âme condamnée se prénomme");
                    </script>. Prédateur ou proie seul l'avenir nous le diras !
  <br><br></span>
<div style="background-color:#;width:350px;height:30px;border:0px solid black;overflow:auto;text-align:justify;"><span class="gensmall">
<span id="connecteduser">{LOGGED_IN_USER_LIST}</span>
                    <script type="text/javascript">
                      document.getElementById('connecteduser').innerHTML=document.getElementById('connecteduser').innerHTML.replace(/Utilisateurs enregistrés/,"Dans nos rues ");
  </script>
  <span></div>
<div style="background-color:#;width:470px;height:60px;overflow:auto;border:0px solid black;margin-left:-15px;margin-right:15px;transform:rotate(-4deg);-ms-transform:rotate(-4eg);-moz-transform:rotate(-4deg);-webkit-transform:rotate(-4deg); -o-transform:rotate(-4deg);"><table><td><table class="listlastconnected">
                                    <span id="connectes"> {L_CONNECTED_MEMBERS} <script type="text/javascript">
    document.getElementById('connectes').parentNode.innerHTML=document.getElementById('connectes').parentNode.innerHTML.replace(/Membres connectés au cours des 24 dernières heures :/,"Derniers connectés ");
                                      </script></span></table></td></table> </div><br><br><br></center>
 </div> </center><br><br><br>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />


{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://forum-test-eden.forumactif.org
Contenu sponsorisé





MessageSujet: Re: CSS EX CATHEDRA   

Revenir en haut Aller en bas
 

CSS EX CATHEDRA

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

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Première catégorie :: Le général-