AccueilAccueil  Site BESite BE  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
-20%
Le deal à ne pas rater :
Pack Gigabyte Ecran PC Gamer 27″ LED M27Q (rev2.0) + Radeon RX 6950 ...
749 € 939 €
Voir le deal

Partagez|

Page Accueil N°1

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

Aperçu Général
Page Accueil N°1 Tumblr_o43ouwKUqg1um9f0oo1_1280
Aperçu menu au survole
Page Accueil N°1 Tumblr_o43ouwKUqg1um9f0oo2_1280
Aperçu Staff & Vacants au survole
Page Accueil N°1 Tumblr_o43ouwKUqg1um9f0oo3_1280


- 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
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-