Forum de test

forum de test
 
AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  Connexion  

Partagez | 
 

 CODE PA (basique)

Aller en bas 
AuteurMessage
Admin
Admin


Messages : 4
Date d'inscription : 28/02/2012

MessageSujet: CODE PA (basique)   Lun 19 Mar - 9:47

http://templactif.forumgratuit.org/t39-pa-basique

css :
Code:
/*DEBUT NOUVELLE PAGE D'ACCUEIL*/

/* effet de transparance image */

.transparence {
background-color: transparent;
border: none;
opacity: 0.5;
}

.transparence:hover{
background-color: transparent;
border: none;
opacity: 2;
}

/*-----------------inffobulles----------------- */

 
div.infobulle
{
 position: relative;
 float: left;
color: white;
}

div.infobulle span
{
 display: none; /* ceci masque l'infobulle */
}
div.infobulle:hover
{
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  color: black;
}


/* style de l infobulle */

div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
top: 10px; /* on positionne notre infobulle */
background-color: #CCCCCC;  /* couleur du fond de l'infobulle */
color: #fff; /* couleur du texte */
 padding: 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
 white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
text-align: center;
font-size: 14px;
border-color:#000000; /* couleur des bordures */
border-style:solid;
border-width:1px 1px 1px 1px;
}

/*-----------------Titres----------------- */
.titre{
color:#000000; /* couleur de la police */
font-weight: bold; /* épaisseur de la police en gras */
font-size: 14px; /* taille de la police */
text-align : center; /* alignement du texte */
padding: 6px; /* marge intérieur */
margin: 4px;  /* marge extérieur */
margin-bottom: 5px; /* marge extérieure pour moi 5px en bas */
border-bottom: 2px dotted #000000;  /* soulignement en pointillé */
}
/*-----------------Boites----------------- */
.boite{
color:#000000; /* couleur de la police */
text-align : center; /* alignement du texte */
font-size: 12px; /* taille de la police */
}

.boite1{
color:#000000; /* couleur de la police */
font-size: 12px; /* taille de la police */
}
/*-----------------Navigation----------------- */
.chatling{
padding: 4px; /* marge intérieur */
margin: 3px;  /* marge extérieur */
border: 2px dotted #000000;  /* soulignement en pointillé */
border-left: none;
border-right: none;
width: 190px;/* taille à ne pas toucher */
display : block;
}

/*-----------------staff----------------- */
.staff{
text-align: right; /* alignement du texte */
border-bottom: 2px solid #000000; /* bordure */
display : block;
}
/*FIN NOUVELLE PAGE D'ACCUEIL*/


le tableau :
Code:
<table width="800">
  <tr>
  <td width="150"><div class="titre">Partenaires</div></td>
  <td width="200"><div class="titre">Liens Utiles</div></td>
  <td colspan="2" width="450"><div class="titre">Bienvenue sur XXX</div></td>
  </tr>
 
  <tr>
  <td rowspan="3" width="150"><div class="boite"><span><marquee behavior="scroll" direction="up" scrollamount="1" height="200">
<a href="LIEN" class="postlink transparence" target="_blank"><img src="http://i.hebimage.com/0511/4de1fc2067535.png" class="transparence"/></a>
<a href="LIEN" class="postlink transparence" target="_blank"><img src="http://i.hebimage.com/0511/4de1fc2067535.png" class="transparence"/></a>
</marquee></span></div></td>
  <td width="200"><div class="boite">
  <span class="chatling"><a href="LIEN" class="postlink">Lien1</a></span>
  <span class="chatling"><a href="LIEN" class="postlink">Lien1</a></span>
  <span class="chatling"><a href="LIEN" class="postlink">Lien1</a></span>
  </div></td>
    <td colspan="2" width="450"><div class="boite"><div style="height:100px;overflow:auto;">
  Omne igitur hoc, (quidquid est) cui mundi coelique nomen indidimus,
  unum id est, et uno ambitu se cunctaque amplectitur. Partibus differt: unde sol oritur, oriens nuncupatur, aut ortus; quo demergitur,
  occidens, vel occasus; qua decurrit, meridies; ab adversa parte, septentrio. Hujus medio terra sublimis cingitur undique mari: eodemque in duo
  latera, quae hemisphaeria nominantur, ab oriente divisa ad occasum, zonis quinque distinguitur.[2] Mediam aestus infestat, frigus ultimas: reliquae
  habitabiles paria agunt anni tempora, verum non pariter. Antichthones alteram,[3] nos alteram incolimus. Illius situs, ob ardorem intercedentis plagae, incognitus;
  hujus dicendus est. Haec ergo, ab ortu porrecta ad occasum, et, quia sic jacet, aliquanto, quam ubi latissima est, longior, ambitur omnis oceano, quatuorque ex eo
  Maria recipit; unum a septentrione, a meridie duo, quartum ab occasu. Suis locis illa referentur. Hoc primum angustum, nec amplius decem millibus passuum patens,
  terras aperit, atque intrat. Tum, longe lateque diffusum, abigit vaste cedentia litora; iisdemque ex diverso prope coeuntibus, adeo in arctum agitur, ut minus mille
  passibus pateat. Inde se rursus, sed modice admodum, laxat; rursusque etiam, quam fuit, arctius exit in spatium. Quo cum est acceptum, ingens iterum, et magnae paludi,
  cao ad ea flumina, ab altero latere Africam vocamus; ab altero, Europen: ad Nilum, Africam; ad Tanain, Europen. <br>
  Ultra quidquid est, Asia est.</div></div></td>
 
  <tr>
  <td width="150"><div class="titre">Crédits</div></td>
  <td width="200"><div class="titre">News</div></td>
  <td width="300"><div class="titre">Staff</div></td>
  </tr>
 
  <tr>
  <td width="150"><div class="boite">Page d'accueil par Akino <a href="http://templactif.forumgratuit.org">Templactif</a></div></td>
  <td width="200"><div class="boite"><div style="height:100px;overflow:auto;">Contenu</div></div></td>
  <td width="300"><div class="boite1"><span class="staff">Titre</span><br>
<center><div class="infobulle"><img src="URL IMAGE" class="transparence"><span>PSEUDO
<div><img src="URL IMAGE"></div></span></div></center><br><br>
  <span class="staff">Titre</span><br> </div></td>
  </tr>
 
</table>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://forumdetest.frbb.net
 
CODE PA (basique)
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» J'ai 2 code pour avoir 6 razoirs Shick Induition DÉJÀ DONNÉ
» Vidéos - générateur de code pour vidéo et player
» [Nocturne] Demande d'aide pour code css complet s'il vous plait.
» Pseudo-objet - Générateur de code
» compresseur de code

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum de test :: Votre 1ère catégorie :: Votre 1er forum-
Sauter vers: