Forum de test de Ladies'coffee
 

Partagez|

Page d'accueil été2018

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
avatar
Messages : 24
Date d'inscription : 18/12/2017
Age : 29
Localisation : France
Admin
Admin
MessageSujet: Page d'accueil été2018 Ven 22 Juin - 11:51
CSS
Code:
/* --------------------------------- PAGE D'ACCUEIL --------------------------------- */
.PAtotal{
  margin-left: auto;
  margin-right: auto;
  width: 820px; /* largeur obligatoire pour être centré */
}

/* Fond de la PA */
.PA_générale {
  background-color: #EFEFEF;
background-image:url("https://i62.servimg.com/u/f62/11/72/51/74/center10.jpg");
background-repeat:repeat;
background-position: top;
  width: 780px;
  padding: 20px;
  margin-top:10px;
  border: 3px solid #FFFF00;
  text-align: justify;
    border-radius: 50% 8% / 10% 40%;
}

/* Mise en forme du titre de la PA */
.titre_PA1 {
 background-color: none;
  font-family: 'Amatic SC', cursive;
  transform: capslock;
  text-align: center;
  color: #FFFF00;
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  position: relative;
  top: -0.4em;
width: 400px;
margin-left:25%;
  text-shadow: #FF9900 1px 1px, #FF9900 -1px 1px, #FF9900 -1px -1px, #FF9900 1px -1px;
}

.titre_PA1:hover {
  border-left: 2px solid #ED8E69;
  border-right: 2px solid #ED8E69;
  border-radius: 50% 20% / 10% 40%;
}

/* Mise en forme des divers blocs */
.bloc_PA {
  background-color: #FFFFD2;
  text-align: justify;
  color: #333333;
  border-radius: 10% 10%/0% 10%;
}

/* Mise en forme des divers blocs au survol */
.bloc_PA:hover {
  border-left: 2px solid #ED8E69;
  border-right: 2px solid #ED8E69;
}

/* Mise en forme des titres des blocs */
.bloc_titre_PA {
  background-color: #B5DCEA;
  font-family: 'Amatic SC', cursive;
  transform: capslock;
  font-size: 24px;
  text-align: center;
  color: #F9F4F2;
  font-weight: bold;
  border-radius: 0% 10%/0% 10%;
}


/* Mise en forme des liens présents dans les blocs au survol */
.bloc_PA a:hover{
  text-decoration: none !important;
}

/* Mise en forme particulière du bloc de navigation */
.bloc_PA_nav {
  background-color: #FFFFD2;
  text-align: justify;
  color: #55404D;
  border-radius: 10% 10%/0% 10%;
}

/* Mise en forme du bloc navigation au survol */
.bloc_PA_nav:hover {
  border-left: 2px solid #ED8E69;
  border-right: 2px solid #ED8E69;
}

/* 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;
}

/* Coulissement du staff */

.staff {
  width: 275px;
  height: 50px;
  overflow: hidden;
}

.staff_img {
  position: relative;
  width: 275px;
  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;
}

.staff:hover .staff_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;
}

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

/* --------------------------------- FIN PAGE D'ACCUEIL --------------------------------- */


Code:
link href="http://fonts.googleapis.com/css?family=Rochester" rel="stylesheet" type="text/css" /><link href="http://fonts.googleapis.com/css?family=Julius+Sans+One|Finger+Paint|Amatic+SC|Oswald" rel="stylesheet" type="text/css" />
<div class="PAtotal" style="background-image: url("https://i62.servimg.com/u/f62/11/72/51/74/center10.jpg")" >
    <br />
  <div class="PA_générale">
     
      <div class="titre_PA1">
          Bienvenue sur le forum
      </div>
     
      <center>
         
        <table>
           
            <tbody>
               
              <tr>
                 
                  <td>
                     
                    <div class="bloc_PA_nav">
                       
                        <div class="bloc_titre_PA" style="width: 290px;">
                            <strong> Navigation</strong>
                        </div>
                       
                        <div style="width: 250px; height: 80px; 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>
                      </div>
                        <br />
                    </div>
                     
                  </td>
                 
                  <td>
                     
                    <div class="bloc_PA">
                       
                        <div class="bloc_titre_PA" style="width: 100%;">
                            <strong>Découvrez Ladies'coffee</strong>
                        </div>
                       
                        <div style="width: 380px; height: 100px; overflow: auto; padding: 10px;">
                          <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>
                        <br />
                    </div>
                     
                  </td>
                 
              </tr>
               
              <tr>
                 
                  <td>
                      <br />
                    <center>
                       
                        <div class="bloc_PA">
                           
                          <div class="bloc_titre_PA" style="width: 290px;">
                              <strong> Les équipes </strong>
                          </div>
                           
                          <div style="width: 250px; padding-left: 7px; padding-right: 7px; padding-bottom: 7px;">
                              <br />
                              <div class="staff">
                                 
                                <div class="staff_img">
                               
                                  <img src="https://i62.servimg.com/u/f62/19/68/75/46/td12.png" />
                                </div>
                                 
                                <div class="staff_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="staff">
                                 
                                <div class="staff_img">
                                  <img src="https://i62.servimg.com/u/f62/19/68/75/46/tm11.png" />
                                </div>
                                 
                                <div class="staff_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>
                           
                        </div>
                       
                    </center>
                     
                  </td>
                 
                  <td>
                      <br />
                    <div class="bloc_PA">
                       
                        <div class="bloc_titre_PA" style="width: 100%;">
                            <strong>Derniers Sujets</strong>
                        </div>
                       
                        <div style="width: 380px; height: 105px; 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>
                        <br />
                    </div>
                     
                  </td>
                 
              </tr>
               
            </tbody>
           
        </table>
          <br />
   
      </center>
      <center>
       
        <table>
            <tbody>         
              <tr>       
                  <td>     
                    <div class="bloc_PA_nav">
                       
                        <div class="bloc_titre_PA" style="width: 297px;">
                            <strong>Top Sites</strong>
                        </div>
                       
                        <div style="width: 258px; height: 70px; overflow: auto; padding: 10px;">
                           
                          <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>
                           
                        </div>
                        <br />
                    </div>
                     
                  </td>
                 
                  <td>
                     
                    <div class="bloc_PA">
                       
                        <div class="bloc_titre_PA" style="width: 100%;">
                            <strong>Partenaires</strong>
                        </div>
                       
                        <div style="width: 380px; 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>
                        <br />
                    </div>
                     
                  </td>
                 
              </tr>
               
            </tbody>
           
        </table>
         
      </center>
     
  </div>
</div>
         
  <div id="credits" style="font-size:10px;>
  </div>
  </div>
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
Age : 29
Localisation : France
Admin
Admin
MessageSujet: Re: Page d'accueil été2018 Mar 17 Juil - 16:19
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
Age : 29
Localisation : France
Admin
Admin
MessageSujet: Re: Page d'accueil été2018 Mar 17 Juil - 16:29
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
Age : 29
Localisation : France
Admin
Admin
MessageSujet: Re: Page d'accueil été2018 Mar 17 Juil - 16:38
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://testladiescoffee.kanak.fr
AuteurMessage
Contenu sponsorisé
MessageSujet: Re: Page d'accueil été2018
Revenir en haut Aller en bas

Page d'accueil été2018

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

Sujets similaires

-
» [ABANDON] Une page d'accueil à onglets
» [Lixyr Yrna] Une page d'accueil pour rainbow style
» [Akino] Un page d'accueil pour New Day :)
» Redirection vers page d'accueil
» Page d'accueil [Phanta]

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-