Forum de test de Ladies'coffee
 

Partagez|

test 2 encore

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
avatar
Messages : 24
Date d'inscription : 18/12/2017
Admin
Admin
MessageSujet: test 2 encore Jeu 31 Mai - 12:49
test test test
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://testladiescoffee.kanak.fr
AuteurMessage
avatar
Messages : 24
Date d'inscription : 18/12/2017
Admin
Admin
MessageSujet: Re: test 2 encore Ven 15 Juin - 18:01
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://testladiescoffee.kanak.fr
AuteurMessage
avatar
Messages : 24
Date d'inscription : 18/12/2017
Admin
Admin
MessageSujet: Re: test 2 encore Lun 18 Juin - 13:31
Code:
<link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great" rel="stylesheet">

<table border="1" cellspacing="0" cellpadding="0" width="800px" style="background-color:grey">
<tbody>
<tr>
  <td colspan="2" valign="top" ><div class="grostitre">Menu</div></td>
<td colspan="3"><div class="bloc_titre_PA">Top site</div>
 
 <center><a href="http://www.root-top.com/topsite/cda2/in.php?ID=414" target="_blank"><img src="https://i62.servimg.com/u/f62/19/68/75/46/110.png" /></a>
<a href="http://www.root-top.com/topsite/forumsdeforumactif/in.php?ID=92" target="_blank"><img src="https://i62.servimg.com/u/f62/11/72/51/74/tops11.png" /></a>
 <a href="http://www.root-top.com/topsite/royalepub/in.php?ID=119" target="_blank"><img src="https://i62.servimg.com/u/f62/19/68/75/46/lunett11.png" /></a>
  <a href="http://en.root-top.com/toplist/graphix/in.php?ID=2202" target="_blank"><img src="https://i62.servimg.com/u/f62/19/68/75/46/210.png" /></a></center></td>
</tr>

<tr>
  <td colspan="2" rowspan="2" valign="top" style="width:250px; height: 250px; border-right:3px dashed white" >
    <div style="width: 290px; height: 250px; overflow: auto; padding: 10px; border-bottom: 2px dotted white;">
                          <center>Bien le Bonjour !<br /></center>
<b>Ladies'Coffee</b> est un <b>forum de discussion entre femmes</b> de tout âges et de tout horizons !
Venez discuter avec nous de tous les sujets que vous souhaitez aborder : Amour, Amitié, Santé, Famille mais aussi nos passions, nos vies de tous les jours, ici, nous parlons de tout.

<b>Dames et Demoiselles, soyez les bienvenues sur ce forum ou bienveillance et échanges sont les maîtres-mots !</b>
                        </div>
</td>
  <td rowspan="2" valign="top" style="height: 150px; border-right: 2px dotted white;" ><div class="bloc_titre_PA">Navigation </div>

 <div style="width: 130px;height: 150px; overflow: auto; padding: 20px;">
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/t3-les-regles-d-or-a-lire-obligatoire">Les règles d'or</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/f9-je-me-presente">Les présentations</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/t580-les-sujets-quotidiens">Les sujets quotidiens</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/f47-nos-partenaires-ouvert-aux-invitees">Les partenaires</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/t710-l-equipe-de-ladies-coffee">L'équipe</a>
</td>
 
    <td valign="top" style= "width:280px; height:90px";><div class="bloc_titre_PA">Les équipes </div>

<div style="width: 250px; padding-left: 7px; padding-right: 7px; padding-bottom: 7px;">
                              <br />
<div class="equipe">           
<div class="equipe_img"><img src="https://i62.servimg.com/u/f62/19/68/75/46/td12.png" />
</div>
                                 
<div class="equipe_description">
<center><span style="color: #74A550 ! important; font-family: 'Oswald', sans-serif; font-size: 16px;"> Team Diabolo</span> | <span style="color: rgb(228, 155, 20); font-family: 'Oswald', sans-serif; font-size: 16px;"> XXX points  </span><br /> <span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span>
</center></div></div><br />
                             
<div class="equipe">
 <div class="equipe_img"><img src="https://i62.servimg.com/u/f62/19/68/75/46/tm11.png" /></div>
                                 
<div class="equipe_description">
<center><span style="color: #74A550 ! important; font-family: 'Oswald', sans-serif; font-size: 16px;"> Team Mojito</span> | <span style="color: rgb(228, 155, 20); font-family: 'Oswald', sans-serif; font-size: 16px;"> XXX points  </span><br /> <span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span>
</center></div></div></div> </td>

<td ></td>
</tr>

<tr>
<td rowspan="2" valign="top"> <div class="bloc_titre_PA">Partenaires</div>
        <div style="width: 280px; height: 70px; overflow: auto; padding: 10px;"><center>
<a target="_blank" href="http://bulletjournalfr.forumactif.com"><img title="Tout l'univers du Bullet Journal" src="https://i58.servimg.com/u/f58/19/64/44/64/bouton38.png" /></a> -
<a target="_blank" href="http://lachrysalide.bbactif.com/"><img title="forum de discussion" src="https://img4.hostingpics.net/pics/525214pub411.png" /></a> -
<a target="_blank" href="http://chez-les-mams.forumactif.com/"><img title="forum de maman" src="https://i62.servimg.com/u/f62/19/53/60/22/qqvy10.gif" /></a>
<a target="_blank" href="http://swapsenfolie.forumactif.com"><img title="forum de swap" src="https://img15.hostingpics.net/pics/395130bouton8831.png"/></a> -
<a target="_blank" href="ttp://www.never-utopia.com"><img title="forum de codage, crédit LS " src="http://img4.hostingpics.net/pics/932453miniban2.jpg"/></a> -       
<a target="_blank" href="http://forumfeminin.forumactif.org/t386-demande-de-partenariat /"><img title="cliquez sur le logo pour rejoindre nos partenaire" alt="partenariat" src="https://i62.servimg.com/u/f62/13/78/97/49/partn10.png" /></a>       
 <a target="_blank" href="http://forumfeminin.forumactif.org/f47-nos-partenaires-ouvert-aux-invitees /"><img alt="partenariat" src="https://i62.servimg.com/u/f62/11/72/51/74/partn210.png" /></a>
          </center></div>
</td>
<td ></td>
</tr>

<tr>
  <td rowspan="3" valign="top" style:"width:250px;"><div class="bloc_titre_PA">Staff'</div>

Admin’s
<div class="staff" >
<a href="lienprofiladmin"> <img title="Contacter l'admin MmeFeuillage" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a> -
 
                  <a href=""> <img title="Contacter l'admin Choops" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a>      </div> 
             
Anim’s
    <div class="staff" >
    <a href=""> <img title="Contacter l'animatrice Rebelle" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a> -
      <a href=""> <img title="Contacter l'animatrice Fleur" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a> 
</div>
</td>
  <td colspan="2" rowspan="3" valign="top" style:"width:250px;"><div class="bloc_titre_PA">Info du forum</div>
   
    <div class="infofo">
<center>Nous sommes en : Septembre.
<br><br>
Le forum est ouvert depuis :
<br><br>
  Le prochain design arrive en : Décembre</center></div></td>
<td ></td>
</tr>

<tr>
<td valign="top" ><div class="bloc_titre_PA">Derniers sujets</div>
  <div style="width: 280px; height: 150px; overflow: auto; padding: 10px;">
                <iframe style="width: 380px; height: 105px;" target="_blank" frameborder="0" scrolling="no" src="http://forumfeminin.forumactif.org/h7-derniers-sujets" name="dernier_sjt"></iframe>
                        </div>
  </td>
<td ></td>
</tr>

<tr>

<td ></td>
</tr>

</tbody>
</table>



Code:
.grostitre{
  font-family: 'Fredericka the Great';Amatic SC, cursive;
  color : white;
 font-size: 60px;}

.bloc_titre_PA {
 font-family: 'Fredericka the Great';Amatic SC, cursive;
  transform: capslock;
  font-size: 24px;
  text-align: center;
  color: #F9F4F2;
  font-weight: bold;
color : white;}

/* Mise en forme du bloc de navigation */
.bloc_PA_nav {
  background-color: #FFFFD2;
  text-align: justify;
  color: #55404D;
  border:solid white 2px;
}


/* Mise en forme des liens du bloc navigation */
.bloc_PA_nav a{
  color: #ED8E69 !important;
  font-family: 'Julius Sans One', sans-serif;
  font-size: 15px;
  font-weight: bold;
}

/* Mise en forme des liens du bloc navigation au survol */
.bloc_PA_nav a:hover{
  font-style: italic;
  text-decoration: none !important;
  color: #4B675B !important;
  font-family: 'Finger Paint', cursive;
}

/*info du forum*/
.infofo{border-left: dotted white 2px;
 border-right:dotted white 2px;}


/* Coulissement des equipe */

.equipe {
  width: 270px;
  height: 50px;
  overflow: hidden;
  border:double white 3px;
background-image : craie blanceh}

.equipe_img {
  position: relative;
  width: 270px;
  height: 50px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

.equipe:hover .equipe_img {
  margin-top: -100px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

.equipe_description {
  position: relative;
  z-index: 1;
  width: 270px;
  height: 65px;
  margin-top: 50px;
  text-align: justify;
  font-size: 11px;
  color: #8c8c8c;
  padding: 2px;
  overflow: auto;
  background-color: #F3FCE0;
}


/*staff*/
 .staff {
  width:250px;
        height: 60px;
        background: #f3f5ea;
        color: #4d9ca1;
        padding-left: 10px;
        position: relative;
        margin-bottom: 15px;
        font-family: "amatic SC", sans-serif;
      }

      .staff:hover img.photo {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
      }

      img.photo {
        width: 70px; height: 70px;
        border-radius: 100px;
        background: #4d9ca1;
        position: relative;     
        border: 2px solid #E3C34D;
      }
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://testladiescoffee.kanak.fr
AuteurMessage
avatar
Messages : 24
Date d'inscription : 18/12/2017
Admin
Admin
MessageSujet: Re: test 2 encore Lun 18 Juin - 15:51
Code:
<link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great|Cookie" rel="stylesheet">

<table border="1" cellspacing="0" cellpadding="0" width="800px" style="background-color:#1f1f21; border:#1f1f21;">
<tbody>
<tr>
  <td colspan="2" valign="top" ><div class="grostitre">Menu</div></td>
<td colspan="3"><div class="bloc_titre_PA">Top site</div>
 
 <center><a href="http://www.root-top.com/topsite/cda2/in.php?ID=414" target="_blank"><img src="https://i62.servimg.com/u/f62/19/68/75/46/110.png" /></a>
<a href="http://www.root-top.com/topsite/forumsdeforumactif/in.php?ID=92" target="_blank"><img src="https://i62.servimg.com/u/f62/11/72/51/74/tops11.png" /></a>
 <a href="http://www.root-top.com/topsite/royalepub/in.php?ID=119" target="_blank"><img src="https://i62.servimg.com/u/f62/19/68/75/46/lunett11.png" /></a>
  <a href="http://en.root-top.com/toplist/graphix/in.php?ID=2202" target="_blank"><img src="https://i62.servimg.com/u/f62/19/68/75/46/210.png" /></a></center></td>
</tr>

<tr>
  <td colspan="2" rowspan="2" valign="top" style="width:250px; height: 250px; border-right:3px dashed white" >
    <div style="width: 290px; height: 250px; overflow: auto; padding: 10px; border-bottom: 2px dotted white; font-family:Cookie;font-size:22px; color:white;">
                          <center>Bien le Bonjour !<br /></center>
<b>Ladies'Coffee</b> est un <b>forum de discussion entre femmes</b> de tout âges et de tout horizons !
Venez discuter avec nous de tous les sujets que vous souhaitez aborder : Amour, Amitié, Santé, Famille mais aussi nos passions, nos vies de tous les jours, ici, nous parlons de tout.

<b>Dames et Demoiselles, soyez les bienvenues sur ce forum ou bienveillance et échanges sont les maîtres-mots !</b>
                        </div>
</td>
  <td rowspan="2" valign="top" style="height: 150px; border-right: 2px dotted white;" ><div class="bloc_titre_PA">Navigation </div>

    <div style="width: 130px;height: 150px; overflow: auto; margin:8px;padding: 20px;border-bottom: 2px dotted white;">
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/t3-les-regles-d-or-a-lire-obligatoire">Les règles d'or</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/f9-je-me-presente">Les présentations</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/t580-les-sujets-quotidiens">Les sujets quotidiens</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/f47-nos-partenaires-ouvert-aux-invitees">Les partenaires</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/t710-l-equipe-de-ladies-coffee">L'équipe</a>
</td>
 
    <td valign="top" style= "width:280px; height:90px";><div class="bloc_titre_PA">Les équipes </div>

<div style="width: 250px; padding-left: 7px; padding-right: 7px; padding-bottom: 7px;">
                              <br />
<div class="equipe">           
<div class="equipe_img"><img src="https://i62.servimg.com/u/f62/19/68/75/46/td12.png" />
</div>
                                 
<div class="equipe_description">
<center><span style="color: #74A550 ! important; font-family: 'Oswald', sans-serif; font-size: 16px;"> Team Diabolo</span> | <span style="color: rgb(228, 155, 20); font-family: 'Oswald', sans-serif; font-size: 16px;"> XXX points  </span><br /> <span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span>
</center></div></div><br />
                             
<div class="equipe">
 <div class="equipe_img"><img src="https://i62.servimg.com/u/f62/19/68/75/46/tm11.png" /></div>
                                 
<div class="equipe_description">
<center><span style="color: #74A550 ! important; font-family: 'Oswald', sans-serif; font-size: 16px;"> Team Mojito</span> | <span style="color: rgb(228, 155, 20); font-family: 'Oswald', sans-serif; font-size: 16px;"> XXX points  </span><br /> <span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span>
</center></div></div></div> </td>

<td ></td>
</tr>

<tr>
<td rowspan="2" valign="top">
  <div style="width: 280px; height: 70px; overflow: auto; padding: 10px; margin:8px; border-bottom: 2px dotted white; border-top: 2px dashed white;"><div class="bloc_titre_PA">Partenaires</div><center>
<marquee onmouseout="this.start();" onmouseover="this.stop();" loop="infinite" scrolldelay="30" scrollamount="5" direction="left" behavior="scroll"><a target="_blank" href="http://bulletjournalfr.forumactif.com"><img title="Tout l'univers du Bullet Journal" src="https://i58.servimg.com/u/f58/19/64/44/64/bouton38.png" /></a> -
<a target="_blank" href="http://lachrysalide.bbactif.com/"><img title="forum de discussion" src="https://img4.hostingpics.net/pics/525214pub411.png" /></a> -
<a target="_blank" href="http://chez-les-mams.forumactif.com/"><img title="forum de maman" src="https://i62.servimg.com/u/f62/19/53/60/22/qqvy10.gif" /></a>
<a target="_blank" href="http://swapsenfolie.forumactif.com"><img title="forum de swap" src="https://img15.hostingpics.net/pics/395130bouton8831.png"/></a> -
<a target="_blank" href="ttp://www.never-utopia.com"><img title="forum de codage, crédit LS " src="http://img4.hostingpics.net/pics/932453miniban2.jpg"/></a> -       
<a target="_blank" href="http://forumfeminin.forumactif.org/t386-demande-de-partenariat /"><img title="cliquez sur le logo pour rejoindre nos partenaire" alt="partenariat" src="https://i62.servimg.com/u/f62/13/78/97/49/partn10.png" /></a>       
  <a target="_blank" href="http://forumfeminin.forumactif.org/f47-nos-partenaires-ouvert-aux-invitees /"><img alt="partenariat" src="https://i62.servimg.com/u/f62/11/72/51/74/partn210.png" /></a> </marquee>
          </center></div>
</td>
<td ></td>
</tr>

<tr>
  <td rowspan="3" valign="top" style:"width:250px;"><div class="bloc_titre_PA">Staff'</div>

Admin’s
<div class="staff" >
<a href="lienprofiladmin"> <img title="Contacter l'admin MmeFeuillage" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a> -
 
                  <a href=""> <img title="Contacter l'admin Choops" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a>      </div> 
             
Anim’s
    <div class="staff" >
    <a href=""> <img title="Contacter l'animatrice Rebelle" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a> -
      <a href=""> <img title="Contacter l'animatrice Fleur" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a> 
</div>
</td>
  <td colspan="2" rowspan="3" valign="top" style:"width:250px;"><div class="bloc_titre_PA">Info du forum</div>
   
    <div class="infofo">
<center>Nous sommes en : Septembre.
<br><br>
Le forum est ouvert depuis :
<br><br>
  Le prochain design arrive en : Décembre</center></div></td>
<td ></td>
</tr>

<tr>
<td valign="top" ><div class="bloc_titre_PA">Derniers sujets</div>
  <div style="width: 280px; height: 150px; overflow: auto; padding: 10px;">
                <iframe style="width: 380px; height: 105px;" target="_blank" frameborder="0" scrolling="no" src="http://forumfeminin.forumactif.org/h7-derniers-sujets" name="dernier_sjt"></iframe>
                        </div>
  </td>
<td ></td>
</tr>

<tr>

<td ></td>
</tr>

</tbody>
</table>

Code:
.grostitre{
  font-family: 'Fredericka the Great';Amatic SC, cursive;
  color : white;
 font-size: 60px;}

.bloc_titre_PA {
 font-family: 'Fredericka the Great';Amatic SC, cursive;
  font-size: 25px;
  text-align: center;
color : white;}

/* Mise en forme du bloc de navigation */
.bloc_PA_nav {
  background-color: #FFFFD2;
  text-align: justify;
  text-decoration: none !important;
  color: #55404D;
  border:solid white 2px;
font-family: 'Cookie', sans-serif;
  border-bottom: dashed red 2px;}


/* Mise en forme des liens du bloc navigation */
.bloc_PA_nav a{
  color: #ED8E69 !important;
  text-decoration: none !important;
  font-family: 'Cookie', sans-serif;
  font-size: 15px;
  font-weight: bold;
 
}

/* Mise en forme des liens du bloc navigation au survol */
.bloc_PA_nav a:hover{
  font-style: italic;
  text-decoration: none !important;
  color: #4B675B !important;
  font-family: 'Cookie', cursive;
}

/*info du forum*/
.infofo{border-left: dotted white 2px;
 border-right:dotted white 2px;
color:white;
font-family:Cookie;
font-size:20px;}


/* Coulissement des equipe */

.equipe {
  width: 270px;
  height: 50px;
  overflow: hidden;
  border:double white 3px;
background-image : craie blanceh}

.equipe_img {
  position: relative;
  width: 270px;
  height: 50px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

.equipe:hover .equipe_img {
  margin-top: -100px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

.equipe_description {
  position: relative;
  z-index: 1;
  width: 270px;
  height: 65px;
  margin-top: 50px;
  text-align: justify;
  font-size: 11px;
  color: #8c8c8c;
  padding: 2px;
  overflow: auto;
  background-color: #F3FCE0;
}


/*staff*/
 .staff {
  width:250px;
        height: 60px;
        background: #f3f5ea;
        color: #4d9ca1;
        padding-left: 10px;
        position: relative;
        margin-bottom: 15px;
        font-family: "amatic SC", sans-serif;
      }

      .staff:hover img.photo {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
      }

      img.photo {
        width: 70px; height: 70px;
        border-radius: 100px;
        background: #4d9ca1;
        position: relative;     
        border: 2px solid #E3C34D;
      }
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://testladiescoffee.kanak.fr
AuteurMessage
avatar
Messages : 24
Date d'inscription : 18/12/2017
Admin
Admin
MessageSujet: Re: test 2 encore Lun 18 Juin - 16:59
Code:
<link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great|Cookie" rel="stylesheet">

<table border="1" cellspacing="0" cellpadding="0" width="800px" style="background-color:#1f1f21; border:#1f1f21;">
<tbody>
<tr>
  <td colspan="2" valign="top" ><div class="grostitre">Menu</div></td>
<td colspan="3"><div class="bloc_titre_PA">Top site</div>
 
 <center><a href="http://www.root-top.com/topsite/cda2/in.php?ID=414" target="_blank"><img src="https://i62.servimg.com/u/f62/19/68/75/46/110.png" /></a>
<a href="http://www.root-top.com/topsite/forumsdeforumactif/in.php?ID=92" target="_blank"><img src="https://i62.servimg.com/u/f62/11/72/51/74/tops11.png" /></a>
 <a href="http://www.root-top.com/topsite/royalepub/in.php?ID=119" target="_blank"><img src="https://i62.servimg.com/u/f62/19/68/75/46/lunett11.png" /></a>
  <a href="http://en.root-top.com/toplist/graphix/in.php?ID=2202" target="_blank"><img src="https://i62.servimg.com/u/f62/19/68/75/46/210.png" /></a></center></td>
</tr>

<tr>
  <td colspan="2" rowspan="2" valign="top" style="width:250px; height: 250px; border-right:3px dashed white" >
    <div style="width: 290px; height: 250px; overflow: auto; padding: 10px; border-bottom: 2px dotted white; font-family:Cookie;font-size:22px; color:white;">
                          <center>Bien le Bonjour !<br /></center>
<b>Ladies'Coffee</b> est un <b>forum de discussion entre femmes</b> de tout âges et de tout horizons !
Venez discuter avec nous de tous les sujets que vous souhaitez aborder : Amour, Amitié, Santé, Famille mais aussi nos passions, nos vies de tous les jours, ici, nous parlons de tout.

<b>Dames et Demoiselles, soyez les bienvenues sur ce forum ou bienveillance et échanges sont les maîtres-mots !</b>
                        </div>
</td>
  <td rowspan="2" valign="top" style="height: 150px; border-right: 2px dotted white;" ><div class="bloc_titre_PA">Navigation </div>

    <div style="width: 130px;height: 150px; overflow: auto; margin:8px;padding: 20px;border-bottom: 2px dotted white;">
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/t3-les-regles-d-or-a-lire-obligatoire">Les règles d'or</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/f9-je-me-presente">Les présentations</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/t580-les-sujets-quotidiens">Les sujets quotidiens</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/f47-nos-partenaires-ouvert-aux-invitees">Les partenaires</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/t710-l-equipe-de-ladies-coffee">L'équipe</a>
</td>
 
    <td valign="top" style= "width:280px; height:90px";><div class="bloc_titre_PA">Les équipes </div>

<div style="width: 250px; padding-left: 7px; padding-right: 7px; padding-bottom: 7px;">
                              <br />
<div class="equipe">           
<div class="equipe_img"><img src="https://i62.servimg.com/u/f62/19/68/75/46/td12.png" />
</div>
                                 
<div class="equipe_description">
<center><span style="color: #74A550 ! important; font-family: 'Oswald', sans-serif; font-size: 16px;"> Team Diabolo</span> | <span style="color: rgb(228, 155, 20); font-family: 'Oswald', sans-serif; font-size: 16px;"> XXX points  </span><br /> <span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span>
</center></div></div><br />
                             
<div class="equipe">
 <div class="equipe_img"><img src="https://i62.servimg.com/u/f62/19/68/75/46/tm11.png" /></div>
                                 
<div class="equipe_description">
<center><span style="color: #74A550 ! important; font-family: 'Oswald', sans-serif; font-size: 16px;"> Team Mojito</span> | <span style="color: rgb(228, 155, 20); font-family: 'Oswald', sans-serif; font-size: 16px;"> XXX points  </span><br /> <span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span>
</center></div></div></div> </td>

<td ></td>
</tr>

<tr>
<td rowspan="2" valign="top">
  <div style="width: 280px; height: 70px; overflow: auto; padding: 10px; margin:8px; border-bottom: 2px dotted white; border-top: 2px dashed white;"><div class="bloc_titre_PA">Partenaires</div><center>
<marquee onmouseout="this.start();" onmouseover="this.stop();" loop="infinite" scrolldelay="30" scrollamount="5" direction="left" behavior="scroll"><a target="_blank" href="http://bulletjournalfr.forumactif.com"><img title="Tout l'univers du Bullet Journal" src="https://i58.servimg.com/u/f58/19/64/44/64/bouton38.png" /></a> -
<a target="_blank" href="http://lachrysalide.bbactif.com/"><img title="forum de discussion" src="https://img4.hostingpics.net/pics/525214pub411.png" /></a> -
<a target="_blank" href="http://chez-les-mams.forumactif.com/"><img title="forum de maman" src="https://i62.servimg.com/u/f62/19/53/60/22/qqvy10.gif" /></a>
<a target="_blank" href="http://swapsenfolie.forumactif.com"><img title="forum de swap" src="https://img15.hostingpics.net/pics/395130bouton8831.png"/></a> -
<a target="_blank" href="ttp://www.never-utopia.com"><img title="forum de codage, crédit LS " src="http://img4.hostingpics.net/pics/932453miniban2.jpg"/></a> -       
<a target="_blank" href="http://forumfeminin.forumactif.org/t386-demande-de-partenariat /"><img title="cliquez sur le logo pour rejoindre nos partenaire" alt="partenariat" src="https://i62.servimg.com/u/f62/13/78/97/49/partn10.png" /></a>       
  <a target="_blank" href="http://forumfeminin.forumactif.org/f47-nos-partenaires-ouvert-aux-invitees /"><img alt="partenariat" src="https://i62.servimg.com/u/f62/11/72/51/74/partn210.png" /></a> </marquee>
          </center></div>
</td>
<td ></td>
</tr>

<tr>
  <td rowspan="3" valign="top" style:"width:250px;"><div class="bloc_titre_PA">Staff'</div>

    <font style="font-family:Cookie;color: white; font-size:20px;">Admin’s</font>
<div class="staff" >
<a href="lienprofiladmin"> <img title="Contacter l'admin MmeFeuillage" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a> ___________
 
                  <a href=""> <img title="Contacter l'admin Choops" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a>      </div> 
             
    <font style="font-family:Cookie;color: white; font-size:20px;">Anim’s</font>
    <div class="staff" >
    <a href=""> <img title="Contacter l'animatrice Rebelle" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a> ___________
      <a href=""> <img title="Contacter l'animatrice Fleur" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a> 
</div>
</td>
  <td colspan="2" rowspan="3" valign="top" style:"width:250px;"><div class="bloc_titre_PA">Info du forum</div>
   
    <div class="infofo">
<center>Nous sommes en : <br>Septembre 2018.
<br><br>
Le forum est ouvert depuis :
<br><br>
  Le prochain design arrive en : Décembre</center></div></td>
<td ></td>
</tr>

<tr>
<td valign="top" ><div class="bloc_titre_PA">Derniers sujets</div>
  <div style="width: 280px; height: 150px; overflow: auto; padding: 10px;">
                <iframe style="width: 380px; height: 105px;" target="_blank" frameborder="0" scrolling="no" src="http://forumfeminin.forumactif.org/h7-derniers-sujets" name="dernier_sjt"></iframe>
                        </div>
  </td>
<td ></td>
</tr>

<tr>

<td ></td>
</tr>

</tbody>
</table>


Code:
.grostitre{
  font-family: 'Fredericka the Great';Amatic SC, cursive;
  color : white;
 font-size: 60px;}

.bloc_titre_PA {
 font-family: 'Fredericka the Great';Amatic SC, cursive;
  font-size: 25px;
  text-align: center;
color : white;}

/* Mise en forme du bloc de navigation */
.bloc_PA_nav {
  background-color: #FFFFD2;
  text-align: justify;
  text-decoration: none !important;
  color: #55404D;
  border:solid white 2px;
font-family: 'Cookie', sans-serif;
  border-bottom: dashed red 2px;}


/* Mise en forme des liens du bloc navigation */
.bloc_PA_nav a{
  color: #ED8E69 !important;
  text-decoration: none !important;
  font-family: 'Cookie', sans-serif;
  font-size: 15px;
  font-weight: bold;
 
}

/* Mise en forme des liens du bloc navigation au survol */
.bloc_PA_nav a:hover{
  font-style: italic;
  text-decoration: none !important;
  color: #4B675B !important;
  font-family: 'Cookie', cursive;
}

/*info du forum*/
.infofo{border-left: dotted white 2px;
 border-right:dotted white 2px;
color:white;
font-family:Cookie;
font-size:20px;
}


/* Coulissement des equipe */

.equipe {
  width: 270px;
  height: 50px;
  overflow: hidden;
  border:double white 3px;
background-image : craie blanceh}

.equipe_img {
  position: relative;
  width: 270px;
  height: 50px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

.equipe:hover .equipe_img {
  margin-top: -100px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

.equipe_description {
  position: relative;
  z-index: 1;
  width: 270px;
  height: 65px;
  margin-top: 50px;
  text-align: justify;
  font-size: 11px;
  color: #8c8c8c;
  padding: 2px;
  overflow: auto;
  background-color: #F3FCE0;
}


/*staff*/
 .staff {
  width:250px;
        height: 60px;
  background-color:white;
        background-image:'https://i44.servimg.com/u/f44/19/68/75/46/backst10.jpg';
        color: none;
        padding-left: 15px;
        position: relative;
        margin-bottom: 15px;
        font-family: "amatic SC", sans-serif;
      }

      .staff:hover img.photo {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
      }

      img.photo {
        width: 70px; height: 70px;
        border-radius: 100px;
        background: #4d9ca1;
        position: relative;     
        border: 2px solid #E3C34D;
      }
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://testladiescoffee.kanak.fr
AuteurMessage
avatar
Messages : 24
Date d'inscription : 18/12/2017
Admin
Admin
MessageSujet: Re: test 2 encore Jeu 21 Juin - 17:20
Code:
<link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great|Cookie" rel="stylesheet">

<table border="1" cellspacing="0" cellpadding="0" width="800px" style="background-color:#1f1f21; border:#1f1f21; ">
<tbody>
<tr>
  <td colspan="3" valign="top" ><div class="grostitre"><img src="https://i44.servimg.com/u/f44/19/68/75/46/menu12.png"></div></td>
  <td colspan="4"><div class="bloc_titre_PA">Top site</div>
 
 <a href="http://www.root-top.com/topsite/cda2/in.php?ID=414" target="_blank"><img src="https://i44.servimg.com/u/f44/19/68/75/46/topsit17.png" /></a>
 
<a href="http://www.root-top.com/topsite/forumsdeforumactif/in.php?ID=92" target="_blank"><img src="https://i44.servimg.com/u/f44/19/68/75/46/topsit16.png" /></a>
 <a href="http://www.root-top.com/topsite/royalepub/in.php?ID=119" target="_blank"><img src="https://i44.servimg.com/u/f44/19/68/75/46/topsit15.png" /></a>
 
  <a href="http://en.root-top.com/toplist/graphix/in.php?ID=2202" target="_blank"><img src="https://i44.servimg.com/u/f44/19/68/75/46/topsit14.png" /></a></td>
</tr>

<tr>
  <td colspan="2" rowspan="2" valign="top" style="width:240px; height: 200px; border-right:3px dashed white" >
    <div style="width: 290px; height: 260px; overflow: auto; padding: 10px; border-bottom: 2px dotted white; font-family:Cookie;font-size:22px; color:white;">
                          <center>Bien le Bonjour !<br /></center>
<b>Ladies'Coffee</b> est un <b>forum de discussion entre femmes</b> de tout âges et de tout horizons !
Venez discuter avec nous de tous les sujets que vous souhaitez aborder : Amour, Amitié, Santé, Famille mais aussi nos passions, nos vies de tous les jours, ici, nous parlons de tout.

<b>Dames et Demoiselles, soyez les bienvenues sur ce forum ou bienveillance et échanges sont les maîtres-mots !</b>
                        </div> <div class="bloc_titre_PA">Staff'</div>
</td>
  <td rowspan="2" valign="top" style="height: 140px; border-right: 2px dotted white;" ><div class="bloc_titre_PA">Navigation </div>

    <div style="width: 130px;height: 140px; overflow: auto; margin:8px;padding: 20px;border-bottom: 2px dotted white;">
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/t3-les-regles-d-or-a-lire-obligatoire">Les règles d'or</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/f9-je-me-presente">Les présentations</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/t580-les-sujets-quotidiens">Les sujets quotidiens</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/f47-nos-partenaires-ouvert-aux-invitees">Les partenaires</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/t710-l-equipe-de-ladies-coffee">L'équipe</a>
</td>
 
    <td valign="top" style= "width:280px; height:90px";><div class="bloc_titre_PA">Les équipes </div>

<div style="width: 250px; padding-left: 7px; padding-right: 7px; padding-bottom: 7px;">
                              <br />
<div class="equipe">           
<div class="equipe_img"><img src="https://i62.servimg.com/u/f62/19/68/75/46/td12.png" />
</div>
                                 
<div class="equipe_description">
<center><span style="color: #74A550 ! important; font-family: 'Oswald', sans-serif; font-size: 16px;"> Team Diabolo</span> | <span style="color: rgb(228, 155, 20); font-family: 'Oswald', sans-serif; font-size: 16px;"> XXX points  </span><br /> <span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span>
</center></div></div><br />
                             
<div class="equipe">
 <div class="equipe_img"><img src="https://i62.servimg.com/u/f62/19/68/75/46/tm11.png" /></div>
                                 
<div class="equipe_description">
<center><span style="color: #74A550 ! important; font-family: 'Oswald', sans-serif; font-size: 16px;"> Team Mojito</span> | <span style="color: rgb(228, 155, 20); font-family: 'Oswald', sans-serif; font-size: 16px;"> XXX points  </span><br /> <span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span>
</center></div></div></div> </td>

<td ></td>
</tr>

<tr>
<td rowspan="2" valign="top">
  <div style="width: 280px; height: 90px; overflow: auto; padding: 10px; margin:8px; border-bottom: 2px dotted white; border-top: 2px dashed white;"><div class="bloc_titre_PA">Partenaires</div><center>
<marquee onmouseout="this.start();" onmouseover="this.stop();" loop="infinite" scrolldelay="30" scrollamount="5" direction="left" behavior="scroll"><a target="_blank" href="http://bulletjournalfr.forumactif.com"><img title="Tout l'univers du Bullet Journal" src="https://i58.servimg.com/u/f58/19/64/44/64/bouton38.png" /></a> -
<a target="_blank" href="http://lachrysalide.bbactif.com/"><img title="forum de discussion" src="https://img4.hostingpics.net/pics/525214pub411.png" /></a> -
<a target="_blank" href="http://chez-les-mams.forumactif.com/"><img title="forum de maman" src="https://i62.servimg.com/u/f62/19/53/60/22/qqvy10.gif" /></a>
<a target="_blank" href="http://swapsenfolie.forumactif.com"><img title="forum de swap" src="https://img15.hostingpics.net/pics/395130bouton8831.png"/></a> -
<a target="_blank" href="ttp://www.never-utopia.com"><img title="forum de codage, crédit LS " src="http://img4.hostingpics.net/pics/932453miniban2.jpg"/></a> -       
<a target="_blank" href="http://forumfeminin.forumactif.org/t386-demande-de-partenariat /"><img title="cliquez sur le logo pour rejoindre nos partenaire" alt="partenariat" src="https://i62.servimg.com/u/f62/13/78/97/49/partn10.png" /></a>       
  <a target="_blank" href="http://forumfeminin.forumactif.org/f47-nos-partenaires-ouvert-aux-invitees /"><img alt="partenariat" src="https://i62.servimg.com/u/f62/11/72/51/74/partn210.png" /></a> </marquee>
          </center></div>
</td>
<td ></td>
</tr>

<tr>
  <td rowspan="3" valign="top" style:"width:250px;">

    <font style="font-family:Cookie;color: white; font-size:20px;">Admin’s</font>
<div class="staff" >
<a href="lienprofiladmin"> <img title="Contacter l'admin MmeFeuillage" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a> ___________
 
                  <a href=""> <img title="Contacter l'admin Choops" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a>      </div> 
             
    <font style="font-family:Cookie;color: white; font-size:20px;">Anim’s</font>
    <div class="staff" >
    <a href=""> <img title="Contacter l'animatrice Rebelle" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a> ___________
      <a href=""> <img title="Contacter l'animatrice Fleur" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a> 
</div>
</td>
  <td colspan="2" rowspan="3" valign="top" style:"width:250px;"><div class="bloc_titre_PA">Info du forum</div>
   
    <div class="infofo">
<center>Nous sommes en : <br>Septembre 2018.
<br><br>
Le forum est ouvert depuis :
<br><br>
  Le prochain design arrive en : Décembre</center></div></td>
<td ></td>
</tr>

<tr>
<td valign="top" ><div class="bloc_titre_PA">Derniers sujets</div>
  <div style="width: 280px; height: 150px; overflow: auto; padding: 10px;">
                <iframe style="width: 380px; height: 105px;" target="_blank" frameborder="0" scrolling="no" src="http://forumfeminin.forumactif.org/h7-derniers-sujets" name="dernier_sjt"></iframe>
                        </div>
  </td>
<td ></td>
</tr>

<tr>

<td ></td>
</tr>

</tbody>
</table>


Code:
.grostitre{
  font-family: 'Fredericka the Great';Amatic SC, cursive;
  color : white;
 font-size: 60px;
margin:2px;}

.bloc_titre_PA {
 font-family: 'Fredericka the Great';Amatic SC, cursive;
  font-size: 25px;
  text-align: center;
color : white;
margin-bottom:8px;}

/* Mise en forme du bloc de navigation */
.bloc_PA_nav {
  background-color: #FFFFD2;
  text-align: justify;
  text-decoration: none !important;
  color: #55404D;
  border:solid white 2px;
font-family: 'Cookie', sans-serif;
  border-bottom: dashed red 2px;}


/* Mise en forme des liens du bloc navigation */
.bloc_PA_nav a{
  color: #ED8E69 !important;
  text-decoration: none !important;
  font-family: 'Cookie', sans-serif;
  font-size: 15px;
  font-weight: bold;
 
}

/* Mise en forme des liens du bloc navigation au survol */
.bloc_PA_nav a:hover{
  font-style: italic;
  text-decoration: none !important;
  color: #4B675B !important;
  font-family: 'Cookie', cursive;
}

/*info du forum*/
.infofo{border-left: dotted white 2px;
 border-right:dotted white 2px;
color:white;
font-family:Cookie;
font-size:20px;
}


/* Coulissement des equipe */

.equipe {
  width: 270px;
  height: 50px;
  overflow: hidden;
  border:double white 3px;
background-image : craie blanceh}

.equipe_img {
  position: relative;
  width: 270px;
  height: 50px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

.equipe:hover .equipe_img {
  margin-top: -100px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

.equipe_description {
  position: relative;
  z-index: 1;
  width: 270px;
  height: 65px;
  margin-top: 50px;
  text-align: justify;
  font-size: 11px;
  color: #8c8c8c;
  padding: 2px;
  overflow: auto;
  background-color: #F3FCE0;
}


/*staff*/
 .staff {
  width:250px;
        height: 60px;
        background-image: url("https://i44.servimg.com/u/f44/19/68/75/46/backst10.jpg");
        color: none;
        padding-left: 15px;
        position: relative;
        margin-bottom: 15px;
        font-family: "amatic SC", sans-serif;
      }

      .staff:hover img.photo {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
      }

      img.photo {
        width: 70px; height: 70px;
        border-radius: 100px;
        background: #4d9ca1;
        position: relative;     
        border: 2px solid white;
      }
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://testladiescoffee.kanak.fr
AuteurMessage
avatar
Messages : 24
Date d'inscription : 18/12/2017
Admin
Admin
MessageSujet: Re: test 2 encore Jeu 21 Juin - 18:13
Code:
<link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great|Cookie" rel="stylesheet">

<table border="1" cellspacing="0" cellpadding="0" width="800px" style="background-color:#1f1f21; border:#1f1f21; ">
<tbody>
<tr>
  <td colspan="3" valign="top" ><div class="grostitre"><img src="https://i44.servimg.com/u/f44/19/68/75/46/menu12.png"></div></td>
  <td colspan="4"><div class="bloc_titre_PA">Top site</div>
 
 <a href="http://www.root-top.com/topsite/cda2/in.php?ID=414" target="_blank"><img src="https://i44.servimg.com/u/f44/19/68/75/46/topsit17.png" /></a>
 
<a href="http://www.root-top.com/topsite/forumsdeforumactif/in.php?ID=92" target="_blank"><img src="https://i44.servimg.com/u/f44/19/68/75/46/topsit16.png" /></a>
 <a href="http://www.root-top.com/topsite/royalepub/in.php?ID=119" target="_blank"><img src="https://i44.servimg.com/u/f44/19/68/75/46/topsit15.png" /></a>
 
  <a href="http://en.root-top.com/toplist/graphix/in.php?ID=2202" target="_blank"><img src="https://i44.servimg.com/u/f44/19/68/75/46/topsit14.png" /></a>
    <a href="#" target="_blank" style="font-color:white;">Signales tes votes !</a></td>
</tr>

<tr>
  <td colspan="2" rowspan="2" valign="top" style="width:240px; height: 200px; border-right:3px dashed white" >
    <div style="width: 250px; height: 260px; overflow: auto; padding: 10px; border-bottom: 2px dotted white; font-family:Cookie;font-size:20.5px; color:white;">
                          <center>Bien le Bonjour !<br /></center>
<b>Ladies'Coffee</b> est un <b>forum de discussion entre femmes</b> de tout âges et de tout horizons !
Venez discuter avec nous de tous les sujets que vous souhaitez aborder : Amour, Amitié, Santé, Famille mais aussi nos passions, nos vies de tous les jours, ici, nous parlons de tout.

<b>Dames et Demoiselles, soyez les bienvenues sur ce forum ou bienveillance et échanges sont les maîtres-mots !</b>
                        </div> <div class="bloc_titre_PA">Staff'</div>
</td>
  <td rowspan="2" valign="top" style="height: 140px; border-right: 2px dotted white;" ><div class="bloc_titre_PA">Navigation </div>

    <div style="width: 150px;height: 140px; overflow: auto; margin:10px;padding:5px;padding-bottom:56px;border-bottom: 2px dotted white;">
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/t3-les-regles-d-or-a-lire-obligatoire">Les règles d'or</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/f9-je-me-presente">Les présentations</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/t580-les-sujets-quotidiens">Les sujets quotidiens</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/f47-nos-partenaires-ouvert-aux-invitees">Les partenaires</a> <br />
<span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span> <a href="http://forumfeminin.forumactif.org/t710-l-equipe-de-ladies-coffee">L'équipe</a>
</td>
 
    <td valign="top" style= "width:280px; height:90px";><div class="bloc_titre_PA">Les équipes </div>

<div style="width: 250px; padding-left: 7px; padding-right: 7px; padding-bottom: 7px;">
                              <br />
<div class="equipe">           
<div class="equipe_img"><img src="https://i62.servimg.com/u/f62/19/68/75/46/td12.png" />
</div>
                                 
<div class="equipe_description">
<center><span style="color: #74A550 ! important; font-family: 'Oswald', sans-serif; font-size: 16px;"> Team Diabolo</span> | <span style="color: rgb(228, 155, 20); font-family: 'Oswald', sans-serif; font-size: 16px;"> XXX points  </span><br /> <span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span>
</center></div></div><br />
                             
<div class="equipe">
 <div class="equipe_img"><img src="https://i62.servimg.com/u/f62/19/68/75/46/tm11.png" /></div>
                                 
<div class="equipe_description">
<center><span style="color: #74A550 ! important; font-family: 'Oswald', sans-serif; font-size: 16px;"> Team Mojito</span> | <span style="color: rgb(228, 155, 20); font-family: 'Oswald', sans-serif; font-size: 16px;"> XXX points  </span><br /> <span style="color: #C43636; font-size: 15px;"><strong>♆</strong></span>
</center></div></div></div> </td>

<td ></td>
</tr>

<tr>
<td rowspan="2" valign="top">
  <div style="width: 280px; height: 90px; overflow: auto; padding: 10px; margin:8px; border-bottom: 2px dotted white; border-top: 2px dashed white;"><div class="bloc_titre_PA">Partenaires</div><center>
<marquee onmouseout="this.start();" onmouseover="this.stop();" loop="infinite" scrolldelay="30" scrollamount="5" direction="left" behavior="scroll"><a target="_blank" href="http://bulletjournalfr.forumactif.com"><img title="Tout l'univers du Bullet Journal" src="https://i58.servimg.com/u/f58/19/64/44/64/bouton38.png" /></a> -
<a target="_blank" href="http://lachrysalide.bbactif.com/"><img title="forum de discussion" src="https://img4.hostingpics.net/pics/525214pub411.png" /></a> -
<a target="_blank" href="http://chez-les-mams.forumactif.com/"><img title="forum de maman" src="https://i62.servimg.com/u/f62/19/53/60/22/qqvy10.gif" /></a>
<a target="_blank" href="http://swapsenfolie.forumactif.com"><img title="forum de swap" src="https://img15.hostingpics.net/pics/395130bouton8831.png"/></a> -
<a target="_blank" href="ttp://www.never-utopia.com"><img title="forum de codage, crédit LS " src="http://img4.hostingpics.net/pics/932453miniban2.jpg"/></a> -       
<a target="_blank" href="http://forumfeminin.forumactif.org/t386-demande-de-partenariat /"><img title="cliquez sur le logo pour rejoindre nos partenaire" alt="partenariat" src="https://i62.servimg.com/u/f62/13/78/97/49/partn10.png" /></a>       
  <a target="_blank" href="http://forumfeminin.forumactif.org/f47-nos-partenaires-ouvert-aux-invitees /"><img alt="partenariat" src="https://i62.servimg.com/u/f62/11/72/51/74/partn210.png" /></a> </marquee>
          </center></div>
</td>
<td ></td>
</tr>

<tr>
  <td rowspan="3" valign="top" style:"width:250px;">

    <font style="font-family:Cookie;color: white; font-size:20px;">Admin’s</font>
<div class="staff" >
<a href="lienprofiladmin"> <img title="Contacter l'admin MmeFeuillage" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a> ___________
 
                  <a href=""> <img title="Contacter l'admin Choops" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a>      </div> 
             
    <font style="font-family:Cookie;color: white; font-size:20px;">Anim’s</font>
    <div class="staff" >
    <a href=""> <img title="Contacter l'animatrice Rebelle" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a> ___________
      <a href=""> <img title="Contacter l'animatrice Fleur" src="http://i38.servimg.com/u/f38/19/07/10/81/essai-10.png" alt="" class="photo" /></a> 
</div>
</td>
  <td colspan="2" rowspan="3" valign="top" style:"width:250px;"><div class="bloc_titre_PA">Info du forum</div>
   
    <div class="infofo">
<center>Nous sommes en : <br>Septembre 2018.
<br><br>
Le forum est ouvert depuis :
<br><br>
  Le prochain design arrive en : Décembre</center></div></td>
<td ></td>
</tr>

<tr>
<td valign="top" ><div class="bloc_titre_PA">Derniers sujets</div>
  <div style="width: 280px; height: 150px; overflow: auto; padding: 10px;">
                <iframe style="width: 380px; height: 105px;" target="_blank" frameborder="0" scrolling="no" src="http://forumfeminin.forumactif.org/h7-derniers-sujets" name="dernier_sjt"></iframe>
                        </div>
  </td>
<td ></td>
</tr>

<tr>

<td ></td>
</tr>

</tbody>
</table>


Code:
a{
color:white;
font-family:Cookie;
font-size:20px;}
a:hover{font-weight: bold;}

.grostitre{
  font-family: 'Fredericka the Great';Amatic SC, cursive;
  color : white;
 font-size: 60px;
margin:2px;}

.bloc_titre_PA {
 font-family: 'Fredericka the Great';Amatic SC, cursive;
  font-size: 25px;
  text-align: center;
color : white;
margin-bottom:8px;}

/* Mise en forme du bloc de navigation */
.bloc_PA_nav {
  background-color: #FFFFD2;
  text-align: justify;
  text-decoration: none !important;
  color: #55404D;
  border:solid white 2px;
font-family: 'Cookie', sans-serif;
  border-bottom: dashed red 2px;}


/* Mise en forme des liens du bloc navigation */
.bloc_PA_nav a{
  color: #ED8E69 !important;
  text-decoration: none !important;
  font-family: 'Cookie', sans-serif;
  font-size: 15px;
  font-weight: bold;
 
}

/* Mise en forme des liens du bloc navigation au survol */
.bloc_PA_nav a:hover{
  font-style: italic;
  text-decoration: none !important;
  color: #4B675B !important;
  font-family: 'Cookie', cursive;
}

/*info du forum*/
.infofo{border-left: dotted white 2px;
 border-right:dotted white 2px;
color:white;
font-family:Cookie;
font-size:20px;
}


/* Coulissement des equipe */

.equipe {
  width: 270px;
  height: 50px;
  overflow: hidden;
  border:double white 3px;
background-image : craie blanceh}

.equipe_img {
  position: relative;
  width: 270px;
  height: 50px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

.equipe:hover .equipe_img {
  margin-top: -100px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

.equipe_description {
  position: relative;
  z-index: 1;
  width: 270px;
  height: 65px;
  margin-top: 50px;
  text-align: justify;
  font-size: 11px;
  color: #8c8c8c;
  padding: 2px;
  overflow: auto;
  background-color: #F3FCE0;
}


/*staff*/
 .staff {
  width:250px;
        height: 60px;
        background-image: url("https://i44.servimg.com/u/f44/19/68/75/46/backst10.jpg");
        color: none;
        padding-left: 15px;
        position: relative;
        margin-bottom: 15px;
        font-family: "amatic SC", sans-serif;
      }

      .staff:hover img.photo {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
      }

      img.photo {
        width: 70px; height: 70px;
        border-radius: 100px;
        background: #4d9ca1;
        position: relative;     
        border: 2px solid white;
      }
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://testladiescoffee.kanak.fr
AuteurMessage
Contenu sponsorisé
MessageSujet: Re: test 2 encore
Revenir en haut Aller en bas

test 2 encore

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

Sujets similaires

-
» [résolu]horloge test en swf
» test du text-rich qui tourne
» Crash-test by Renault
» Graph test de Kelkun [Photoshop]
» test de rendu render(in)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum de test de Ladies'coffee :: Bienvenue au café des dames :: The First Time :: test3-