Tableau en page d'accueil
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Tableau en page d'accueil
Bonsoir,
je ne retrouve plus le code pour placer un tableau en page d'accueil
Dans le code il y avait "ton titre" "ton texte"
Merci d'avance pour la réponse.
Bon week.
je ne retrouve plus le code pour placer un tableau en page d'accueil
Dans le code il y avait "ton titre" "ton texte"
Merci d'avance pour la réponse.
Bon week.
Re: Tableau en page d'accueil
Est-ce que tu parle d'un tableau comme celui-ci genre ?
Invité- Invité
Re: Tableau en page d'accueil
L'archive est ici Tableau en page d'accueil
mais je n'ai pas accès
Oui je pense que ça doit être ça je ne me souviens plus.
mais je n'ai pas accès
Oui je pense que ça doit être ça je ne me souviens plus.
Re: Tableau en page d'accueil
C'est que le message a été supprimé.... Est-ce que vous pouvez me faire un petit schéma e ce que vous voulez ?
Invité- Invité
Re: Tableau en page d'accueil
Pour faire simple alors je prendrais bien l'exemple de votre tableau.
Re: Tableau en page d'accueil
D'accord !
Dans votre panneau d'administration dans les message de la page d'accueil... Mettez ce code:
Et dans votre CSS mettez celui-ci:
Ce tableau vous est présenté par Themes-fa !
Dans votre panneau d'administration dans les message de la page d'accueil... Mettez ce code:
- Code:
<center>
<table width="100%" cellpadding="5" cellspacing="10" id="le_tableau">
<tbody><tr>
<td rowspan="2" class="style_cellule" width="80" style="background: url('http://i65.servimg.com/u/f65/11/95/30/70/l12.jpg') no-repeat;" ><p style="text-align: right;">Nulla hendrerit leo at ante laoreet posuere. Morbi pretium scelerisque lorem, eu posuere neque accumsan vitae. </td>
<td colspan="2" class="style_cellule" style="background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/418.jpg');" width="100%"><p class="text_imag">Le titre de ton forum</p></td>
</tr>
<tr>
<td class="style_cellule" width="40%"><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Morbi molestie iaculis sapien<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Morbi molestie iaculis sapien</td>
<td class="style_cellule" width="40%"><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Morbi molestie iaculis sapien<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Morbi molestie iaculis sapien<br></td>
</tr>
<tr>
<td><div id="nav-menu">
<ul>
<li><a href="#">Ton lien 1</a></li>
<li><a href="#">Ton lien 2</a></li>
<li><a href="#">Ton lien 3</a></li>
<li><a href="#">Ton lien 4</a></li>
<li><a href="#">Ton lien 5</a></li>
</ul>
</div> </td>
<td id="igauche" VALIGN="top"><span class="titre_4" style="padding-left:15px;"> Phasellus tristique viverra odio </span><p style="padding-left:15px;"><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Cras sed turpis ut leo accumsan accumsan<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Cras sed turpis ut leo accumsan accumsan<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Cras sed turpis ut leo accumsan accumsan<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Cras sed turpis ut leo accumsan accumsan<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Cras sed turpis ut leo accumsan accumsan<br><img src="http://i69.servimg.com/u/f69/13/29/02/28/gf10.png"> Cras sed turpis ut leo accumsan accumsan</p></td>
<td id="idroite" VALIGN="top"><span class="titre_4" style="padding-right:10px;"> Phasellus tristique viverra odio </span><p style="padding-right:10px;">Phasellus tristique viverra odio eget ullamcorper. Vivamus laoreet lacus id nisl hendrerit auctor. Ut blandit, nisl non interdum bibendum, mauris purus eleifend neque, quis blandit enim tellus non dui.
Phasellus tristique viverra odio eget ullamcorper. Vivamus laoreet lacus id nisl hendrerit auctor. Ut blandit, nisl non interdum bibendum, mauris purus.</p></td>
</tr>
<tr>
<td class="style_cellule" VALIGN="top">
<span class="titre_4">Nos partenaires</span>
<center><script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jscroller2-161.js"></script><div id="scroller_container"><div class="jscroller2_up jscroller2_speed-40 jscroller2_mousemove">
<a href="http://www.xixi-pub.com" class="postlink" target="_blank" ><img src="http://illiweb.com/fa/pbucket.gif" alt="Xixi'Pub Forum de Publicité et d'Entraide" border="0"></a>
<a href="http://atelier.sos-forum.net" border="0" class="postlink" target="_blank" ><img src="http://i83.servimg.com/u/f83/11/33/41/62/logoat10.png"></a>
<a href="http://perseverance.fr-bb.com" class="postlink" target="_blank" ><img src="http://i66.servimg.com/u/f66/12/36/23/81/nouvea10.png" alt="" border="0"></a>
<a href="http://twilightime.forumactif.com" class="postlink" target="_blank"><img src="http://i68.servimg.com/u/f68/11/48/24/14/logo_810.png" alt="" border="0"></a>
<a href="http://dailylife.forumactif.org/" class="postlink" target="_blank"><img src="http://i64.servimg.com/u/f64/13/94/82/69/031010.png" alt="" border="0"></a>
<a href="http://milopub.forumactif.org/" class="postlink" target="_blank"><img src="http://sd-2.archive-host.com/membres/images/72698231053381489/MiloPub.png" alt="" border="0"></a>
</div>
</div>
</center>
</td>
<td class="style_cellule" VALIGN="top">
<center> <span class="titre_4"> Les principaux membres du staff</span>
<table>
<tr>
<td><div class="info" style="color: #842b00">
<img alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/416.jpg">
<em>
<span class="titre_info">YAOUP Fondateur
<div><img src="http://i65.servimg.com/u/f65/11/95/30/70/312.jpg" /></div>
<div><a href="#Lien Profil">Profil</a> <a href="#Lien MP">MP</a></div>
<div>
</span>
</em>
</div>
</td>
<td><div class="info" style="color: #842b00">
<img alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/614.jpg">
<em>
<span class="titre_info">ROYAL Modo
<div><img src="http://i65.servimg.com/u/f65/11/95/30/70/116.jpg" /></div>
<div><a href="#Lien Profil">Profil</a> <a href="#Lien MP">MP</a></div>
<div>
</span>
</em>
</div>
</td>
<td><div class="info" style="color: #842b00">
<img alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/516.jpg">
<em>
<span class="titre_info">YAOUP Fondateur
<div><img src="http://i65.servimg.com/u/f65/11/95/30/70/216.jpg" /></div>
<div><a href="#Lien Profil">Profil</a> <a href="#Lien MP">MP</a></div>
<div>
</span>
</em>
</div>
</td>
<td><div class="info" style="color: #842b00">
<img alt="Thèmes F.A" title="Thèmes F.A" src="http://i65.servimg.com/u/f65/11/95/30/70/416.jpg">
<em>
<span class="titre_info">YAOUP Fondateur
<div><img src="http://i65.servimg.com/u/f65/11/95/30/70/312.jpg" /></div>
<div><a href="#Lien Profil">Profil</a> <a href="#Lien MP">MP</a></div>
<div>
</span>
</em>
</div>
</td>
</tr>
</table>
</center>
</td>
<td class="style_cellule" VALIGN="top"><span class="titre_4">Lorem ipsum dolor sit amet</span>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit amet leo risus, pellentesque placerat mi. Pellentesque sit amet ligula .</td>
</tr>
</tbody></table>
</center>
Et dans votre CSS mettez celui-ci:
- Code:
#le_tableau{
color:#81FF7F;
font-size: 12px;
font-family: Arial;
background-color: #1e1e1e;
border: 3px solid #00a200;
margin: 3px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
-moz- text-shadow: 1px 1px 2px #000;
-webkit- text-shadow: 1px 1px 2px #000;
text-shadow: 1px 1px 2px #000;
}
.text_imag{
color: #d8f795;
text-align: center;
vertical-align: center;
font-family: Arial;
font-size: 30px;
font-weight: bold;
}
.style_cellule{
background-color: #0f100f;
border: 3px solid #00a200;
margin: 3px;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
#igauche{
background-color: #0f100f;
background: url("http://i69.servimg.com/u/f69/13/29/02/28/j11.png") no-repeat bottom left;
background-color: #0f100f;
border: 3px solid #00a200;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
#idroite{
background-color: #0f100f;
background: url("http://i69.servimg.com/u/f69/13/29/02/28/lk10.png") no-repeat bottom right;
background-color: #0f100f;
border: 3px solid #00a200;
padding: 6px;
-moz-border-radius: 12px ;
-webkit-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
}
.titre_4{
font-size: 14px;
color: #00a200;
border-bottom: 1px dotted #00a200;
}
/* navigation */
#nav-menu ul{
list-style: none;
padding: 0;
margin: 0;
}
#nav-menu li{
float: left;
margin: 0 2px;
}
#nav-menu li a{
background: url(http://i65.servimg.com/u/f65/11/95/30/70/o10.jpg);
height: 25px;
line-height: 25px;
float: left;
width: 138px;
display: block;
border: 2px solid #00a200;
color: #d8f795;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align: center;
-moz-border-radius: 12px 3px 12px 3px ;
-webkit-border-radius: 12px 3px 12px 3px ;
border-radius: 12px 3px 12px 3px ;
-moz-box-shadow: 2px 2px 2px #000;
-webkit-box-shadow: 2px 2px 2px #000;
box-shadow: 2px 2px 2px #000;
margin: 2px 0px 2px 0px;
}
#nav-menu li a:hover{
color: #bfcd48;
font-style: italic;
}
/* Hide from IE5-Mac \*/
#nav-menu li a{
float: none
}
/* End hide */
/* fin navigation */
/* Scroller Box */
#scroller_container {
width: 120px;
height: 70px;
overflow: hidden;
}
#dummy {;# }
#scroller_container {
overflow: auto;
}
/* fin Scroller Box */
/* infobulle */
div.info em {
display:none;
}
div.info:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}
div.info:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: inline;
position: absolute;
top: 62px;
left: 35px;
-moz-border-radius: 7px 7px 0px 7px ;
-webkit-border-radius: 7px 7px 0px 7px ;
border-radius:7px 7px 0px 7px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: #424242;
border: 2px solid #00a200;
width:auto;
}
.titre_info{
text-align: center;
font-size: 14px;
font-style: italic;
border-bottom: 1px dotted #00a200;
}
/* fin infobulle */
Ce tableau vous est présenté par Themes-fa !
Invité- Invité
Re: Tableau en page d'accueil
Merci beaucoup ^^Ça fait une belle présentation!
Je vais le placer ce soir et reviendrais dire ça va.
à plus tard et merci.
Je vais le placer ce soir et reviendrais dire ça va.
à plus tard et merci.
Re: Tableau en page d'accueil
Bonjour, Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton A bientôt sur ForumActif |
Sujets similaires
» Affichage des visiteurs sur la page daccueil.
» Mon tableau à onglet dépasse du tableau de la page d'acceuil
» Page accueil, tableau
» Tableau page accueil
» Tableau Page d'accueil
» Mon tableau à onglet dépasse du tableau de la page d'acceuil
» Page accueil, tableau
» Tableau page accueil
» Tableau Page d'accueil
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum