Lamire Test
Messages : 227 Date d'inscription : 09/05/2014 Age : 30
Blop attitude vie: (50/50) Oraganison~ : Oraganison~ | nombre | avec qui/quoi ? | rp en cours | | | Rp rechercher | | |
Et tu es ?:
| Sujet: Pa vide de school pub Mer 27 Aoû - 16:06 | |
| - pa css:
.en_tete{ width:700px; min-height:400px; height:auto; background-color:#FFFFFF; background-image:url('https://2img.net/h/i226.photobucket.com/albums/dd220/MissMiet/tutos/fd_tab.png'); background-repeat:no-repeat; margin:auto; border:solid 1px #CCCCCC; }
/****** Mise en page des colonnes ******/
table tr{ vertical-align:top; }
#tab1_col1{ width: 200px; padding:12px; }
#tab1_col2{ width: 350px; padding:12px; }
#tab1_col3{ width: 150px; padding:12px; }
#tab2_col1{ width: 450px; padding:12px; }
#tab2_col2{ width: 250px; padding:12px; } /****** Mise en page des titres ******/
#titre_en_tete{ background-color:#68a4a9; border:1px dashed #ffffff; height: 24px; font-family:Georgia, "Times New Roman", Times, serif; font-size: 16px; color:#ffffff; text-align:center; padding: 4px; } /****** Mise en page du texte ******/
#en_tete_nav{ font-family:Tahoma; font-size:16px; color:#0d1128; margin-left:35px; margin-bottom:-4px; } #contenu_en_tete{ font-family:Tahoma; font-size:14px; color:#0d1128; text-align:justify; text-indent:12px; padding-left:8px; padding-right:8px; margin-bottom:-4px; }
#en_tete_infos_forum{ font-family:Tahoma; font-size:12px; color:#0d1128; text-align:justify; text-indent:12px; padding-left:8px; padding-right:8px; margin-bottom:-4px; } #en_tete_news{ font-family:Tahoma; font-size:16px; color:#0d1128; margin-left:12px; margin-bottom:-4px; }
#logo_en_tete, #staff_en_tete{ text-align:center; }
#logo_en_tete a, #staff_en_tete{ text-decoration:none; }
#logo_en_tete img{ padding-bottom:4px; }
#staff_en_tete img{ padding-left:6px; } /****** Mise en page des liens ******/
#lien_en_tete{ color:#0d1128; text-decoration:none; }
#lien_en_tete:hover{ border-bottom:dotted 1px #0d1128; font-weight:bold; }
#vers_profil{ color:#0d1128; text-decoration:none; font-style:italic; } #vers_profil:hover{ border-bottom:dotted 1px #0d1128; } - Code:
-
<br /> <div class="en_tete"> <table> <tbody> <tr> <td id="tab1_col1"> <h1 id="titre_en_tete"> Navigation rapide </h1> <p id="en_tete_nav"> * <a href="#" id="lien_en_tete">Lien 1</a> </p> <p id="en_tete_nav"> * <a href="#" id="lien_en_tete">Lien 2</a> </p> <p id="en_tete_nav"> * <a href="#" id="lien_en_tete">Lien 3</a> </p> <p id="en_tete_nav"> * <a href="#" id="lien_en_tete">Lien 4</a> </p> <p id="en_tete_nav"> * <a href="#" id="lien_en_tete">Lien 5</a> </p> <h1 id="titre_en_tete"> Les infos du forum </h1> <p id="en_tete_infos_forum"> Le forum a été créé le N Mois 2010. </p> <p id="en_tete_infos_forum"> Les administrateurs sont <a href="#" id="vers_profil">Pseudo</a>, <a href="#" id="vers_profil">Pseudo</a>, <a href="#" id="vers_profil">Pseudo</a> et <a href="#" id="vers_profil">Pseudo</a> </p> <p id="en_tete_infos_forum"> Design créé par <a href="#" id="vers_profil">Pseudo</a> </p> </td> <td id="tab1_col2"> <h1 id="titre_en_tete"> Bienvenue sur le forum pseudo ! </h1> <p id="contenu_en_tete"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus rutrum hendrerit dolor. Nullam quis turpis. Proin pellentesque pharetra risus. Praesent ornare porta metus. Suspendisse ut nulla. Proin mauris est, auctor nec, bibendum non, vulputate vitae, ligula. Phasellus at mi in nisi consectetur mattis. Praesent justo. Suspendisse potenti. Proin sit amet ligula. Nullam rutrum, metus ut porta tempor, sem mi vulputate velit, et eleifend lorem felis at justo. </p> </td> <td id="tab1_col3"> <h1 id="titre_en_tete"> Les news </h1> <p id="en_tete_news"> * News 1 : blablablablablablab </p> <p id="en_tete_news"> * News 2 : blablabla blablabla </p> <h1 id="titre_en_tete"> Partenaires </h1> <p id="logo_en_tete"> <a href="#"><img src="logo.png" alt="nom du forum" /></a><a href="#"><img src="logo.png" alt="nom du forum" /></a> </p> </td> </tr> </tbody> </table> <table> <tbody> <tr> <td id="tab2_col1"> <h1 id="titre_en_tete"> Offre du moment </h1> <p id="logo_en_tete"> <a href="#"><img src="logo.png" alt="nom du forum" /></a><a href="#"><img src="logo.png" alt="nom du forum" /></a><a href="#"><img src="logo.png" alt="nom du forum" /></a><a href="#"><img src="logo.png" alt="nom du forum" /></a><a href="#"><img src="logo.png" alt="nom du forum" /></a><a href="#"><img src="logo.png" alt="nom du forum" /></a><a href="#"><img src="logo.png" alt="nom du forum" /></a> </p> </td> <td id="tab2_col2"> <h1 id="titre_en_tete"> Le staff </h1> <p id="staff_en_tete"> <a href="#"><img src="staff.png" alt="pseudo" /></a><a href="#"><img src="staff.png" alt="pseudo" /></a><a href="#"><img src="staff.png" alt="pseudo" /></a><a href="#"><img src="staff.png" alt="pseudo" /></a><a href="#"><img src="staff.png" alt="pseudo" /></a><a href="#"><img src="staff.png" alt="pseudo" /></a> </p> </td> </tr> </tbody> </table> </div> | |
|