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

Partagez|

Page Accueil N°2

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°2 Jeu 17 Mar 2016 - 0:06


Aperçu Général


Aperçu menu au survole


Aperçu Staff au survole


Aperçu Scénarios 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=Shadows+Into+Light' rel='stylesheet' type='text/css'>

Code html a placer dans votre page d’accueil:
Code:
<center><div class="fondtitreforumpa"><span><div class="titreforumpa"> Nom De Votre Forum </div></span></div>
<table>
<tr>
<td rowspan="2">
<div class="titrepa">Navigation</div>
<div class="cadrepa" style="width:200px;">
<br /><center><div style="height:296px; 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>
  <li><a href="http://" title="aller au menu 6">Menu 6</a></li>
  <li><a href="http://" title="aller au menu 7">Menu 7</a></li>
  <li><a href="http://" title="aller au menu 8">Menu 8</a></li>
  <li><a href="http://" title="aller au menu 9">Menu 9</a></li>
  <li><a href="http://" title="aller au menu 10">Menu 10</a></li>
</ul></div>
</center></div></div>
</td>
<td colspan="2">
<div class="titrepa">Contexte</div>
<div  class="cadrepa" style="width:574px;overflow: auto;">
<br /><center><div style="height:133px; 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 /><a href="http://" class="postlink" target="_blank" rel="nofollow">• Lire la suite ? •</a>
</center></div></div>
</td>
</tr>
<tr>
<td>
<div class="titrepa">Staff</div>
<div  class="cadrepa" style="width:275px;overflow: auto;">
<br /><center><div style="height:102px; padding: 3px; overflow: auto; text-align:center;">
<center><table><tr><td>
<div class="imagesurvole"><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-50x80.jpg"><span><center><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-200x100.jpg"><strong>Prenom Nom 1</strong><br />Rang<br /><a href="http://" class="postlink" target="_blank" rel="nofollow">Profil</a> | <a href="http://" class="postlink" target="_blank" rel="nofollow">MP</a></center></span></div>
</td><td><div class="imagesurvole"><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-50x80.jpg"><span><center><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-200x100.jpg"><strong>Prenom Nom 2</strong><br />Rang<br /><a href="http://" class="postlink" target="_blank" rel="nofollow">Profil</a> | <a href="http://" class="postlink" target="_blank" rel="nofollow">MP</a></center></span></div>
</td><td><div class="imagesurvole"><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-50x80.jpg"><span><center><img src="http://kiarie.free.fr/eden/portfolio/codage/pa/pa2-200x100.jpg"><strong>Prenom Nom 3</strong><br />Rang<br /><a href="http://" class="postlink" target="_blank" rel="nofollow">Profil</a> | <a href="http://" class="postlink" target="_blank" rel="nofollow">MP</a></center></span></div>
</td></tr></table></center>
</center></div></div>
<td>
<div class="titrepa">Scénarios</div>
<div  class="cadrepa" style="width:275px;overflow: auto;">
<br /><center><div style="height:102px; 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/pa2-50x80.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/pa2-50x80.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/pa2-50x80.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/pa2-50x80.jpg" /></div>
</td>
</tr>
</tbody>
</table><a href="http://" class="postlink" target="_blank" rel="nofollow">• Tous les scénarios •</a></center>
</center></div></div>
</td>
</tr>
<tr>
<td>
<div class="titrepa">Crédits</div>
<div  class="cadrepa" style="width:200px;overflow: auto;">
<br /><center><div style="height:60px; padding: 3px; overflow: auto; text-align:justify;">
Design: ... | PA: <a href="http://blackeden.fr" class="postlink" target="_blank" rel="nofollow" style="color: #6B323A">BLACK EDEN</a> | Catégories: ... |Qeel: ...
<br /><br />
</center></div></div>
</td>
<td>
<div class="titrepa">Affiliés</div>
<div  class="cadrepa" style="width:275px;overflow: auto;">
<br /><center><div style="height:60px; padding: 3px; overflow: auto; text-align:center;">
<marquee><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/pa2-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/pa2-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/pa2-88x31.jpg" alt="" /></a></marquee>
<br /><a href="http://" class="postlink" target="_blank" rel="nofollow">• Tous nos affiliés •</a></div>
</center></div></div>
</td>
<td>
<div class="titrepa">Top Forum</div>
<div  class="cadrepa" style="width:275px;overflow: auto;">
<br /><center><div style="height:60px; 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/pa2-31x31.jpg" 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/pa2-31x31.jpg" 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/pa2-31x31.jpg" 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/pa2-31x31.jpg" 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/pa2-31x31.jpg" alt="" /></a>
<br />• Votez toutes les 2 heures! •</div>
</center></div></div>
</td>
</tr>
</table></center><br />

Code a placer dans votre CSS:
Code:
/****************************************** PANNEAU ACCUEIL BLACK EDEN N°2 ******************************************/
.fondtitreforumpa{
    margin:30px;
  padding:-20px;
  text-align:center;
  position:relative;
  line-height:10px;
  box-shadow:0 15px 0 0 #6B323A inset;
}
.fondtitreforumpa span{
  background-color:#6B323A;
  padding:0 0px;
}
.titreforumpa {
  font-size: 60px;
  font-family: 'Shadows Into Light', cursive;
  text-shadow: 2px 2px 0px #B1AAB5;
  color: #40313B;
}
.cadrepa {
  background-color: #E8E4ED;
  box-shadow: 0px 0px 5px #E8E4ED;
  font-family: calibri;
  font-size: 12px;
  color: #40313B;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  text-align:justify;
  line-height: 15px;
  border-bottom: 2px solid #40313B;
}
.titrepa {
  font-size: 20px;
  letter-spacing : 10px;
  font-family: 'Shadows Into Light', cursive;
  text-shadow: 1px 1px 0px #B1AAB5;
  text-align:center;
  color: #40313B;
  background-color : #6B323A;
  border: 1px solid #6B323A;
}
#navigationPA {
  width: 190px;
  height : 20px;
  line-height:20px;
  list-style: none;
  margin: 0;
  padding: 0;
}
#navigationPA li {
  background: #E8E4ED;
  color: #40313B;
  padding: 4px 0 ;
}
#navigationPA li a {
  display: block;
  background: #E8E4ED;
  color: #40313B;
  font-family: calibri;
  text-align: center;
  text-decoration: none!important;

}
#navigationPA li a:hover, #navigationPA li a:focus, #navigationPA li a:active {
  background: #6B323A;
  color: #B1AAB5;
  height : 20px;
  line-height:20px;
  text-decoration: none!important;
  text-transform: uppercase;
  font-weight: bold;
}
.imagesurvole {
  text-decoration:none;
}
.imagesurvole span {
  display:none;
  border: 1px solid #40313B;
  color: #40313;
  background: #E8E4ED;
}
.imagesurvole span img {
  margin:0px 8px 8px 0;
}
.imagesurvole:hover span {
  display:block;
  position:absolute;
  z-index: 999;
  width:auto;
  max-width:200px;
  border: 1px solid #40313B;
  margin-top:-10px;
  margin-left:-10px;
  overflow:hidden;
  padding:10px;
}
.textessimage {
  background-color: #6B323A;
  width: 50px;
  height: 80px;
  overflow: auto;
  font-family: calibri;
  font-size: 10px;
  color: #E8E4ED;
  text-align:center;
}
.imagesrtexte a {
  color: #E8E4ED;
}
.imagesrtexte img {
  margin-top: -80px;
  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°2

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-