AccueilAccueil  Site BESite BE  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez|

Page Accueil N°1

Voir le sujet précédent Voir le sujet suivant Aller en bas
Messages : 66
Date d'inscription : 19/11/2015
Age : 27
MessageSujet: Page Accueil N°1 Mar 15 Mar 2016 - 22:34

Aperçu Général

Aperçu menu au survole

Aperçu Staff & Vacants au survole


- Merci de conserver le crédit de Black Eden sur le PA ou a défaut de l'afficher ailleurs sur votre forum.
- Vous pouvez modifier les couleurs, images et titres de rubrique du PA mais merci d'en conserver sa forme.
- Des info bulles apparaissent au passage de la souris sur les boutons d'affiliés ainsi que sur les boutons de top forum, pensez donc a les changer.

- Please keep the credit of Black Eden on the PA or a default display elsewhere on your forum.
- You can change the colors , images and titles on the PA but thank you to retain its shape.
- The tool tips appear when the mouse pass on the affiliate and on the button of top forum , so remember to change them.



Code a placer après < head > dans overall_header:
Code:
<link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>

Code html a placer dans votre page d’accueil:
Code:
<center><div class="titreforumpa">☘ Nom De Votre Forum ☘</div>
<table>
<tbody>
<tr>
<td>
<div class="titrepa">Liens Rapide</div>
<div class="cadrepa" style="width:240px;">
<br /><center><div style="height:110px; padding:3px; overflow: auto;">
<ul id="navigationPA">
  <li><a href="http://" title="aller au menu 1">Menu 1</a></li>
  <li><a href="http://" title="aller au menu 2">Menu 2</a></li>
  <li><a href="http://" title="aller au menu 3">Menu 3</a></li>
  <li><a href="http://" title="aller au menu 4">Menu 4</a></li>
  <li><a href="http://" title="aller au menu 5">Menu 5</a></li>
</ul></div>
</center></div></td>
<td>
<div class="titrepa">Contexte</div>
<div  class="cadrepa" style="width:510px;overflow: auto;">
<br /><center><div style="height:110px; padding:3px; overflow: auto; text-align:justify;">
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
<br /><br /><center><a href="http://" class="postlink" target="_blank" rel="nofollow">• Lire la suite ? •</a></center>
</center></div></div>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td>
<div class="titrepa">Staff</div>
<div class="cadrepa" style="width:240px;overflow: auto;">
<br /><div style="height:90px; padding:3px; overflow: auto; text-align:center;">      
<center><table>
<tbody>
<tr>
<td>
<div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa1-50x50.jpg" /></div>
</td>
<td>
<div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa1-50x50.jpg" /></div>
</td>
<td>
<div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa1-50x50.jpg" /></div>
</td>
<td>
<div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa1-50x50.jpg" /></div>
</td>
</tr>
</tbody>
</table>
</center>
<br /></center></div></div>
</td>
<td>
<div class="titrepa">Nouveautés</div>
<div class="cadrepa" style="width:250px;overflow: auto;">
<br /><div style="height:90px; padding:3px; overflow: auto; text-align:left;">
<strong>00/00/00</strong>: News #1<br />
<strong>00/00/00</strong>: News #2<br />
<strong>00/00/00</strong>: News #3<br />
<strong>00/00/00</strong>: News #4<br /><br />
<center><a href="http://" class="postlink" target="_blank" rel="nofollow">• Toutes les news du forum •</a></center>
</div>
</div>
</td>
<td>
<div class="titrepa">Postes Vacants</div>
<div class="cadrepa" style="width:240px;overflow: auto;">
<br /><div style="height:90px; padding:3px; overflow: auto; text-align:center;">      
<center><table>
<tbody>
<tr>
<td>
<div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa1-50x50.jpg" /></div>
</td>
<td>
<div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa1-50x50.jpg" /></div>
</td>
<td>
<div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa1-50x50.jpg" /></div>
</td>
<td>
<div class="imagesrtexte"><div class="textessimage"><strong>Prenom Nom</strong><br /><a href="http://">voir fiche</a> </div><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa1-50x50.jpg" /></div>
</td>
</tr>
</tbody>
</table>
</center>
<br /><a href="http://" class="postlink" target="_blank" rel="nofollow">• Tous les vacants ? •</a></center></div></div>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td>
<div class="titrepa">Nos Amis</div>
<div class="cadrepa" style="width:375px;">
<br /><center><div style="height:50px; padding:3px; overflow: auto; text-align:center;">
<a href="http://blackeden.fr/" class="postlink" target="_blank" rel="nofollow" title="Black Eden"><img border="0" src="http://kiarie.free.fr/eden/images/link/88x31-20.jpg" alt="" /></a> <a href="http://" class="postlink" target="_blank" rel="nofollow" title="ami #2"><img border="0" src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa1-88x31.jpg" alt="" /></a> <a href="http://" class="postlink" target="_blank" rel="nofollow" title="ami #3"><img border="0" src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa1-88x31.jpg" alt="" /></a> <a href="http://" class="postlink" target="_blank" rel="nofollow" title="ami #4"><img border="0" src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa1-88x31.jpg" alt="" /></a><br /><a href="http://" class="postlink" target="_blank" rel="nofollow">• Tous nos amis •</a></div>
</center></div></td>
<td>
<div class="titrepa">Top Forum</div>
<div class="cadrepa" style="width:375px;">
<br /><center><div style="height:50px; padding:3px; overflow: auto; text-align:center;">
<a href="http://" class="postlink" target="_blank" rel="nofollow" title="Top #1"><img border="0" src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa1-40x30.png" alt="" /></a>
<a href="http://" class="postlink" target="_blank" rel="nofollow" title="Top #2"><img border="0" src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa1-40x30.png" alt="" /></a>
<a href="http://" class="postlink" target="_blank" rel="nofollow" title="Top #3"><img border="0" src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa1-40x30.png" alt="" /></a>
<a href="http://" class="postlink" target="_blank" rel="nofollow" title="Top #4"><img border="0" src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa1-40x30.png" alt="" /></a>
<a href="http://" class="postlink" target="_blank" rel="nofollow" title="Top #5"><img border="0" src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa1-40x30.png" alt="" /></a><br />• Votez toutes les 2 heures! •</div>
</center></div>
</td>
</tr>
</tbody>
</table>
</center>
</div>
<div align="right"><div style="font-family: calibri; font-size: 12px; color: #85D4BF;">Page d'accueil Créée par KIARIE de <a href="http://blackeden.fr" class="postlink" target="_blank" rel="nofollow" style="color: #85D4BF">BLACK EDEN</a></div></div></td>
</tr>
</tbody>
</table>
<br />
 

Code a placer dans votre CSS:
Code:
/****************************************** PANNEAU ACCUEIL BLACK EDEN N°1 ******************************************/
.titreforumpa {
  font-size: 60px;
  font-family: 'Great Vibes', cursive;
  text-shadow: 2px 2px 0px #85D4BF;
  color: #413E3C;
}
.cadrepa {
  background-color: #BDECD9;
  box-shadow: 0px 0px 5px #BDECD9;
  font-family: calibri;
  font-size: 12px;
  color: #413E3C;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  text-align:justify;
  line-height: 15px;
}
.titrepa {
  font-size: 30px;
  font-family: 'Great Vibes', cursive;
  text-shadow: 1px 2px 0px #BDECD9;
  text-align:center;
  color: #413E3C;
  background-color : #85D4BF;
  border: 1px solid #85D4BF;
}
#navigationPA {
  width: 230px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#navigationPA li {
  background: #BDECD9;
  color: #413E3C;
}
#navigationPA li a {
  display: block;
  background: #BDECD9;
  color: #413E3C;
  font-family: calibri;
  line-height: 1em;
  text-align: center;
  text-decoration: none!important;
  padding: 4px 0 ;
}
#navigationPA li a:hover, #navigationPA li a:focus, #navigationPA li a:active {
  background: #85D4BF;
  text-decoration: none!important;
  text-transform: uppercase;
}
.textessimage {
  background-color: #85D4BF;
  width: 50px;
  height: 50px;
  overflow: auto;
  font-family: calibri;
  font-size: 10px;
  color: #413E3C;
  text-align:center;
}
.imagesrtexte img {
  margin-top: -50px;
  transition: transform 5s;
  -moz-transition: -moz-transform 5s;
  -o-transition: -o-transform 5s;
  -webkit-transition: -webkit-transform 5s;
}
.imagesrtexte:hover img {
  display: none;
}
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://blackeden.fr

Page Accueil N°1

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
Black Eden :: Black Eden :: Ressources :: Codages-