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>
Re: Page d'accueil été2018
Mar 17 Juil - 16:29
Re: Page d'accueil été2018
Mar 17 Juil - 16:38
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|