AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  



Partagez | .

 css 01/02/17


 :: miami beach :: préparation de la saison 4.

avatar
☰ messages : 59
☰ date d'inscription : 22/11/2016
Sujet: css 01/02/17  |  Mer 1 Fév - 17:51
Code:
/*HEADER DE FOND*/
body {
background-position: top center;
background-attachment: scroll;
background-repeat:no-repeat;}

/*HEADERS ALEATOIRES*/
.ban1 { background-image: url('http://img4.hostingpics.net/pics/981660DesignNoel.png') }
.ban2 { background-image: url('https://i.imgbox.com/Z4p4Bpbh.png') }
.ban3 { background-image: url('https://i.imgbox.com/77PHs19c.png') }


/*BACKGROUND 2*/
div#background_2{
height:100%;
width:100%;
margin-top: 750px;
margin-bottom: -2000px;
padding:0;
background:transparent url(http://nsa33.casimages.com/img/2014/04/25/140425044253920981.png) repeat;
}

/*ENLEVER SOUS LIGNEMENT*/
A:link {text-decoration: none !important;}
A:visited {text-decoration: none !important;}
A:active {text-decoration: none !important;}
A:hover {text-decoration: none !important;}

/*CONTRE LES EDITIONS*/
tr.post span.gensmall { display: none; }

/*DECALAGE TEXTE MESSAGE*/
.postbody {
display: block;
padding-left: 10px;
text-align:justify;
}

/*IMAGE SUR PROFIL*/
.postdetails.poster-profile img {
  max-width:200px;}

/*PA graphique*/

.pagraph {
  
bakcground-image: url('http://img15.hostingpics.net/pics/303309PAdesignnoel.png');
margin-top: 15px;
height: 450px; }
  
/*TITRE FORUM*/
a.forumlink {
background-color: #transparent;
text-shadow: #ffffff 1,5px 1px 1px;
color: #41E591;
display: block;
font-size: 18px;
font-family: 'Poiret One', cursive;
text-transform: uppercase;
text-align: left;
margin-left: 25px;
margin-bottom: -25px;
  margin-top: 32px;
letter-spacing: 1px;
font-weight: bold;
}

/*border-bottom: 1px solid #898989*/

/*TITRE CATEGORIES*/
.secondarytitle {
text-shadow: #ffffff 1.5px 1px 1px;
font-family: 'poiret one', serif;
letter-spacing : 1px;
font-size: 30px;
color: #8dc251;
margin-top: 25px;
margin-bottom: 25px;
margin-left: 55px;
}

/*CONTENU DESCRIPTION*/
.contenu {
font-size: 11px;
  width:370px;
  height:85px;
  weight:400px;
    border-radius: 0px 0px 0px 0px;
  background-color: #F8F8F8;
  color: #000000;
    text-align: justify;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  margin-top: 23px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 0px;
  border-top: #a2deee solid 2px;
  border-left: none;
  border-right: none;
  border-bottom: #a2deee solid 2px;
  overflow: auto;
  
}

/*largeur catégorie*/

.bodyline {
  width:700px;
}

/*image pas new, new caté*/

.imagenew {
   margin-top: 0px;
  margin-left: 0px;
  border: none;
  width: 0px;
}

/* catégorie interne*/

.catéinterimgnew {

 margin-top: -20px;
     padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
  padding-right: 15px; }

/*TITRE RANG*/
.thirdarytitle {
text-shadow : black 6px 6px 6px;
letter-spacing : 2px;
font-size: 60px;
color: black;
margin-top: -20px;
margin-bottom: -20px;
}

/*INFOBULLE MESSAGES + viewtopic body*/
.fleche {
background-image : none;
width: 35px;
height: 40px;
position : relative;
top :55px;
left :-19px; }

.bulle{
background-color : #EEEBEA;
border-right : 3px solid #a2deee;
border-left : 3px solid #a2deee;
border-radius: 0px ;
padding : 15px;
min-height : 200px;
margin-top: -40px; }

/*ARRONDI + index body*/
.arrondi {
border-left: 2px solid #E6D3F0;
border-right: 2px solid #E6D3F0;
background-color: none;
color : #782033;
border-radius: 10px;
padding: 10px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
margin-top: 10px;
}

/*ARRONDI + index body*/
.arrondidesc {
border-bottom: 1px dashed #d5d5d5;
background-color: none;
color : #782033;
border-radius: 0px;
padding: 10px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
}

/*COULEUR LIENS HAUT BAS FORUM + index body/box*/
#indexlink a {color:#000000;}
#page-footer a {color:#000000;}

/*CONTOUR CAT + index body*/
.forumline2 {
background-color: #413221;
border-bottom: 0px #413221 solid;
border-top: 0px #413221 solid;
border-right: 0px #413221 double;
border-left: 0px #413221 double;
border-radius: 0px;
margin-bottom: 15px;
margin-top: 10px;
}

/*.cat {
border-radius: 13px 0px 0px 13px;
}
.rowpic {
border-radius: 0px 13px 13px 0px;
}*/

/*COULEUR TEXTE LIEN QEEL*/
.lienqeel {
color: #000000;
}

/*NOM CHATBOX*/
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "Viens sur la CB, amour, on t'attend ! ";}

/*COULEUR FOND CHATBOX*/
body.chatbox {
background-color: #ffffff;
}

/*COULEUR FOND ENTETE CHATBOX*/
#chatbox_header{
background-color: #ffffff;
background-color: #transparent;
}

/*COULEUR TEXTE TITRE CHATBOX*/
#chatbox_header .catBottom .cattitle {
color: #877898
}

/*COULEUR TEXTE LIEN CHATBOX*/
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
color: #877898;
}

/*TEXTE CHATBOX*/
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a  {
text-align: left;
}

/*HAUT BAS + overall header*/
.hautbas{
position: fixed;
bottom: 40px;
right: 15px;
z-index: 999;
border-top: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
}

/*OPACITÉ HAUT BAS*/
#opacityasc {
opacity: 0.8;
}

#opacityasc:hover {
opacity: 1;
}


/*TITRE RANG*/
.thirdarytitle {
text-shadow : #f5f8de 1px 0px 1px;
font-family: Merienda;
letter-spacing : 3px;
font-size: 100x;
color: #000000;
margin-top: -20px;
margin-bottom: -20px;
}

/*CADRE PROFIL AVATAR*/
.postdetails.poster-profile a img {
    border: 3px solid #E8E6E4;
    border-radius: 0;
    margin-top: 8px;
}

/*Fond du profil*/

.fondprofil {
    background-color: #EEEBEA;
    border-bottom: 1px solid #ff6987;
    border-left: 0 solid #fff;
    border-radius: 0;
    border-right: 0 solid #fff;
    border-top: 1px solid #ff6987;
}
    
    
/*écriture titre sujet + heure profil*/

.postdetails {
    color: #000000;
    font-size: 12px;
}

.contouravatar {
    /* border: 10px solid #f0dacb; */
    background-image: url('http://img11.hostingpics.net/pics/202424profilflocon.png');
    width: 220px;
    height: 340px;
}

/*image derrière profil*/

.backgroundprofil {
    background-color: none;
    background-image: none;
    background-position: top center;
    background-repeat: no-repeat !important;
    width: auto;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 0px;
    border-bottom: 0px;
    padding-left: 11px;
    padding-right: 07px;
    padding-top: 0px;
    padding-bottom: 30px;
    margin: 10px 0px -15px 2px;
}

/*nom des personnages (noemie)*/
.name {
    font-family: 'poiret one', sans-serif;
    font-size: 21px;
    font-weight: 900;
    letter-spacing: 1pt;
    margin: -5px -10px 5px;
    text-align: center;
    text-shadow: 1px 1px 1px #fff;
    text-transform: lowercase;
}

.imagegroupe {
     background: transparent;
border: 0px dashed #755C39;
  text-align: center;
  letter-spacing: 1pt;
  font-family: 'times new roman', serif;
  width:200px;
}

.phrasegroupe {
  background: transparent;
  text-align: center;
  text-transform: lowercase;
  letter-spacing: 1pt;
  font-size: 15px;
  font-family: 'quicksand';
margin-top: -20px;
  font-weight: 200; }

.sloganname {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1pt;
  font-size: 9px;
  font-family: 'IM Fell Double Pica', serif;
  font-weight:200;
color: #7db9b5; }
.slogannamehaut {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1pt;
  font-size: 9px;
  font-family: 'IM Fell Double Pica', serif;
  font-weight:600;
color: #7db9b5; }
.descslogan {
    background-color: #ff8599;
    border-bottom: 5px solid #ff8599;
    border-top: 5px solid #ff8599;
    border-radius: 0px;
    color: #fff;
    font-family: 'IM Fell Double Pica', serif;
    font-size: 12px;
    letter-spacing: 1pt;
    text-align: center;
    text-transform: uppercase;
    width: 213px;
}
  
/* QUI EST EN LIGNE*/

/*zone groupes*/
.groupes {/*aspect des groupes*/
  text-align: center;
  text-transform:uppercase;
  font-size: 16pt;
  text-shadow: #FFFFFF 3px 3px 3px ;
  margin-bottom:-40px;
  margin-left:-100px;
  padding-top: 10px;
  font-family: 'Frijole', cursive ;
  font-weight: 100;
  letter-spacing: 2pt;
  opacity:0.7;
}

.mon_onglet, .mon_onglet_selected { /*position des onglets*/
padding-left : 0px;
padding-right : 0px;
display:inline-block;
}

.mon_ongletstaff, .mon_ongletstaff_selected { /*position des onglets*/
padding-left : 0px;
padding-right : 0px;
display:inline-block;
}
/*Couleur des groupes*/
a.groupe1 { color:#BD8B6A;}
a.groupe2 { color:#928194;}
a.groupe3 { color:#BB8888;}
a.groupe4 { color:#7C9C9E;}

/*qeel en général*/

.qeelgraph {
 width: 850px;
  height: 513px;
  background-repeat: no-repeat;
  background-image: url('http://nsa38.casimages.com/img/2015/12/21/151221023026710898.png');
margin-top:0px;
margin-right:0px;
margin-left:0px;
margin-bottom:0px; }

/*zone groupe qeel graphique*/

a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
  border-collapse: separate;
  overflow:auto;
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 24; /* on définit une valeur pour l'ordre d'affichage */
  cursor: pointer; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: -10px; /* on positionne notre infobulle */
  left: 20px;
  background-color: #fcf3ed;
  color: 7d7d7d;
  padding: 3px;
  border: 1px solid #251A0E;
  border-left: 1px solid #251A0E;
  border-right: 1px solid #251A0E;
  border-top: 1px solid #251A0E;
  border-bottom: 1px solid #251A0E;
}
/*zone de description des groupes*/
.partenariat { /*description des groupes*/
  width:120px;
  height:160px;
padding: 0px;
  font-size: 9pt;
  text-align: justify;
  background-color: #F5F4F3;
  border-top: 0px solid #E8E4D6;
  border-bottom: 0px solid #E8E4D6;
  border-left: 0px solid #E8E4D6;
  border-right: 1px solid #E8E4D6;
}

.lovemonth { /*description des groupes couple du mois*/
  width:200px;
  height:160px;
padding: 0px;
  font-size: 9pt;
  text-align: justify;
background-color: #F5F4F3;
  border-top: 0px solid #251A0E;
  border-bottom: 0px solid #251A0E;
  border-left: 0x solid #251A0E;
  border-right: 0px solid #251A0E;
}
.qeelcontenu { /*description des groupes*/
  width:120px;
  height:72px;
  overflow:auto;
padding: 0px;
  font-size: 11px;
  text-align: justify;
background-color: #F5F4F3;
  border-top: 0px solid #251A0E;
  border-bottom: 0px solid #251A0E;
  border-left: 0px solid #251A0E;
  border-right: 0px solid #251A0E;
  margin-top: 7px;
}

.qeelcontenulove { /*description des groupes*/
  width:200px;
  height:72px;
  overflow:auto;
padding: 0px;
  font-size: 11px;
  text-align: justify;
background-color: #F5F4F3;
  border-top: 0px solid #251A0E;
  border-bottom: 0px solid #251A0E;
  border-left: 0px solid #251A0E;
  border-right: 0px solid #251A0E;
  margin-top: 7px;
}

#mon_contenu, .descgroupes { height : 75px; }
.mon_contenu { display:none; }

#mon_contenustaff, .descgroupes { height : 75px; }
.mon_contenustaff { display:none; }

.quiestenligne:hover{
   color:#ffffff;
   text-align: center;
font-size: 40pt;
text-shadow : #ffffff 1px 1px 1px ;
}

.quiestenligne{
 text-align: center;
font-size: 40pt;
text-shadow: #ffffff 1px 1px 1px ;
  }
 


/* Fin du code* /


     /* PA SIMPLE*/
/* latin-ext */
@font-face {
  font-family: 'Limelight';
  font-style: normal;
  font-weight: 400;
  src: local('Limelight'), url(http://fonts.gstatic.com/s/limelight/v7/jVTBRAYIWabRXjx2ji3VChJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Limelight';
  font-style: normal;
  font-weight: 400;
  src: local('Limelight'), url(http://fonts.gstatic.com/s/limelight/v7/kD_2YDkzv1rorNqQ2oFK5hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
.pa {
margin: auto;
width: 750px;
background: #FCFCFC;
border: 1px solid #CBD0A2;
padding: 5px;
}
.bienvenu {
display:block;
text-shadow: #ffffff  1px 0px 1px
letter-spacing : 1px;
font-family: 'Special Elite', cursive;
font-size: 35px;
color: #CC8F86;
text-align: center;
text-transform: uppercase;
}
.contexte {
background: #F5F1E8;
width: 300px;
height: 160px;
border: 1px solid #CBD0A2;
padding: 5px;
overflow:auto;
text-align: justify;
font-size: 10px;
color: #000000;
font-family: 'Trebuchet MS';
text-shadow: 0px 1px 0px #FCFCFC;
line-height:10px;
}
.contexte img {
width: 100px;
float: left;
margin-right: 5px;
border: 3px solid #FCFCFC;
}
.topsite {
width: 310px;
height: 23px;
padding: 5px;
text-align: center;
}
.topsite a {
font-size: 16px;
color: #000000;
font-family: 'Trebuchet MS';
text-decoration: none!important;
}
.wanted {
background: #F5F1E8;
width: 300px;
height: 34px;
border: 1px solid #CBD0A2;
padding: 5px;
}
.wanted img {
width: 28px;
height: 28px;
border: 3px solid #FCFCFC;
filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
.wanted img:hover {
filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
-webkit-filter: grayscale(0%);
}
.credits {
margin-top: 10px;
background: #F5F1E8;
width: 300px;
height: 100px;
border: 1px solid #CBD0A2;
padding: 5px;
overflow:auto;
text-align: justify;
font-size: 10px;
color: #000000;
font-family: 'Trebuchet MS';
text-shadow: 0px 1px 0px #FCFCFC;
line-height:10px;
}
.news {

  border: 1px solid none;
background-color: #685037;
width: 212px;
height: 190px;
padding: 5px;
margin-top:10px;
text-align: justify;
font-size: 12px;
line-height:15px;
color: #251A0E;
font-family: 'Times new roman', sans-serif;
text-shadow: 0px 1px 0px #transparent;
overflow: auto;
}
.partenaires {
background:#685037;
width: 224px;
border: 1px solid #251A0E;
margin-top:10px;
font-size: 10px;
color: #251A0E;
font-family: 'Trebuchet MS';
text-shadow: 0px 1px 0px #transparent;
}
.liensutiles {
background:#685037;
    background-repeat:no-repeat;
  -moz-border-radius: 0px;
-webkit-border-radius: 0px;
width: 212px;
height: 190px;
border-left: 4px solid #251A0E;
border-right: 4px solid #251A0E;
padding-top: 5px;
margin-top:10px;
text-align: center;
font-size: 15px;
color: #251A0E;
font-family: 'poiret one', cursive;
text-shadow: 0px 1px 0px #transparent;
letter-spaging:3px;
}
.liensutiles a {
color: #251A0E;
text-decoration: none!important;
text-transform: lowercase;
}
/*-------------codage du staff-------------------*/
.staff {
background:#F5F1E8;
width: 222px;
height: 170px;
border: 1px solid #CBD0A2;
}
.fond {
width: 216px;
height: 62px;
padding-top:35px;
background-color: #FCFCFC;
text-align: center;
font-size: 10px;
color: #000000;
font-family: 'Trebuchet MS';
line-height:10px;
margin-left:3px;
}
.conteneur {
position: relative;
width: 40px;
height: 64px;
overflow: visible;
text-align: center;
font-size: 10px;
color: #000000;
font-family: 'Trebuchet MS';
line-height:10px;
}
.conteneur a {
color: #615050;
text-decoration: none!important;
}
.conteneur .info1 {
position: absolute;
top: 64px;
left: 0px;
width: 216px;
height: 62px;
padding-top:35px;
background-color: #FCFCFC;
border-top: 3px solid #F5F1E8;
opacity: 0;
visibility: hidden;
}

.conteneur:hover .info1 {
opacity: 1;
visibility: visible;
z-index: 999:
}
.conteneur .info2 {
position: absolute;
top: 64px;
left: -44px;
width: 216px;
height: 62px;
padding-top:35px;
background-color: #FCFCFC;
border-top: 3px solid #F5F1E8;
opacity: 0;
visibility: hidden;
}

.conteneur:hover .info2 {
opacity: 1;
visibility: visible;
z-index: 999:
}
.conteneur .info3 {
position: absolute;
top: 64px;
left: -88px;
width: 216px;
height: 62px;
padding-top:35px;
background-color: #FCFCFC;
border-top: 3px solid #F5F1E8;
opacity: 0;
visibility: hidden;
}
.conteneur:hover .info3 {
opacity: 1;
visibility: visible;
z-index: 999:
}
.conteneur .info4 {
position: absolute;
top: 64px;
left: -132px;
width: 216px;
height: 62px;
padding-top:35px;
background-color: #FCFCFC;
border-top: 3px solid #F5F1E8;
opacity: 0;
visibility: hidden;
}
.conteneur:hover .info4 {
opacity: 1;
visibility: visible;
z-index: 999:
}
.conteneur .info5 {
position: absolute;
top: 64px;
left: -176px;
width: 216px;
height: 62px;
padding-top:35px;
background-color: #FCFCFC;
border-top: 3px solid #F5F1E8;
opacity: 0;
visibility: hidden;
}
.conteneur:hover .info5 {
opacity: 1;visible
visibility: none;
z-index: 999:
}
.conteneur img {
/* Effet sur l'image lorsque la souris n'est pas là */
width:40px;
height:64px;
filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
.conteneur:hover img {
/* Lorsque la souris est sur l'image*/
filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
-webkit-filter: grayscale(0%);
}

/* FIN P.A*/

/*curseur de la souris*/
body{
  cursor: auto;
}

/* Barre de navigation ajoutée par noémie.*/
a.mainmenu {
background-color: #transparent;
text-shadow: #b3b1af 1px 1px 1px;
color: #ff6987;
display: inline;
font-size: 17px;
font-family: 'quantico';
text-transform: lowercase;
letter-spacing: 1px;
font-weight: normal
}

/*Twitter*/
.persotwitter {
    left: 20px;
  top: 800px;
}

/*tooblar*/
div#fa_toolbar {
  left: 0px;
  height: 30px;
  background-color: transparent;
  color: #FFFFFF;
  font-family: Helvetica, Verdana, Arial;
  font-size: 15px;
}

/*scrollbar*/
::-webkit-scrollbar {
  width: 4px; /*largeur de la scrollbar verticale*/
  height: 3px; /*hauteur de la scrollbar horizontale*/
  background-color: #728596;}
 
::-webkit-scrollbar-track {
  background-color: #ffffff; /*couleur du fond de la scrollbar*/}
 
::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #FFE257; /*couleur de l'ascenseur*/;}

/*nouvelle mise en forme profil plus simple sans onglet ajout par Noémie le 12/07 */

.descriptionprofil {
    background-color: #e8e6e4;
    border-bottom: 3px solid #a2deee;
    border-left: 0 solid #fff;
    border-radius: 0;
    border-right: 0 solid #fff;
    border-top: 3px solid #a2deee;
    color: #000;
    font-size: 10px;
    margin: 70px 12px 12px 16px;
    padding: 3px;
    width: 213px;
    font-family: raleway;
    /* font-weight: 900; */
}


/*essai catégorie*/
.mep {
          padding-top:-1px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
    border-top: 0px;
    border-bottom: 1px #transparent solid;
    border-left: 0px;
    border-right: 1px #transparent solid;
    background-image: url('https://i21.servimg.com/u/f21/18/74/86/13/bande_10.jpg');
  opacity:0.9
    background-position: top center;
    background-repeat: repeat-x !important;
    width: 150px;
    height: 105px !important;
  font-family: 'Yanone Kaffeesatz';
  color:#251A0E;
    display: block;
  letter-spacing: 2px;
    font-size: 14px;
    font-weight: 400;
    text-shadow: 0px 1px 0px #4D3C26;
}

.mep2 {
  padding-top:-1px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    border-top: 0px;
    border-bottom: 1px #transparent solid;
    border-left: 0px;
    border-right: 1px #transparent solid;
    background-image: url('https://i21.servimg.com/u/f21/18/74/86/13/bande_10.jpg');
  opacity:0.9
    background-position: top center;
    background-repeat: repeat-x !important;
    height: auto; !important;
  font-family: 'Yanone Kaffeesatz';
  text-color:#251A0E;
    display: block;
   text-align:center;
    font-size: 14px;
    font-weight: 400;
  text-shadow: 0px 1px 0px #251A0E;
width:auto;}

/*sauvegarde*/{
  border: 1px solid #F7CAAF;
    background-color: #F9FBFB;
  width:155px;
  height:75px;
  display:block;
  border-radius: 50px 0px 50px 0px;
  opacity: 0.8;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
}
.mep3 {
  background-color:#000000;
  display:block;
  padding:0px 10px; /* marges internes haut/bas et droite/gauche */
  margin:0px 5px; /*marges externes haut/bas et droite/gauche */
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
}

.mep4 {
          padding-top:-0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    border-top: 0px;
    border-bottom: 0px #transparent solid;
    border-left: 0px;
    border-right: 0px #transparent solid;
    background-image: url('https://i68.servimg.com/u/f68/18/74/86/13/couleu10.jpg');
  opacity:0.9
    background-position: top center;
    background-repeat: repeat-x !important;
    width: 98px;
    height: 20px !important;
  font-family: 'Yanone Kaffeesatz';
  color:#FFFFFF;
    display: table;
  letter-spacing: 2px;
    font-size: 14px;
    font-weight: 400;
    text-shadow: 0px 1px 0px #000000;
}

.mep5 {
          padding-top:-0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    border-top: 0px;
    border-bottom: 0px #transparent solid;
    border-left: 0px;
    border-right: 0px #transparent solid;
    background-image: url('https://i68.servimg.com/u/f68/18/74/86/13/couleu11.jpg');
  opacity:0.9
    background-position: top center;
    background-repeat: repeat-x !important;
    width: 98px;
    height: 20px !important;
  font-family: 'Yanone Kaffeesatz';
  color:#FFFFFF;
    display: table;
  letter-spacing: 2px;
    font-size: 14px;
    font-weight: 400;
    text-shadow: 0px 1px 0px #000000;
}

.mep6 {
          padding-top:-0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    border-top: 0px;
    border-bottom: 0px #transparent solid;
    border-left: 0px;
    border-right: 0px #transparent solid;
    background-image: url('https://i68.servimg.com/u/f68/18/74/86/13/couleu12.jpg');
  opacity:0.9
    background-position: top center;
    background-repeat: repeat-x !important;
    width: 100px;
    height: 20px !important;
  font-family: 'Yanone Kaffeesatz';
  color:#FFFFFF;
    display: table;
  letter-spacing: 2px;
    font-size: 14px;
    font-weight: 400;
    text-shadow: 0px 1px 0px #000000;
}

.mep7 {
          padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    border-top: 0px;
    border-bottom: 0px #transparent solid;
    border-left: 0px;
    border-right: 0px #transparent solid;
    background-image: url('https://i35.servimg.com/u/f35/19/29/56/50/catygo12.jpg');
  opacity:0.9
    background-position: top center;
    background-repeat: repeat-x !important;
    width: 98px;
    height: 20px !important;
  font-family: 'Yanone Kaffeesatz';
  color:#FFFFFF;
    display: table;
  letter-spacing: 2px;
    font-size: 14px;
    font-weight: 400;
    text-shadow: 1px 0px 1px #000000;
}

.mep8 {
          padding-top: 2px;
    padding-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: -23px;
    border-top: 0px;
    border-bottom: 0px #transparent solid;
    border-left: 0px;
    border-right: 0px #transparent solid;
    background-color: #FEB6C1;
  opacity:0.9;
  background-image: url('https://i.imgbox.com/HO2p02uK.png');
    background-position: top center;
    background-repeat: repeat-x !important;
    width: 140px;
    height: 106px;
  font-family: poiret one, cursive;
  color:#FFFFFF;
    display: block;
  letter-spacing: 2px;
    font-size: 12px;
    font-weight: 400;
        text-shadow: 0 1px 0 #beaeae;
  overflow: auto;
}
    
/*imgcategorie*/
.imgcategorie {
  background-repeat:no-repeat;
  background-position:100% 100%;
  background-origin:border-box;
  margin: 0px ;
padding: 0px ;
  background-image:url('');
  background-size:cover;
  background-attachment: scroll;
  border-collapse: separate;
display: block;
width:850px;
height:200px;
}

/* Supression des marges haut et bas de forumline sur l'index */
.SansMarges {
  margin-top: 0px; margin-bottom: 0px;
}

/*catégorie description*/

.BlocForum {
    margin-top: -30px;
}

/*rp et message*/

.nbdemsg {
    font-size: 13px;
    margin-left: 435px;
    font-family: poiret one, cursive;
    font-weight: bolder;
    color: #a2deee;
    text-shadow: 1px 1px 1px #d6d6d6;
}

/* Dernier message */

img.modifnew {
    border-radius: 50px;
    width: 60px;
    height: 60px;
      margin-top: -50px;
    margin-left: -35px;
      padding: 2px;
    border: solid 2px #ff6987;
    background-color: #fff;
}

.derniermessage {
 border-radius: 0px 0px 0px 0px;
  background-image: url('http://img11.hostingpics.net/pics/179798gris.png');
    background-repeat:no-repeat;
  background-position: 100% 100%;
    height: 70px;
    border-top: 2px solid #a2deee;
  border-bottom: 2px solid #a2deee;
    background-color: #F8F8F8;
    width: 155px;
    font-size: 16px;
    color:#728596;
    text-transform: lowercase;
    font-family: raleway;
    margin-top: 40px;
    margin-right:13px;
  margin-left: 6px;
    padding-top: 34px;
    line-height: 11px;
  text-shadow: 1px 1px 0 #FFFFFF;
}

.repderniermsg {
  margin-top: -10px }

/* #trait
{
padding: 0px;
margin: 0px;
border: none;
width: 80%;
height: 1px;
background-color: #00EEDD;
} */



/*avatar dernier message*/

.lastpost-avatar {
float:none;
padding: 2px;
}
.lastpost-avatar img {
width: 60px;
height: 99px;
border: 2px solid #ff6987;
background-color: #ffffff;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
margin-top: 44px;
margin-left: 4px;
padding: 2px;
opacity:0.8;
}

/*nouvelle PA*/

.fond {
  background-color: #E7E57C;
  border: 3px solid white;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
            transition: all 0.5s linear;  
}

.fond:hover {
  background-color: #EDF19A;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
            transition: all 0.5s linear;
}


.monBloc {
  position: relative;
  overflow: auto;
  width: 500px;
  height: 180px;
}


.blocVolet {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;  
background-image: url('http://nsa37.casimages.com/img/2015/07/17/mini_150717102401884219.png') width="100px";
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}


.monBloc:hover > .blocVolet {
  top: -180px;
}

/*NOUVELLE PA*/

.panew {
  
width: 750px;
height: 475px;
padding-top: 1px;
padding-right: 30px;
padding-left: 1px;
padding-bottom:1px;
margin-top: -31px;
margin-left: -70px;
margin-right: 0px;
margin-bottom:-2px;
border-right: 0px solid #251A0E;
border-left: 0px solid #251A0E;
}

.panew2 {
  
text-shadow: #CAB39B  1px 0px 1px;
font-family: 'cookie', cursive;
font-size: 50px;
color: #CAB39B;
text-align: center;
text-transform: lowercase;
letter-spacing: 3px;
padding-top: 5px;
padding-left: 5px;
width: auto;
  margin: auto;
}

.paslogan {
  
  font-family: 'cookie', cursive;
    font-size: 39px;
  color: #8C6B4A;
  text-shadow: #251A0E  1px 0px 1px;
  text-align: center;
  letter-spacing: 5px;
  padding-left: 5px;
}

.paonglet {
 
  width:auto;
 text-transform: lowercase;
padding: 2px;
margin-top:10px;
text-align:center;
font-size: 12px;
color: #85BDCF;
font-family: 'Yanone Kaffeesatz', cursive;
text-shadow: 0px 1px 0px #FCFCFC;
   -webkit-box-shadow: 0px 0px 0px;
  box-shadow: 0px 0px 0px;
  letter-spacing: 2px;
}

.pacontexte2 {
  font-family: 'cookie', cursive;
    font-size: 30px;
  letter-spacing: 2px;
  text-align: center;
  color: #8C6B4A;
  text-shadow: #251A0E  1px 0px 1px;
  text-transform:lowercase;
padding: 15px;
  margin: 0px;}

.pacontexte {
width: 200px;
height:100%;
padding: 30px;
  margin:0px;
text-align: justify;
font-size: 12px;
font-family: 'times new roman';
background-color: #transparent;
text-shadow: 0px 1px 0px #transparent;
line-height:15px;
border-spacing:5px 5px;
}


.pacontexte img {
width: 100px;
float: left;
margin-right: 0px;
border: 3px solid #685037;
background-color: #685037;
display:table-cell;
}
  
table#tab {

width:750px;
border-spacing:0px; /* équivalent cellspacing (ne fonctionne pas sur IE) */
}



table#tab td {
  
}
.scroll {background-color: #685037;
padding:0px; /* équivalent cellpadding */
color: #251A0E;
text-shadow: 0px 1px 0px #transparent;
margin:0px;
width:auto;
height:200px;

overflow:auto; /* si ça dépasse on affiche la scrollbar */
}

/*staff*/


a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid; /* on souligne le texte */
  border-collapse: separate;
  overflow:auto;
}

a.imginfo span {
  display: none; /* on masque l'infobulle */
}
a.imginfo:hover {
  background: none; /* correction d'un bug IE */
  z-index: 24; /* on définit une valeur pour l'ordre d'affichage */
  cursor: pointer; /* on change le curseur par défaut en curseur d'aide */
}
a.imginfo:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;
  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
  top: -10px; /* on positionne notre infobulle */
  left: 20px;
  background-color: #fcf3ed;
  color: 7d7d7d;
  padding: 3px;
  border: 1px solid #251A0E;
  border-left: 1px solid #251A0E;
  border-right: 1px solid #251A0E;
  border-top: 1px solid #251A0E;
  border-bottom: 1px solid #251A0E;
}

.imgcontour {
  
  border: 2px solid #251A0E;
}

.sloganstaff {
  font-family: 'cookie', cursive;
    font-size: 30px;
  letter-spacing: 2px;
  text-align: center;
  color: #8C6B4A;
  text-shadow: #251A0E  1px 0px 1px;
  text-transform:lowercase;
padding: 0px;
  margin: 0px;
  border-collapse: separate;}

.msgstaff {
  
  font-family: 'times new roman', sans-serif;
    font-size: 10px;
  letter-spacing: 3px;
  text-align: justify;
  color:#B17386;
  text-transform:lowercase;
padding: 15px;
  margin: 15px;
  border-collapse: separate;
overflow:auto;}

.fontimgstaff {
 
}

.pascenario {
    width: auto;
    height: 200px;
  overflow:auto;
    background-color: #transparent;
    padding: 5px;
    margin-top: 5px;
font-family: 'times new roman', sans-serif;  
    font-size: 12px;
  line-height: 15px;
    color: #000;
    border-left: 2px solid #transparent;
    border-right: 2px solid #transparent;
}

.patab{
    width: auto;
    height: 200px;
    margin-left: 5px;
    background-color: #transparent;
    padding: 5px;
    margin-top: 5px;
    font-size: 14px;
  overflow:auto;
    border-left: 2px solid transparent;
  border-right: 2px solid transparent; }
  
 .espacement {
    
padding-top: 75px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    
}

.panono {
background: transparant;
width: 200px;
height: 70px;
border: 0px solid #251A0E;
padding-top: 0px 15px 15px 0px;
}
.panono img {
width: 44px;
height: 44px;
border: 3px solid #251A0E;
filter: sepia(10%);
-moz-filter: sepia(10%);
-ms-filter: sepia(10%);
-o-filter: sepia(10%);
-webkit-filter: sepia(10%);
opacity:0.6;
}
.panono img:hover {
filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
-webkit-filter: grayscale(0%);
}

/*ECRITURE EN BAS DU FORUM*/

.gensmall {
    color: #000000;
}

#page-footer a {
   color: #4D3C26;
}

/*Curseur*/

body {
cursor: url(http://lmlyd.forumsgratuits.net/h4-curseur-pour-neige), auto;
}

/*formatage du forum*/

.three-col {
  
 margin-right: 0px;
  margin-left: 60px;
}

Revenir en haut Aller en bas

avatar
☰ messages : 59
☰ date d'inscription : 22/11/2016
Sujet: Re: css 01/02/17  |  Mer 1 Fév - 17:52
Code:
/*pa graphique*/

.contextegra {
 width:200px;
  height:255px;
  text-align: justify;
  font-size: 12px;
  overflow: auto;
  word-wrap: break-word;
  position: relative;
  padding-top: 65px;
  padding-left:105px;
padding-right: 20px;
  padding-bottom: 20px;
  background-color: #transparent;
}

.fondpa {
  background-image: url('http://img15.hostingpics.net/pics/764258PAdesignnoel.png')
}

.twittergra {
  position: relative;
  padding-top: 65px;
  padding-left:105px;
padding-right: 20px;
  padding-bottom: 20px; }
 
.friend1 {
background-color:#EEECEA;
width: 425px;
border: 0px solid #transparent;
margin-top:-55px;
margin-bottom:0px;
font-size: 11px;
color: #000000;
align: center;
font-family: 'Trebuchet MS';
text-shadow: 0px 1px 0px #transparent;
}

.friend2 {
background-color:#F5F4F3;
width: 400px;
height: 30px;
margin-top:-44px;
margin-bottom:40px;
font-size: 15px;
color: #C4CED3;
margin-left: 40px;
text-align: center;
font-family: 'Trebuchet MS';
  text-shadow: 0px 1px 0px #transparent; }
 
.friend3 {
background-color:#f5f4f3;
width: 212px;
border: 0px solid #transparent;
margin-top:0px;
font-size: 11px;
color: #000000;
align: center;
font-family: 'Trebuchet MS';
text-shadow: 0px 1px 0px #transparent;
}

.bouton1 {
background-color:#F5F4F3;
width: 300px;
height: 20px;
margin-top:0px;
font-size: 15px;
color: #C4CED3;
margin-left: 100px;
font-family: 'Trebuchet MS';
    text-shadow: 0px 1px 0px #transparent; }
   
.bouton2 {
background-color:#F5F4F3;
width: 300px;
height: 20px;
margin-top:0px;
font-size: 15px;
color: #C4CED3;
margin-left: 100px;
font-family: 'Trebuchet MS';
text-shadow: 0px 1px 0px #transparent;
}

.infoforum {
background-color: #685037;
width: 380px;
height: 190px;
padding: 5px;
margin-top:-55px;
margin-bottom:0px;
text-align: justify;
font-size: 12px;
line-height:15px;
color: #ffffff;
font-family: 'Times new roman', sans-serif;
text-shadow: 0px 1px 0px #transparent;
overflow: auto;
}

/* A COPIER DANS LA PROCHAINE MISE EN PAGE DU CSS. IPT */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 5px;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  width: 398px;
  height: 126px;
  float: left;
  width: 40%;
  }

.karo {
 
  display: block;
  width: 398px;
  height: 126px;
  float: right;
  width: 60%;
  text-align: center;
  color: #000000;
  font-family: 'verdana';
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  background-color: #F8F8F8;
  font-size: 10px; }

.noemie {
  display: block;
  width: 398px;
  height: 126px;
  float: right;
  width: 60%;
  text-align: center;
  color: #000000;
  font-family: 'rochester';
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  background-color: #ece6fe;
  font-size: 15px;
}

.melu {
 display: block;
  width: 398px;
  height: 126px;
  float: right;
  width: 60%;
  text-align: center;
  color: #000000;
  font-family: 'rochester';
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  background-color: #ece6fe;
  font-size: 15px;
}

.poune {
 display: block;
  width: 398px;
  height: 126px;
  float: right;
  width: 60%;
  text-align: center;
  color: #000000;
  font-family: 'rochester';
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  background-color: #ece6fe;
  font-size: 15px;
}

.sarah {
 display: block;
  width: 398px;
  height: 126px;
  float: right;
  width: 60%;
  text-align: center;
  color: #000000;
  font-family: 'rochester';
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px;
  background-color: #ece6fe;
  font-size: 15px;
}

 .placement-slides {
  width: 398px;
  height: 50px;
  position: relative;
}

.rslides_nav { 
  position: absolute;
  top: 75px; left: 0; bottom: 0;
  z-index: 3;
  overflow: hidden;
  text-decoration: none;
  margin: auto;
  font-size: 0;


  width: 38px; /* Largeur du bouton */
  height: 48px; /* Hauteur du bouton*/
  opacity: 0.5; /* Opacité du bouton quand il n'est pas survolé*/

  transition: 0.5ms all ease; /* transition pour le survol*/
}

.rslides_nav:hover {
 opacity: 1; // Opacité du bouton au survol
}

.rslides_nav.next {
  left: auto;
  right: 0;

  background: url("http://img15.hostingpics.net/pics/511407flechedroite.png"); /*Image du bouton suivant*/
  background-repeat : no-repeat;
  margin-right: 0px;
}

.rslides_nav.prev {
  background: url("http://img15.hostingpics.net/pics/881050flechegauche.png"); /*Image du bouton précédent*/
  background-repeat : no-repeat;
  margin-left: 30px;
}

/*ATTENTION CODE PA SAISON 3*/

/*Structure de la PA*/


table.lapa {
    border: 3px solid #f8f8f8;
    width: 850px;
  margin-left: 0px;
 
} /* la structure de la PA */

.fontpaentier {
  background-color: #ECFEFA;
}

.titre2 { text-transform: lowercase;
  letter-spacing: -3px;
  font-family: times new roman;
  font-style: italic;
  text-align: center;
  font-size: 50px;
  color: #000000;
 }

.saison3pa {
  height: 140px;
  border: 1px solid #F9F0AF; /* couleur des bords */
 display: block;
    padding-left: 10px;
    padding-right: 10px;
    text-align:justify;
  line-height: 12px;
  background-color: #ffffff; /* couleur du fond */
}

/*bouton lien pa*/

.lignex {
width: 130px;
  padding: 0px;
  background-color: #9E9E9E;
  text-align: center;
}

.lignex {
width: 130px;
  padding: 0px;
  background-color: #E7E7E7;
  text-align: center;
}

.lesboutonspa {
  margin-left: 18px;
  margin-right: 0px;
}

.lesboutonspa2 {
  margin-left: 18px;
  margin-right: 0px;}

.ligne1 {
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
-webkit-transition: all 1.5s ease;
    background-color: #F9F0AF;
    display: inline-block;
    font-family: poiret one;
    font-size: 16px;
    height: 21px;
    font-weight: 400;
    margin-left: 0;
    margin-right: 0;
    padding: 3.3px;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    transition: all 1.5s ease;
    vertical-align: middle;
    width: 175px;
  color: #000000
}

.lesboutonspa:hover {
  color: #000000;
  background: #000000;
  opacity: 0.5;
  box-shadow: 1px 1px 8px 4px #000000 inset;
  -moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
-webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;
    vertical-align: middle;
}

.lesboutonspa2:hover {
  color: #000000;
  background: #8a70bc;
  opacity: 0.5;
  box-shadow: 1px 1px 8px 4px #8a70bc inset;
  -moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
-webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;
    vertical-align: middle;
}

.ligne2 {
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
  -webkit-transition: all 1.5s ease;
    background-color: #F9F0AF;
    display: inline-block;
    font-family: poiret one;
    font-size: 16px;
    height: 21px;
    font-weight: 400;
    margin-left: 0;
    margin-right: 0;
    padding: 3.3px;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    transition: all 1.5s ease;
    vertical-align: middle;
    width: 175px; 
}

/*contexte de la PA*/

.contextes3 {
 
    font-size: 12px;
    height: 145px;
    line-height: 12px;
    margin-left: 2px;
    margin-right: 1px;
  margin-top: -5px;
  margin-bottom: 4px;
  padding-left: 10px;
    padding-right: 10px;
    padding: 2px;
    text-align: justify;
  display: block;
  background-color: #fffff; /* couleur du fond */
}

.contextes3 img {
width: 150px;
float: left;
margin-right: 3px;
background-color: #C2FEF1;
padding: 5px;
display:table-cell;
 border: 0px solid #00F1DE; /* couleur des bords */
}

.contextecontour {
  border: 1px solid transparent; /* couleur des bords */
  background-color: #FFFFFF;
}

/*générique du forum*/

.generique {
  opacity:0.8;
  background-color: transparent;
  border: #ECE6FE;
  margin-top: 2px;
  margin-left: -20px;
}

/*le staff slide*/

.partiestaff {
 
    font-size: 12px;
    height: 160px;
    line-height: 12px;
    margin-left: 5px;
    margin-right: 0px;
  margin-top: 11px;
  margin-bottom: -14px;
  padding-left: 0px;
    padding-right: 0px;
    padding: 0px;
    text-align: justify;
  display: block;
  background-color: transparent; /* couleur du fond */
}

/*La Partie Top site, bff + date*/

.partienoemie {
  width: 380px;
    height: 160px;
  border: 0px solid #00EEDD;
 display: block;
    padding-left: 8px;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-right: 1px;
    text-align:justify;
  line-height: 12px;
    margin-left: 15px;
    margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
    text-align: justify;
  display: block;
  background-color: #ffffff; /* couleur du fond */
  overflow: auto;
  font-family: 'times new roman';
  font-size: 12px;
}

.infos3 { 
margin-left: 3px;
font-size:12px;
line-height:13px;
}

.lestop {
  background-color: #F9F0AF;
width: 300px;
border: 0px solid #00EEDD;
margin-top:20px;
font-size: 13px;
color: #000000;
  text-align: center;
font-family: 'times new roman';
text-shadow: 0px 1px 0px #transparent;
}

/* la météo */

.meteos3 {
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
margin-left: -15px;
width: 185px;
height: 200px;}

/*le twitter*/

.twitters3 {
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
margin-left: 10px;
}

/* les scénarios */

.scenas3 {
  width: 90%;
  height: 130px;
  border: 0px solid #78667D; /* couleur des bords */
 display: block;
  margin-top: -8.5px;
  margin-left: 22px;
  margin-right: 0px;
    padding-left: 10px;
    padding-right: 10px;
    text-align:justify;
  line-height: 5px;
  background-color: #ffffff; /* couleur du fond */
}

.scenas3 img {
width: 30px;
  height: 30px;
    opacity: 0.7;
    padding: 3px;
    border: 2px solid #F9F0AF;
  margin-top: 15px;
  margin-left: 3px;
    transition: 500ms all ease-in-out;
  }

.scenas3 img:hover {
  opacity: 1;
  width: 45px;
  height: 45px;
  padding: 0px;
    border: 1px solid transparent;
    transition: 500ms all ease-in-out;
}

/* Couple du mois */

.lovetolove {
  width:90%;
  height: 130px;
  border: 0px solid #78667D; /* couleur des bords */
 display: block;
  line-height: 12px;
  overflow: auto;
  background-color: #transparent; /* couleur du fond */
  font-size: 15px;
    margin-left: 28px;
    margin-right: 1px;
  margin-top: -5px;
  margin-bottom: 4px;
    padding-right: 10px;
  padding-left: 10px;
  font-family: 'quantico';
  color:#000000;
  background-image: url('http://i.imgbox.com/XvBIjlbu.png');
    opacity:0.7;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.lovetolove:hover {
 width: 90%;
  background-image: url('https://66.media.tumblr.com/ee3666b80d7ae6a5dd69cc34779e4592/tumblr_o1bw36JO3H1txug6go5_400.gif');
      height: 130px;
    opacity: 0.8;
  display:block;
    border: 2px solid #ece6fe;
  color:#ffffff;
  text-align:center;
  font-size: 15px;
  font-family: 'quantico';
      margin-left: 28px;
    margin-right: 1px;
  margin-top: -5px;
  margin-bottom: 4px;
    padding-right: 10px;
  padding-left: 10px;
  line-height: 12px;
  background-size: 100% 100%;
    background-repeat: no-repeat;
}

/* Membre du mois */

.bestofthemonth {
  width:90%;
  height: 130px;
  border: 0px solid #78667D; /* couleur des bords */
 display: block;
  line-height: 12px;
  overflow: auto;
  background-color: #ffffff; /* couleur du fond */
  font-size: 15px;
    margin-left: 10px;
    margin-right: 1px;
  margin-top: -5px;
  margin-bottom: 4px;
    padding-right: 10px;
  padding-left: 10px;
  font-family: 'quantico';
  color:#000000;
  opacity: 0.7;
  background-image: url('http://i.imgbox.com/XvBIjlbu.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.bestofthemonth:hover {
  width: 90%;
  background-image: url('http://66.media.tumblr.com/8791062fd6e8f0ecf50da5257f1dbca0/tumblr_mmhi89k0JR1qa17iuo1_500.gif');
      height: 130px;
    opacity: 0.8;
  display:block;
    border: 2px solid #ece6fe;
  color:#ffffff;
  text-align:center;
  font-size: 15px;
  font-family: 'quantico';
      margin-left: 10px;
    margin-right: 1px;
  margin-top: -5px;
  margin-bottom: 4px;
    padding-right: 10px;
  padding-left: 10px;
  line-height: 12px;
  background-size: 100% 100%;
    background-repeat: no-repeat;
}

/*Titre de catégorie*/

.titre-categorie .tcat {
  display: none;
} /*sur l'index*/

.nav img {
  display: none;
} /*texte dans la navigation*/

.topictitle, h1, h2 {
  font-size:0px;
  color: #000;
 font-weight: 700;
}

.topictitle:link {
  font-size:12px;
  color: #000;
  font-weight: 700;
}
  /*ligne pour retirer l'espace entre le titre catégorie et la partie forum*/

/*profil avancé des joueurs*/

.profilavancé {
    width:830px;
}

td.catLeft, th.thLeft {
  border-width: 0 0 0 0px;
background-color: transparent;}

td.catRight, td.row3Right, th.thRight {
    border-width: 0 0px 0 0;
  background-color: transparent;
}
/*colone gauche du profil avancé*/
.colonegauche {
  margin-left: 20px;
background-color: transparent;
font-family: 'cookie';
font-size: 20px;
text-transform: lowercase;
}

/*colone droite du profil avancé*/

.fontprofilavatar {
  background-image: url('http://img11.hostingpics.net/pics/123923grisprofil.png');
background-repeat: no-repeat }

.avatarpro {
  margin-top: 6px;
    margin-left: 28px;
    transform : rotate(4.5deg);
}

.rankpro {
    transform: rotate(4deg);
    margin-left: 60px;
    margin-top: 10px;
    font-family: arial;
} /*rang du perso*/

.lastvisitpro {
  margin-top:2px;
  margin-left: 70px;
  font-weight:100;
font-family: 'cookie';
font-size: 20px;
text-transform: lowercase; } /*dernière visite du perso*/


.namepersopro {
 
 font-size: 25px;
  font-weight: 100;
  font-family: 'cookie';
    transform: rotate(3.5deg);
    margin-left: 45px;
} /*nom du perso*/

/*LES CATEGORIES*/

/* Contour + largeur des catégories*/

.forumline {
border-width: 0px 0px 0px 0px;
border: solid 0px #728596;
width: 850px;
  margin-left: 0px;
}

/*haut de catégorie*/

.titre-categorie {
    margin-left: 0px;
}

/*bas de catégorie*/

.basdecategorie {
  margin-left: 0px; }

img.basdecategorie {
  margin-left: 0px;
}
 
/*Le texte avant le haut de catégorie et après la PA*/

table.texteaprèspa {
    margin-left: 0px;
}

table.texteavantqeel {
  margin-left: 0px;
}

/*Texte avant le champ pour poster dans les rp*/

table.forumline.noprint  {
      margin: 0 0 1px 0px;
    border-top: 0px;
}

/*texte au dessus des sujets*/

table.sujetdessus {
    margin-left: 0px;
      margin-bottom: 20px;
}

/*sauter vers en bas des forums*/
 
table.sautervers {
    margin-top: 20px;
}

/*LE QEEL*/

img.qeelimg {
    margin-left: 0px;
}

.qeeltitre {
 margin-top: -100px;
    margin-left: 100px;
    transform: rotate(0deg);
    font-family: im fell double pica;
}
.structureqeel {
  margin-left: 0px;
background-color: #F8F8F8;
}

.structureqeel2 {
  margin-left: 0px;
  margin-top: -40px;
background-color: #F8F8F8;
}

/*zone groupes*/
.groupes {/*aspect des groupes*/
  text-align: center;
  text-transform:uppercase;
  font-size: 16pt;
  text-shadow: #FFFFFF 3px 3px 3px ;
  margin-bottom:-40px;
  margin-left: 0px;
  padding-top: 10px;
  font-family: 'Frijole', cursive ;
  font-weight: 100;
  letter-spacing: 2pt;
  opacity:0.7;
}

/*Slide QEEL*/

.diapogroupeqeel {
  font-size: 12px;
    height: 160px;
    line-height: 12px;
    margin-left: -20px;
    margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
    padding-right: 0px;
    padding: 0px;
    text-align: justify;
  display: block;
  background-color: transparent; /* couleur du fond */
}

.heartgroupe {
 
  display: block;
  width: 398px;
  height: 126px;
  float: right;
  width: 80%;
  text-align: justify;
  color: #000000;
  font-family: 'times new roman';
  margin-top: 15px;
  margin-right: 0px;
  margin-left: 0px;
  background-color: #F8F8F8;
  font-size: 10px;
  overflow: auto;
}

/*zone des statistiques*/
.stats { /*partie statistique du forum*/
  text-align: justify;
  overflow: auto;
  word-wrap: break-word;
  position: relative;
  padding: 15px;
  background-color: #ececec;
 border-bottom: 4px solid #ff6987;
    border-left: 0 solid #E8E4D6;
    border-right: 0 solid #E8E4D6;
    border-top: 4px solid #a2deee;
  width: 350px;
  margin-top:20px;
}

.stats a{ /*partie membres connéctés*/
text-transform:uppercase;
  font-size:12px;
}

.stats a:link{ /*partie membres connéctés*/
text-transform:uppercase;
    font-size:10px;
}

.stats a:hover {
 text-transform:uppercase;
    font-size:12px;
  font-weight: bold;
}

.integrationtitre {
    color: #BDB0CC;
    font-family: IM Fell Double Pica;
    font-size: 30px;
    margin-left: 1px;
    margin-top: -100px;
    padding: 5px;
    text-align: center;
    text-transform: lowercase;
}

.integrationtitre2 {
    color: #BDB0CC;
    font-family: IM Fell Double Pica;
    font-size: 30px;
    margin-left: 1px;
    margin-top: -70px;
  margin-bottom: -20px;
    padding: 5px;
    text-align: center;
    text-transform: lowercase;
}

.intégration {
 
    font-size: 12px;
    height: 145px;
    line-height: 11px;
    margin-left: 2px;
    margin-right: 1px;
  margin-top: -5px;
  margin-bottom: 4px;
  padding-left: 10px;
    padding-right: 10px;
    padding: 2px;
    text-align: justify;
  display: block;
  background-color: #Ffffff;
  overflow: auto;
  font-family: 'ruluko', sans-serif;
}

.intégration img {
width: 90px;
float: left;
margin-right: 3px;
background-color: #ffffff;
padding: 5px;
 border: 0px solid #ECE6FE; /* couleur des bords */
}

.membres { /*partie membres co et 48h */
  overflow: auto;
  height: 200px;
  padding: 15px;
  word-wrap: break-word;
  background-color: #ececec;
border-bottom: 4px solid #ff6987;
    border-left: 0 solid #E8E4D6;
    border-right: 0 solid #E8E4D6;
    border-top: 4px solid #a2deee;
      font-size: 13px;
  width:70%;
  margin-left:60px;
  margin-top:39px;
    font-family: "times new roman";
}

.membres a{ /*partie membres connéctés*/
text-transform:uppercase;
 font-family:verdana;
  font-size:8px;
}

.membres a:link{ /*partie membres connéctés*/
text-transform:uppercase;
  font-family:verdana;
    font-size:8px;
}

.membres a:hover {
 text-transform:uppercase;
  font-family:verdana;
    font-size:8px;
  font-weight: bold;
}
.membreconnecte{ /*partie membres connéctés*/
  overflow: auto;
  height: 200px;
  padding: 15px;
  word-wrap: break-word;
      background-color: #f8f8f8;
    background-image: url('http://img11.hostingpics.net/pics/415064QEELimage.png');
    background-size: cover;
    background-position: 13%;
    opacity: 0.8;
      margin-top: 39px;
  margin-left: 85px;
      font-size: 13px;
  width:69%
    font-family: "times new roman";
}

.membreconnecte a{ /*partie membres connéctés*/
text-transform:uppercase;
 font-family:verdana;
  font-size:8px;
  background-color: #ffffff;
  height:200px;
  overflow:auto;
}

.membreconnecte a:link{ /*partie membres connéctés*/
text-transform:uppercase;
  font-family:verdana;
    font-size:8px;
  background-color: #ffffff;
}

.membreconnecte a:hover {
 text-transform:uppercase;
  font-family:verdana;
    font-size:8px;
  font-weight: bold;
}

/*ONGLET DES GROUPES*/

.titregroupe {
    color: #fff;
    font-family: 'quantico';
    font-size: 30px;
    margin-left: 20px;
    margin-top: -10px;
  margin-bottom: 0px;
    padding: 5px;
    text-align: center;
    text-transform: lowercase;
  background-color: transparent;
 
}

table.ligneco {
    margin-left: 60px;
  width:850px;
}

table.ligneco2 {
  margin-left:15px;
position: absolute;}

table.sujetpage {
  border: solid 0px #728596;
    border-width: 0px;
    margin-left: 0px;
    width: 850px;
  background-color: #ffffff; }

.boutonsujetnouveau {
  margin-left: 100px; }

/*PA SAISON 3*/


/*.team {
    text-align: center;
    display: inline-block;
    position: relative;
}

    .team:hover p.teamtexte {
        opacity: 1;
    }

.team p.teamtexte {
   
  color: #000;
    width: 100px;
    height: 87px;
    background-color: rgba(255, 255, 255, 0.52);
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 14px;
    top: 0;
    opacity: 0;
    display: block;
    position: absolute;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
  font-size: 12px;
  font-family:times new roman;
}

.modifstaff {
  border: 2px solid #FFE257;
  width:100px;
  height: 87px; }

.modifteamtexte {
  opacity: 0.5;
margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 14px;}

.class_test {
    text-align: center;
    display: inline-block;
    position: relative;
}

    .class_test:hover p.text {
        opacity: 1;
    }

.class_test p.text {
    color: #000;
    width: 100px;
    height: 87px;
    rgba(255, 252, 252, 0.87);
        margin-top: 18px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 12px;
    top: 0;
    opacity: 0;
    display: block;
    position: absolute;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -ms-transition: opacity .5s ease-in-out;
} */

.infobulle{position: relative;z-index: 0; float: left;}
 
.infobulle:hover{background-color: transparent;z-index: 50;}
 
.infobulle span{
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #000000;}
 
.infobulle span img{
border: 1px;
padding: 5px;}
 
.infobulle:hover span{
visibility: visible;
top: 0px;
left: 0px;
width: 92px;
height: 82px;
color:#000000;
font-family: 'quantico';
font-size:10.5px;
text-align: center;
border: 0px solid #000;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;}

.imgbulle {
  width: 100px;
  border: 2px solid #fff; }

.infobulle2{position: relative;z-index: 0; float: left; margin-left: 10px;}
 
.infobulle2:hover{background-color: transparent;z-index: 50;}
 
.infobulle2 span{
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #000000;}
 
.infobulle2 span img{
border: 1px;
padding: 5px;}
 
.infobulle2:hover span{
visibility: visible;
top: 0px;
left: 0px;
margin-left:104px;
width: 95px;
height: 153px;
color:#000000;
font-family: 'quantico';
font-size:10.5px;
text-align: center;
border: 0px solid #000;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}

.imgbulle2 {
  width: 100px;
  border: 2px solid #fff;
opacity: 0.8; }

.infobulle3{position: relative;z-index: 0; float: left;}
 
.infobulle3:hover{background-color: transparent;z-index: 50;}
 
.infobulle3 span{
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
visibility: hidden;
color: #000000;}
 
.infobulle3 span img{
border: 1px;
padding: 5px;}
 
.infobulle3:hover span{
visibility: visible;
top: 0px;
left: 0px;
margin-left:-104px;
width: 95px;
height: 153px;
color:#000000;
font-family: 'quantico';
font-size:10.5px;
text-align: center;
border: 0px solid #000;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}

.titreXIII {
  font-family: poiret one;
  color: #A2E0E4;
  text-shadow: 0px 0px 2px rgb(250, 241, 205);
  line-height: 6px;
font-size: 20px;
    font-weight: 900;
    margin-left: 12px;
    text-align: left;
}

.XIII {
    font-size: 11px;
    padding: 10px;
      text-align: justify;
  width: 240px;
}

table.tableaupa {
    background-color: #f8f8f8;
  margin-top: 20px;
    margin-left: 30px;
}

.lignehautpa {
    border-top: 2px solid #F03186;
  margin-top: 0px;
    margin-bottom: -10px;
}

.fondpas4 {
  background-color: #f8f8f8;
  height: 580px;
    width: 845px;
}

.lignebaspa {
    border-top: 2px solid #A6DFE0;
    margin-bottom: -33px;
  margin-top: 10px
}

.titrestaff {
      background-color: #FEB6C1;
    width: 509px;
    margin-left: 5px;
  margin-top: 0px;
    padding: 10px;
    color: #fff;
    font-size: 16px;
    font-family: poiret one;
    font-weight: 900;
    background-image: url('https://i.imgbox.com/HO2p02uK.png');
}

.toptop {
    margin-top: -110px;
}

.lestop {
  background-color: #f0d9a6;
width: 530px;
border: 0px solid #fff;
margin-top:120px;
  margin-left:-4px;
font-size: 13px;
color: #fff;
  text-align: center;
font-family: 'times new roman';
text-shadow: 0px 1px 0px #transparent;
}

.liensutiless4 {
  border-collapse: separate;
  text-align: center;
  margin-top: -40px;
      margin-left: 3px;
}

td.espacecellule {
 
      padding-bottom: 5px;
}

.ligneliensutiles {
        border-top: 1px solid #dbb8bc;
    margin-bottom: 2px;
    margin-top: 2px;
    margin-left: 10px;
    width: 205px;
}

span.modifLU {
    font-family: poiret one;
    font-weight: 900;
    font-size: 13px;
  text-transform: uppercase;}

table.tableLU {
    margin-top: 30px;
}
 
.titresmembres {
      background-color: #FEB6C1;
    width: 185px;
    margin-left: 11px;
  margin-top: 25px;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    font-family: poiret one;
    font-weight: 900;
    background-image: url('https://i.imgbox.com/HO2p02uK.png');
}
Revenir en haut Aller en bas

avatar
☰ messages : 59
☰ date d'inscription : 22/11/2016
Sujet: Re: css 01/02/17  |  Mar 7 Fév - 14:12
PA 7/02

Code:
<div class="fondpas4">
              
   <div style="text-align: center;">
            <br /><span style="font-family: poiret one; color: rgb(240, 39, 136); text-shadow: 0px 0px 2px rgb(250, 241, 205); line-height: 6px; font-size: 48px;">welcome to miami</span><br />     
      <div style="text-align: center; font-family: arial;">
               <span style="text-transform: uppercase; font-size: 12px; letter-spacing: 2px;line-height: 6px; color:#7DD9D2;">so we sip a little something, lay to rest the spill.</span>     
      </div>
                 
      <div align="center">
               <a href="http://www.root-top.com/topsite/loveharvard/in.php?ID=469"><img src="http://pngimg.com/upload/champagne_PNG17465.png" style="width: 30px;" /></a> <a href="http://www.root-top.com/topsite/galaad/in.php?ID=608"><img src="http://pngimg.com/upload/champagne_PNG17465.png" style="width: 30px;" /></a> <a href="http://www.root-top.com/topsite/filetdudiable/in.php?ID=1007"><img src="http://pngimg.com/upload/champagne_PNG17465.png" style="width: 30px;" /></a> <a href="http://www.root-top.com/topsite/pubrpgdesign/in.php?ID=690"><img src="http://pngimg.com/upload/champagne_PNG17465.png" style="width: 30px;" /></a> <a href="http://www.root-top.com/topsite/topsitecranberry/in.php?ID=198"><img src="http://pngimg.com/upload/champagne_PNG17465.png" style="width: 30px;" /></a> <a href="http://en.root-top.com/toplist/obsession27/in.php?ID=23298"><img src="http://pngimg.com/upload/champagne_PNG17465.png" style="width: 30px;" /></a> <a href="http://en.root-top.com/toplist/titop/in.php?ID=2525"><img src="http://pngimg.com/upload/champagne_PNG17465.png" style="width: 30px;" /></a> <a href="http://www.root-top.com/topsite/bazzart/in.php?ID=498"><img src="http://pngimg.com/upload/champagne_PNG17465.png" style="width: 30px;" /></a>     
      </div><br /><br />     
      <div class="lignehautpa">
                    
      </div><br />     
      <div class="lignehautpa">
                    
      </div>
                 
      <table border="0" class="tableaupa">
                    
         <tbody>
                       
            <tr>
                          
            </tr>
                       
         </tbody>
                    
         <tbody>
                       
            <tr>
                          
               <td rowspan="2" style="width: 30%;">
                             
                  <div class="liensutiless4">
                           <tbdoy> </tbdoy>     
                     <table border="0" class="tableLU">
                                   
                        <tbody>
                                      
                           <tr>
                                         
                              <td class="espacecellule">
                                       <span class="modifLU"><a href="http://lovemelikeyoudo.1fr1.net/t2639-les-regles"><span style="color: rgb(254, 182, 193);">règlement</span></a></span>     
                              </td>
                                         
                              <td class="espacecellule">
                                       <span class="modifLU"><a href="http://lovemelikeyoudo.1fr1.net/f185-flood-de-groupe"><span style="color: rgb(125, 217, 210);">flood de groupe</span></a></span>     
                              </td>
                                         
                           </tr>
                                      
                           <tr>
                                         
                              <td colspan="2">
                                            
                                 <div class="ligneliensutiles" <="" div="">
                                               
                                 </div>
                                            
                              </td>
                                         
                           </tr>
                                      
                           <tr>
                                         
                              <td class="espacecellule">
                                       <span class="modifLU"><a href="http://lovemelikeyoudo.1fr1.net/t4950-bottins-des-avatars-bottins-des-prenoms-noms"><span style="color: rgb(125, 217, 210);">le bottin</span></a></span>     
                              </td>
                                         
                              <td class="espacecellule">
                                       <span class="modifLU"><a href="http://lovemelikeyoudo.1fr1.net/f27-scenarios-attendus"><span style="color: rgb(254, 182, 193);">les scénarios</span></a></span>     
                              </td>
                                         
                           </tr>
                                      
                           <tr>
                                         
                              <td colspan="2">
                                            
                                 <div class="ligneliensutiles" <="" div="">
                                               
                                 </div>
                                            
                              </td>
                                         
                           </tr>
                                      
                           <tr>
                                         
                              <td class="espacecellule">
                                       <span class="modifLU"><a href="http://lovemelikeyoudo.1fr1.net/t2641-les-groupes"><span style="color: rgb(254, 182, 193);">les groupes</span></a></span>     
                              </td>
                                         
                              <td class="espacecellule">
                                       <span class="modifLU"><a href="http://lovemelikeyoudo.1fr1.net/f10-le-coin-des-invites"><span style="color: rgb(125, 217, 210);">espace invités</span></a></span>     
                              </td>
                                         
                           </tr>
                                      
                           <tr>
                                         
                              <td colspan="2">
                                            
                                 <div class="ligneliensutiles" <="" div="">
                                               
                                 </div>
                                            
                              </td>
                                         
                           </tr>
                                      
                           <tr>
                                         
                              <td class="espacecellule">
                                       <span class="modifLU"><a href="http://lovemelikeyoudo.1fr1.net/f44-partenariat-publicite"><span style="color: rgb(125, 217, 210);">partenariat</span></a></span>     
                              </td>
                                         
                              <td class="espacecellule">
                                       <span class="modifLU"><a href="http://lovemelikeyoudo.1fr1.net/f126-le-coin-des-membres"><span style="color: rgb(254, 182, 193);">espace membres</span></a></span>     
                              </td>
                                         
                           </tr>
                                      
                        </tbody>
                                   
                     </table>
                                
                  </div>
                             
               </td>
                          
               <td colspan="3">
                             
                  <div class="titrestaff">
                           YOUR DREAM TEAM     
                  </div>
                             
                  <table>
                     <tbody>
                        <tr>
                           <td style="height: 10%;">
                              <div class="infobulle">
                                 <img class="imgbulle" src="https://i.imgbox.com/MCzVTcwu.png" /><span><br /><span style="color: rgb(254, 182, 193);"><strong>alexie r. anderson</strong></span><br /><span style="color: rgb(162, 222, 238);"><strong>fondatrice</strong></span><br /><span style="color: rgb(0, 153, 0);">présente</span> x <a rel="nofollow" target="_blank" class="postlink" href="http://lovemelikeyoudo.1fr1.net/privmsg?mode=post&u=173">mp</a></span>
                              </div>
                           </td>
                           <td>
                              <div class="infobulle">
                                 <img class="imgbulle" src="https://i.imgbox.com/nk0e5jgn.png" /><span><br /><span style="color: rgb(254, 182, 193);"><strong>nathaniel wilson</strong></span><br /><span style="color: rgb(162, 222, 238);"><strong>administrateur</strong></span><br /><span style="color: rgb(255, 51, 0);">présent</span> x <a rel="nofollow" target="_blank" class="postlink" href="http://lovemelikeyoudo.1fr1.net/privmsg?mode=post&u=168">mp</a></span>
                              </div>
                           </td>
                           <td>
                              <div class="infobulle">
                                 <img class="imgbulle" src="https://i.imgbox.com/QZRrw7Oh.png" /><span><br /><span style="color: rgb(254, 182, 193);"><strong>s. arielle bennett</strong></span><br /><span style="color: rgb(162, 222, 238);"><strong>administratrice</strong></span><br /><span style="color: rgb(0, 153, 0);">présente</span> x <a rel="nofollow" target="_blank" class="postlink" href="http://lovemelikeyoudo.1fr1.net/privmsg?mode=post&u=125">mp</a></span>
                              </div>
                           </td>
                           <td>
                              <div class="infobulle">
                                 <img class="imgbulle" src="https://i.imgbox.com/2rojmTSh.png" /><span><br /><span style="color: rgb(254, 182, 193);"><strong>wayne m. everden</strong></span><br /><span style="color: rgb(162, 222, 238);"><strong>adminstrateur</strong></span><br /><span style="color: rgb(0, 153, 0);">présent</span> x <a rel="nofollow" target="_blank" class="postlink" href="http://lovemelikeyoudo.1fr1.net/privmsg?mode=post&u=118">mp</a></span>
                              </div>
                           </td>
                           <td>
                              <div class="infobulle">
                                 <img class="imgbulle" src="http://img4.hostingpics.net/pics/234210antey.png" /><span><span style="color: rgb(254, 182, 193);"><strong>anteynara c. carlson</strong></span><br /><span style="color: rgb(162, 222, 238);"><strong>modo<br />codeuse</strong></span><br /><span style="color: rgb(255, 51, 0);">présente</span> x <a rel="nofollow" target="_blank" class="postlink" href="http://lovemelikeyoudo.1fr1.net/privmsg?mode=post&u=263">mp</a></span>
                              </div>
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </td>
            </tr>
            <tr>
               <td colspan="3">
                  <div class="toptop">
                     <div align="center">
                        <select class="lestop" onchange="location = this.value"><option selected="selected">BFF OF LOVE ME LIKE YOU DO </option><option value="http://www.always-love.com/">Always Love.</option><option value="http://always-one-tree-hill.forum-canada.net/">Always One Tree Hill.</option><option value="http://www.be-u-miami.com/">Be U Miami.</option><option value="http://choose-your-destiny.forumactif.org/">Choose your Destiny.</option><option value="http://les-secrets-de-ps.olympiqueforum.com/">Hidden Palms.</option><option value="http://www.i-love-harvard.com/">I Love Harvard.</option><option value="http://peoples-glory.forumactif.ws/">People's Glory.</option><option value="http://redwood-hills.forumactif.org/">Redwood Hills.</option><option value="http://www.screw-destiny.com/">Screw Destiny.</option><option value="http://www.the-hundred.org/">The Hundred.</option><option value="http://theisland.forumakers.com/">The Island.</option><option value="http://yuck-it-up.forumactif.com/">Yuck it up.</option><option value="http://">Les autres</option><option value="http://">Et vous ?</option></select>
                     </div>
                  </div>
               </td>
            </tr>
            <tr>
               <td style="width: 30%;">
                  <div class="titresmembres">
                     A L'HONNEUR CE MOIS-CI
                  </div>
                  <div class="infobulle2">
                     <img class="imgbulle2" src="http://i.imgbox.com/W40ohGMD.png" /><span><br /><span style="color: rgb(254, 182, 193);"><strong>Alysse J. Harper</strong></span><br /><span style="color: rgb(162, 222, 238);"><strong>personnage du mois</strong></span><br /><br /><span style="color: rgb(0, 0, 0);">Tu sors du lot avec ton originalité et tes rps très intéressants !</span></span>
                  </div>
                     
                  <div class="infobulle3">
                     <img class="imgbulle2" src="http://zupimages.net/up/16/46/hj0n.png" /><span><br /><span style="color: rgb(254, 182, 193);"><strong>Luke Donovan</strong></span><br /><span style="color: rgb(162, 222, 238);"><strong>membre du mois</strong></span><br /><br /><span style="color: rgb(0, 0, 0);">Tu te démarques grâce à ton activité et tes super idées !</span></span>
                  </div>
               </td>
                          
               <td class="30%">
                             
                  <div class="titreXIII">
                           miami 2.0     
                  </div>
                             
                  <div class="XIII">
                           Je suis heureux d’enfin pouvoir faire votre connaissance. Nightmare m’a tellement parlé de vous. À partir de maintenant, on va jouer. Fini les « mes petits chéris ». Je ne suis pas Nightmare, moi. Vous êtes dorénavant mes petits joueurs et celui qui ne jouera pas sera assimilé à un tricheur. Donc, vous êtes bien loin d’imaginer de quoi je suis capable. Comme je vous le disais, je ne suis pas Nightmare. Elle, elle tire un grand plaisir à dévoiler vos misérables petits secret alors que moi je suis un amoureux du jeu « action ou vice caché. » <a href="http://lovemelikeyoudo.1fr1.net/t2640-le-contexte" class="postlink" target="_blank" rel="nofollow">lire le contexte en entier</a>     
                  </div>
                             
               </td>
                          
               <td>
                        <iframe frameborder="0" style="width: 256px; height: 210px; margin-left: -50px; margin-top: 20px;" src="http://lmlyd.forumsgratuits.net/h1-le-twitter-s3" class="twitters3"> </iframe>     
               </td>
                          
            </tr>
                       
         </tbody>
                    
      </table><br />     
      <div class="lignebaspa">
                    
      </div><br /><br />     
      <div class="lignebaspa">
                    
      </div>
                 
   </div><br /><br /><br />
</div>
Revenir en haut Aller en bas

avatar
la dream team.
http://lmlyd.forumsgratuits.net
☰ messages : 323
☰ date d'inscription : 13/08/2015
☰ localisation : En pyjama sur mon canapé.
Sujet: Re: css 01/02/17  |  Mer 8 Fév - 18:20
INDEX BOX

Code:
<table width="850px" border="0" cellspacing="1" cellpadding="0" align="justify" class="texteaprèspa">
  <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 --><br><br><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr><div class="titre-categorie"> {catrow.tablehead.L_FORUM} </div></tr><!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="10"><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"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
    <td class="{catrow.forumrow.INC_CLASS}" width="10" align="center" valign="middle"></td><td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="50%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
                                  <center><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
    <div class="BlocForum"><span class="gensmall"><div class="nbdemsg">{catrow.forumrow.TOPICS} rps et {catrow.forumrow.POSTS} messages</div></span>
            <div class="genmed DescForum">
              <div>{catrow.forumrow.FORUM_DESC}</div>
            </div><td width="50%"><!-- BEGIN avatar --><span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span><!-- END avatar --></td>
          <div class="gensmall ListeSousForums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        </div>
        <span class="gensmall" id="subforums">
  <!-- BEGIN switch_moderators_links -->
  {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
  <!-- END switch_moderators_links -->
 
</span>
<script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ◮ ')).removeAttr('id');
</script>
    </td><td class="row3 over" align="center" valign="middle" height="50" cellpadding="1">
    <div class="derniermessage"><div class="imagenew">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="modifnew"/>
      </div><br><br><div id="trait"><div><div class="repderniermsg"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></div>
          </td>
  </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><table width="100%" border="0" cellspacing="0" cellpadding="0" class="basdecategorie"><tr><td><img src="https://i.imgbox.com/2Kckp9EH.png" /></td></tr></table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Revenir en haut Aller en bas

avatar
la dream team.
http://lmlyd.forumsgratuits.net
☰ messages : 323
☰ date d'inscription : 13/08/2015
☰ localisation : En pyjama sur mon canapé.
Sujet: Re: css 01/02/17  |  Mer 8 Fév - 19:19
descriptions des sous-forums.

Code:
<table cellpadding="0" cellspacing="0" align="center">
   <tbody>
      <tr>
         <td class="padding">
            <div class="contenu">
               <strong>Le sud de la ville</strong> est le côté le plus touristique de Miami Beach. C'est ici que nous trouvons la mer, la boutique de souvenirs ainsi qu'une brasserie et un Night Club des plus réputés. Il y a également un coin spécialement aménagé pour les petits ainsi qu'une piste cyclable. C'est dans cette partie de la ville que les personnes du monde entier tueraient pour passer des journées entières à bronzer sur cette plage, la plus connue du monde. C'est ici qu'on trouve les résidences les plus luxueuses avec vue sur la mer..
            </div>
         </td>
         <td>
            <div class="mep8">
               <a href="http://lovemelikeyoudo.1fr1.net/f50-plage"><strong><span style="color: #fff;"><span style="font-size: 9px; line-height: normal">▽</span> plage</span></strong></a><br /><strong><a href="http://lovemelikeyoudo.1fr1.net/f53-galerie-d-arts"><strong><span style="color: #fff;"><span style="font-size: 9px; line-height: normal">▽</span> galerie d'arts</span></strong></a><br /><strong><a href="http://lovemelikeyoudo.1fr1.net/f52-beach-s-brasserie"><strong><span style="color: #fff;"><span style="font-size: 9px; line-height: normal">▽</span> beach's pub</span></strong></a><br /><strong><a href="http://lovemelikeyoudo.1fr1.net/f125-miami-beach-night-club"><strong><span style="color: #fff;"><span style="font-size: 9px; line-height: normal">▽</span> night club</span></strong></a><br /><strong><a href="http://lovemelikeyoudo.1fr1.net/f167-cabinet-medical-sunny"><strong><span style="color: #fff;"><span style="font-size: 9px; line-height: normal">▽</span> cabinet médical</span></strong></a><br /><strong><a href="http://lovemelikeyoudo.1fr1.net/f94-miami-ink"><strong><span style="color: #fff;"><span style="font-size: 9px; line-height: normal">▽</span> miami ink</span></strong></a><br /><strong><a href="http://lovemelikeyoudo.1fr1.net/f209-tate-s-snack-bar"><strong><span style="color: #fff;"><span style="font-size: 9px; line-height: normal">▽</span> tate's snack bar</span></strong></a><br /><strong><a href="http://lovemelikeyoudo.1fr1.net/f73-habitations"><strong><span style="color: #fff;">▽ habitations</span></strong></a></strong></strong></strong></strong></strong></strong></strong>
            </div>
         </td>
      </tr>
   </tbody>
</table>
Revenir en haut Aller en bas

avatar
la dream team.
http://lmlyd.forumsgratuits.net
☰ messages : 323
☰ date d'inscription : 13/08/2015
☰ localisation : En pyjama sur mon canapé.
Sujet: Re: css 01/02/17  |  Jeu 9 Fév - 19:15
INDEX BODY

Code:
{JAVASCRIPT}<html><body><script type="text/javascript">
var macouleur="white"
</script>
<script src="http://ekladata.com/anWiitTC4dg8SbPUXtuLYnmNK8s/pluie.js" type="text/javascript"></script></body></html>
<!-- BEGIN message_admin_index -->
<table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="http://nsa37.casimages.com/img/2017/02/07/170207113822694530.png" /></td></tr></table><table class="lapa" width="100%" border="0" cellspacing="0" 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><table width="100%" border="0" cellspacing="0" cellpadding="0" class="basdecategorie"><tr><td><img src="http://nsa37.casimages.com/img/2017/02/07/170207104757601713.png" /></td></tr></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}
<table width="850px" border="0" cellspacing="0" cellpadding="0" class="texteavantqeel">
   <tr>
      <td width="50%" valign="top">
         <!-- 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 -->
         <br /><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 -->
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><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 -->
            <!-- 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="texteavantqeel">
      <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><br><br><img src="http://nsa38.casimages.com/img/2017/02/08/170208015032286641.png" class="qeelimg"><br><table width="850px" cellspacing="1" cellpadding="1" class="structureqeel" border="0"><tbody><tr><td height="20px"></td><td height="20px"></td></tr><tr><td width="50%"><div class="diapogroupeqeel"><div class="placement-slides" id=""><ul class="rslides"><li><div class="titregroupe"></div><div class="heartgroupe"><div style="padding-top:15px;text-align:justify;width:82%"><font style="font-size:12px;">"Pour ne pas dire motherfucke*. Ces petits garnements n’en ont rien à faire des fleurs, des chocolats et des longues balades sur la plage. Ce qui importe d’abord c’est leur propre personne et leur propre plaisir personnel. Ils ont déjà assez de problèmes comme ça dans leur vie que de se lancer dans une vie à deux... <font style="color:#009900;"><a href="http://lovemelikeyoudo.1fr1.net/t2641-les-groupes">(la suite)</a></font></font></div></div></li><li><div class="titregroupe">let's dance.</div><div class="heartgroupe"><div style="padding-top:15px;text-align:justify;width:82%"><font style="font-size:12px;">Célibataire et il ne faut pas s’en faire. Ces personnes préfèrent mettre leur énergie dans autre chose comme dans les passions, les études, la famille, les amis ou bien le travail. Ils n’ont pas encore rencontré l’autre moitié mais ça ne veut pas dire non plus qu’ils ne sont pas intéressés à faire de nouvelles rencontre... <font style="color:#009900;"><a href="http://lovemelikeyoudo.1fr1.net/t2641-les-groupes">(la suite)</a></font></font></div></div></li><li><div class="titregroupe">be mine.</div><div class="heartgroupe"><div style="padding-top:15px;text-align:justify;width:82%"><font style="font-size:12px;">Ils ont des petites étoiles dans les yeux chaque fois qu’il est question de cette personne qui fait battre leur cœur depuis plus ou moins longtemps. Que ça soit un ex petit-ami qu’ils veulent reconquérir, un béguin de longue date ou une rencontre qui les a marqués plus qu’ils ne le pensaient, la seule chose qu’ils souhaitent c’est de pouvoir revoir cette personne et construire quelque chose... <font style="color:#009900;"><a href="http://lovemelikeyoudo.1fr1.net/t2641-les-groupes">(la suite)</a></font></font></div></div></li><li><div class="titregroupe">sure love.</div><div class="heartgroupe"><div style="padding-top:15px;text-align:justify;width:82%"><font style="font-size:12px;">Cupidon était de passage et voici ces victimes! Des nouveaux amoureux, des tourtereaux depuis longtemps, fiancés/mariés ou pas…c’est ici qu’on les retrouve. Toutes les relations sont différentes mais tout aussi intéressantes.  Le coeur de ces personnes n’est plus à prendre et c'est réciproque. <font style="color:#009900;"><a href="http://lovemelikeyoudo.1fr1.net/t2641-les-groupes">(la suite)</a></font></font></div></div></li></ul></div></div></td><td width="50%"><div class="stats"><span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}. {NEWEST_USER}. <br><br>{TOTAL_USERS_ONLINE}. {RECORD_USERS}.</span></div></td></tr></tbody></table>
<table width="850px" cellspacing="1" cellpadding="1" class="structureqeel2" border="0"><tbody><tr><td width="40%"><div class="membres" align="justify">{LOGGED_IN_USER_LIST}</div></td><td width="60%"><div class="membreconnecte" align="justify"><table>{L_CONNECTED_MEMBERS}</table></div></td></tr><tr><td height="20px"></td><td height="20px"></td></tr></tbody></table><table width="100%" border="0" cellspacing="0" cellpadding="0" class="basdecategorie"><tr><td><img src="http://nsa37.casimages.com/img/2017/02/07/170207104757601713.png" /></td></tr></table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<!-- END switch_legend -->

{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

avatar
la dream team.
http://lmlyd.forumsgratuits.net
☰ messages : 323
☰ date d'inscription : 13/08/2015
☰ localisation : En pyjama sur mon canapé.
Sujet: Re: css 01/02/17  |  Jeu 9 Fév - 19:47
VIEWTOPIC BODY

Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
      }
   });
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }
   
   return false;
};

//]]>
</script>

<table width="90%" border="0" cellspacing="2" cellpadding="0" class="sujetdessus">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap">
         <span class="nav">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
         <!-- BEGIN switch_twitter_btn -->
         <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
         </span>
         <!-- END switch_twitter_btn -->
         <!-- BEGIN switch_fb_likebtn -->
         <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="https://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
         </span>
         <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
         <span class="gensmall bold">
            <a class="addthis_button" href="https://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
             | .
            <script type="text/javascript">//<![CDATA[
               var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
               var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
               var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
               var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
               var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
               
               insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
         </span>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
   <tr align="right">
      <td class="catHead" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
               </td>
               <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
<!-- BEGIN displayed -->
   <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
            <div class="fondprofil"><span class="postdetails poster-profile">
                                  <center> <div class="backgroundprofil">
                                    <div class="slogannamehaut"></div><br/>
                                    <div class="contouravatar">{postrow.displayed.POSTER_AVATAR}</div></div>                       
                                    <div class="sloganname">{postrow.displayed.POSTER_RANK}</div>
                                    <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><div class="noms" style="margin-top:-88px; margin-left:7px; background:#fff; position:relative; z-index:2; opacity:0.9; width:220px;">{postrow.displayed.POSTER_NAME}</div></span></center><br />
                                  <center><strong><div class="imagegroupe">{postrow.displayed.RANK_IMAGE}</div><div class="phrasegroupe"></div></strong><br /></center>
                                  <div class="descriptionprofil"><div class="descslogan">personal file</div>
    <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field --></div>                                 
</div>
</div>
                                  <br /><center><div class="caption"> </div></center>
          </span></div><br />
         <img src="https://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2"> <div class="fleche"> </div>
         <table width="100%" border="0" cellspacing="0" cellpadding="0" class="bulle">
            <tr>
               <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>
            <tr>
               <td colspan="2" class="hr">
                  <hr />
               </td>
            </tr>
            <tr>
               <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

                     <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->

                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                     <div>{postrow.displayed.MESSAGE}</div>

                     <!-- BEGIN switch_attachments -->
                     <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                           <!-- BEGIN switch_post_attachments -->
                           <dl class="file">
                              <dt>
                                 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

                                 <!-- BEGIN switch_dl_att -->
                                 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_dl_att -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                           </dl>
                           <!-- END switch_post_attachments -->
                        </dd>
                     </dl>
                     <!-- END switch_attachments -->

                     <div class="clear"></div>
                     <!-- BEGIN switch_signature -->
                     <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                     </div>
                     <!-- END switch_signature -->

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
         <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle">
                  {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.ONLINE_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT} <!-- END contact_field -->
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>
<br />
<table class="sujetpage" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0px; border-top: 0px;">
   <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
   </tr>
   <!-- BEGIN switch_user_logged_in -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>
   <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="row2 postbody" valign="top">
         <!-- BEGIN link -->
         » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
         <!-- END link -->
      </td>
   </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
   <tbody>
      <tr>
         <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tbody>
                  <tr>
                     <td valign="top">
                        <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                     </td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
      <tr>
         <td class="row1 clearfix">
            <table>
               <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                     <img src="{RULE_IMG_URL}" alt="" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                     {RULE_MSG}
                  </td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
         <!-- BEGIN switch_user_logged_in -->
         <a name="quickreply"></a>
         {QUICK_REPLY_FORM}<br />
         <!-- END switch_user_logged_in -->
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
         <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
         <span class="boutonsujetnouveau">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>

      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->

      <!-- BEGIN moderation_panel -->
      <td align="center">
         <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
         <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
   </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
         <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
Revenir en haut Aller en bas

avatar
la dream team.
http://lmlyd.forumsgratuits.net
☰ messages : 323
☰ date d'inscription : 13/08/2015
☰ localisation : En pyjama sur mon canapé.
Sujet: Re: css 01/02/17  |  Ven 10 Fév - 20:51
TOPICS LIST BOX

Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
   var all_checked = true;
   for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
   }
   document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
   for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
   }
}
</script>
<!-- END multi_selection -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>
      <th align="center" nowrap="nowrap" width="80"> {topics_list_box.row.L_REPLIES} </th>
      <th align="center" nowrap="nowrap" width="100"> {topics_list_box.row.L_AUTHOR} </th>
      <th align="center" nowrap="nowrap" width="50"> {topics_list_box.row.L_VIEWS} </th>
      <th align="center" nowrap="nowrap" width="150"> {topics_list_box.row.L_LASTPOST} </th>
      <!-- BEGIN multi_selection -->
      <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
   <!-- END multi_selection -->
   </tr>
   <!-- BEGIN pagination -->
   <tr>
      <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END pagination -->
   <!-- END header_table --><!-- BEGIN header_row -->
   <tr>
      <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
   </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
   <tr>
      <!-- BEGIN single_selection -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
      <!-- BEGIN icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
         <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </div>

         <!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
         </span>
         <!-- END switch_description -->
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> 
         <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td>

      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
      <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
      <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap">
            <!-- BEGIN avatar -->
            <div style="width: 200px;"></div>
            <br><span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span><br><br>
            <!-- END avatar -->

            <span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span>        </td>
<!-- BEGIN multi_selection -->
      <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
   <!-- END multi_selection -->
   </tr>
   <!-- END topic --><!-- BEGIN no_topics -->
   <tr>
      <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
   </tr>
   <!-- END no_topics --><!-- BEGIN bottom -->
   <tr>
      <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td> <span class="gensmall">{PAGINATION}</span></td>
               <td align="right"><a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
            </tr>
         </table>
      </td>
   </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->
Revenir en haut Aller en bas

avatar
la dream team.
http://lmlyd.forumsgratuits.net
☰ messages : 323
☰ date d'inscription : 13/08/2015
☰ localisation : En pyjama sur mon canapé.
Sujet: Re: css 01/02/17  |  Sam 11 Fév - 15:35
PROFIL VIEW BODY

Code:
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a></span></td>
</tr>
</table>

<table class="profilavancé" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
 <tr>
          <td class="catLeft" align="center" width="50%" height="28"><b><span class="gen"></span></b></td>
          <td class="catRight" width="50%" align="center"></td>
 </tr>
 <tr>
 <td class="row1" rowspan="3" valign="top" div style="background-color:transparent">
 <table width="100%" border="0" cellspacing="0" cellpadding="0" >
 <tr>
 <td align="right" valign="top" nowrap="nowrap"><span class="gen"></span></td>
 </tr>
 <!-- BEGIN switch_dhow_mp -->
 <tr>
 <br><td align="right" valign="middle" nowrap="nowrap"><span class="gen"></span></td>
                                  <td><b><span class="gen"></span></b></td></br>
 </tr>
 <!-- END switch_dhow_mp -->
 <!-- BEGIN profile_field -->
 <tr id="field_id{profile_field.ID}" div style="background-color:transparent">
                          <td width="40%" align="left" valign="top" nowrap="nowrap"><div class="colonegauche">{profile_field.LABEL}  </div></td>
 <td width="60%"><div class="colonegauche" style="font-weight:bold;">{profile_field.CONTENT}</div><br /><!-- BEGIN profil_type_user_posts --><span class="colonegauche">[{POST_PERCENT_STATS} / {POST_DAY_STATS}]</span> <br />
 <span class="genmed"><a rel="nofollow" class="genmed" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a><br />
   - <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a><br />
   - <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></span><!-- END profil_type_user_posts --></td>
 </tr>
 <!-- END profile_field -->
 </table>
 </td>
          <td class="row1" align="center" valign="top" height="120" div style="background-color:transparent"><div class="namepersopro"><b>{USERNAME}&nbsp;<i><span style="text-transform:lowercase">({USER_ONLINE})</span></i></b></div>
 <table width="100%" border="0" cellspacing="1" cellpadding="0" class="fontprofilavatar">
 <tr>
 <td valign="middle" nowrap="nowrap" align="right" width="20%"><span class="gen"></span></td>
                                  <td width="80%"><div class="avatarpro"><br><b><span class="gen">{AVATAR_IMG}</span></b></br></div></td>
 </tr>
 <tr>
 <td valign="middle" nowrap="nowrap" align="right"><span class="gen"></span></td>
                                  <td><div class="rankpro"><b><span class="gen">{POSTER_RANK}</span></b></div></td>
 </tr>
 <!-- BEGIN switch_show_status -->
 <tr>
 <td valign="middle" nowrap="nowrap" align="right"><span class="gen"></span></td>
 </tr>
                          <tr>
                            <td><br><br><b><span class="gen"></span></b></br></br></td>
                          </tr>
 <!-- END switch_show_status -->
 <!-- BEGIN switch_allow_friendsfoes -->
 <tr>
 <td valign="middle" nowrap="nowrap" align="right"><span class="gen"></span></td>
 <td><span class="gen"><strong>{FRIENDSFOES}</strong></span></td>
 </tr>
 <!-- END switch_allow_friendsfoes -->
 <!-- BEGIN switch_auth_user -->
 <tr>
 <td valign="middle" nowrap="nowrap" align="right"><br /><span class="gen"></span></td>
 <td><br /><strong><span class="gen">{ADMINISTRATE_USER}{BAN_USER}</span></strong></td>
 </tr>
 <!-- END switch_auth_user -->
 </table>
 </td>
 </tr>
 <tr><td class="row1" valign="top" height="{S_CONTACT_HEIGHT}" div style="background-color:transparent">
 <table width="100%" border="0" cellspacing="1" cellpadding="0"><strong><span class="lastvisitpro">Sa dernière visite remonte à {LAST_VISIT_TIME}</span></strong>
                          <!-- BEGIN contact_field -->
 <!-- END contact_field -->
 <!-- BEGIN switch_admin_user_comment_active -->
 <tr>
 <td class="row1" valign="middle">
 <table align="center">
 <tr>
 <td>
 {ADMIN_USER_COMMENT}
 </td>
 </tr>
 </table>
 </td>
 </tr>
 <!-- END switch_admin_user_comment_active -->
 </table>
 </td>
 </tr>
 <!-- BEGIN switch_rpg -->
 <tr>
 <td colspan="2" class="catLeft" align="center"><b><span class="gen">{L_VIEWING_RPG}</span></b></td>
 </tr>
 <tr>
 <td class="row1" align="center" valign="top" height="6">
 {RPG_IMAGE}<br /><br />
 <table width="100%" border="0" cellspacing="1" cellpadding="0">
 <!-- BEGIN rpg_fields_left -->
 <tr>
 <td align="right" valign="middle" nowrap="nowrap">
 <span class="gen">{switch_rpg.rpg_fields_left.F_NAME} : </span>
 </td>
 <td width="100%" valign="middle" nowrap="nowrap">
 <b><span class="gen">{switch_rpg.rpg_fields_left.F_VALUE_NEW}</span></b>
 </td>
 </tr>
 <!-- END rpg_fields_left -->
 </table>
 </td>
 <td class="row1" align="center" valign="top" height="6">
 <table width="100%" border="0" cellspacing="1" cellpadding="0">
 <!-- BEGIN rpg_fields -->
 <tr>
 <td align="right" valign="middle" nowrap="nowrap">
 <span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span>
 </td>
 <td width="100%" valign="baseline">
 <b><span class="gen">{switch_rpg.rpg_fields.F_VALUE_NEW}</span></b>
 </td>
 </tr>
 <!-- END rpg_fields -->
 </table>
 </td>
 </tr>
 <tr>
 <td colspan="2" align="center" class="row1">
 {U_ADMIN_RPG}
 </td>
 </tr>
 <!-- END switch_rpg -->
</table>
<br />
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
 $(document).ready(function(){
 $('[id^=field_id]').each(function(){
 if ( $(this).find('.field_editable').is('span, div') )
 {
 $(this).hover(function()
 {
 if( $(this).find('.field_editable.invisible').is('span, div') )
 {
 $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
 $(this).find('.ajax-profil_edit').attr({
 alt: "{L_FIELD_EDIT_VALUE}",
 title: "{L_FIELD_EDIT_VALUE}"
 }).click(function(){
 $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
 $(this).prev().find('.ajax-profil_valid').attr({
 alt: "{L_VALIDATE}",
 title: "{L_VALIDATE}"
 }).click(function(){
 var content = new Array();
 $(this).parent().find('[name]').each(function(){
 var type_special = $(this).is('input[type=radio],input[type=checkbox]');
 if ( (type_special && $(this).is(':checked')) || !type_special )
 {
 content.push(new Array($(this).attr('name'), $(this).attr('value')));
 }
 });
 var id_name = $(this).parents('[id^=field_id]').attr('id');
 var id = id_name.substring(8, id_name.length);
 $.post(
 "{U_AJAX_PROFILE}",
 {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
 function(data){
 $.each(data, function(i, item){
 $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
 });
 },
 "json"
 );
 });
 $(this).remove();
 });
 }
 },function()
 {
 if( $(this).find('.field_editable.invisible').is('span, div') )
 {
 $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
 $(this).find('.ajax-profil_edit').remove();
 }
 });
 }
 });
 });
//]]>
</script>


CB
Code:
/*NOM CHATBOX*/
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before { content: "On doit parler, viens! Dépêche toi !";}

/*COULEUR FOND CHATBOX*/
body.chatbox {
background-color: #ffffff;
}

/*COULEUR FOND ENTETE CHATBOX*/
#chatbox_header{
background-color: #ffffff;
background-color: #transparent;
}

/*COULEUR TEXTE TITRE CHATBOX*/
#chatbox_header .catBottom .cattitle {
color: #000000
}

/*COULEUR TEXTE LIEN CHATBOX*/
#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
color: #877898;
}

/*TEXTE CHATBOX*/
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a  {
text-align: left;
}
Revenir en haut Aller en bas

Contenu sponsorisé

Sujet: Re: css 01/02/17  |  
Revenir en haut Aller en bas
 

css 01/02/17

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
 :: miami beach :: préparation de la saison 4.-