Insérer une image en fond d'une PA

2 participants

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

Résolu Insérer une image en fond d'une PA

Message par Riina Dim 14 Nov 2010 - 18:21

Bonsoir à tous !

Actuellement, je recherche le code permettant d'insérer une image dans le fond d'une page d'accueil sous système d'onglet. Voici le lien du forum sur lequel je test les différents code, ce qui vous permettra de comprendre un peu mieux : http://essaiundertown.forumgratuit.org/forum.htm

Comme le plus souvent, les images sont plus simples à comprendre que les mots, voici un screen d'un montage créée sur photofiltre qui vous présente le rendu final que je souhaiterais faire :
Spoiler:

Voici l'image qu'il faudrait insérer derrière la page d'accueil sous forme d'onglet :
Spoiler:

Eventuellement, les codes si vous en avez besoin :


PA :

Spoiler:



CSS :

Spoiler:


Ma question est la suivante :
Quel est le code pour que mon image soit derrière ma page d'accueil, exactement comme vous avez pu le voir sur le montage et où le placer (sur la feuille de CSS je présume) ?

Quelqu'un serait-il susceptible de m'aider s'il-vous-plait ? Merci d'avance !
Riina

Riina
*

Messages : 41
Inscrit(e) le : 01/06/2010

Voir le profil de l'utilisateur http://undertown-rpg.forumactif.org
Riina a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer une image en fond d'une PA

Message par Anzu Dim 14 Nov 2010 - 19:38

Bonsoir,

Voilà pour le fond =>
Il y a pas mal d'erreurs dans votre code par contre Razz

Code:
<table width="800px" height="560px" style="background-image: url('http://i63.servimg.com/u/f63/15/43/68/94/sans_t10.jpg'); padding-top: 200px;" valign="top"><tr><td valign="top"><br><div style="margin:auto;text-align:center;width:100%">

<script src="http://sd-g1.archive-host.com/membres/up/b2227501fb33494948c5d8f435ac3728a3111eeb/essai.js"></script>

        <div id="mes_onglets">
  <ul>
      <li id="o_1" class="mon_onglet" onmouseover="changeOnglet(this);">Contexte & Accueil</li>
      <li id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);">Le guide du parfait petit survivant</li>
      <li id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);">Mise en quarantaine</li> 
<br><br> 
<li id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);">Nos ravitaillements
</li>
                <li id="o_5" class="mon_onglet" onmouseover="changeOnglet(this);">Le staff se présente</li>
      <li id="o_6" class="mon_onglet" onmouseover="changeOnglet(this);">Les événements</li>
      <li id="o_7" class="mon_onglet" onmouseover="changeOnglet(this);">Nos partenaires & Top-sites</li>
  </ul>


<br><br>


</div><div id="mes_contenus">
  <div id="co_1" class="mon_contenu">Contenu 1</div>
  <div id="co_2" class="mon_contenu" style="display: none;"><table border=0><tr><td align="left"><ul><img src="http://i66.servimg.com/u/f66/15/86/08/03/ojiuyt13.jpg" border="0" alt="" /></ul></td><td align="left"><ul><span style="font-size: 10px; line-height: normal"><td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody"><br> <div style="border: none ; overflow: auto; width: 400px; height: 90px; -moz-border-radius-topleft: none; -moz-border-radius-topright: none; -moz-border-radius-bottomright: none; -moz-border-radius-bottomleft: none; margin-top: 0px; padding-left: 10px; padding-right: 5px;"><div align="justify">LE GUIDE DU PARFAIT PETIT SURVIVANT<br>(En 8 leçons)
<br>_____________________</br></div>

<br><div style="margin:auto;text-align:justify;width:100%">EN COURS.
</div></span></ul></td></tr></table></font></div>
  <div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>
  <div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div>
        <div id="co_5" class="mon_contenu" style="display: none;">Mon contenu 5</div>
  <div id="co_6" class="mon_contenu" style="display: none;">Mon contenu 6</div>
        <div id="co_7" class="mon_contenu" style="display: none;">Mon contenu 7</div>
</div> </td></tr></table>


Cordialement.
Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

Voir le profil de l'utilisateur https://forum.forumactif.com/
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Insérer une image en fond d'une PA

Message par Riina Dim 14 Nov 2010 - 19:48

Merci beaucoup Anzu !
En effet j'ai encore pas mal de boulot pour corriger toutes les erreurs. Razz
Mais d'une certaine manière, cela motive énormément. Wink

Merci encore et passez une bonne soirée surtout !
Riina

Riina
*

Messages : 41
Inscrit(e) le : 01/06/2010

Voir le profil de l'utilisateur http://undertown-rpg.forumactif.org
Riina a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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