Tableau en page d'accueil

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Tableau en page d'accueil

Message par Cyndy le 2012-04-06, 12:59

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.

Cyndy
**

Féminin
Messages : 53
Inscrit(e) le : 16/10/2010

http://monalbumabulles.eklablog.fr/
Cyndy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau en page d'accueil

Message par Invité le 2012-04-06, 13:03

Est-ce que tu parle d'un tableau comme celui-ci genre ?

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau en page d'accueil

Message par Cyndy le 2012-04-06, 13:06

L'archive est ici Tableau en page d'accueil

mais je n'ai pas accès Sad

Oui je pense que ça doit être ça je ne me souviens plus.

Cyndy
**

Féminin
Messages : 53
Inscrit(e) le : 16/10/2010

http://monalbumabulles.eklablog.fr/
Cyndy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau en page d'accueil

Message par Invité le 2012-04-06, 13:20

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é


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau en page d'accueil

Message par Cyndy le 2012-04-06, 13:43

Pour faire simple alors je prendrais bien l'exemple de votre tableau.


Cyndy
**

Féminin
Messages : 53
Inscrit(e) le : 16/10/2010

http://monalbumabulles.eklablog.fr/
Cyndy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau en page d'accueil

Message par Invité le 2012-04-06, 13:54

D'accord Wink!

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://i624.photobucket.com/albums/tt321/xixipub/883111.jpg" 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 Wink!

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau en page d'accueil

Message par Cyndy le 2012-04-06, 13:59

Merci beaucoup ^^Ça fait une belle présentation!

Je vais le placer ce soir et reviendrais dire ça va.

à plus tard et merci.

Cyndy
**

Féminin
Messages : 53
Inscrit(e) le : 16/10/2010

http://monalbumabulles.eklablog.fr/
Cyndy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tableau en page d'accueil

Message par Automne le 2012-04-12, 09:46

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum