[Gros souci]Problème de page d'accueil

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

Résolu [Gros souci]Problème de page d'accueil

Message par LeNulParCoeur le Ven 23 Déc 2011 - 0:19

Bonjour =)
Voila, je me souviens plus du code à mettre.
j’ai illustré ce que je voudrais:
http://s4.noelshack.com/uploads/images/19399696186365_prsentationc.png

PS: Sachant que le cadre des news et des liens ne sera pas la. Je ne demande pas à ce qu'on me le fasse mais à ce qu'on m'aide... Merci d'avance ! Very Happy


Dernière édition par LeNulParCoeur le Ven 23 Déc 2011 - 16:03, édité 1 fois

LeNulParCoeur
Nouveau membre

Messages : 25
Inscrit(e) le : 25/10/2011

http://narutobanzai.forumgratuit.org/
LeNulParCoeur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Gros souci]Problème de page d'accueil

Message par StyleGraph' le Ven 23 Déc 2011 - 10:27

Bonjour,la page d'acceuil a-t-elle été faite par toi même ou bien tu l'avais commander dans un autre forum?Merci.

StyleGraph'
***

Messages : 139
Inscrit(e) le : 28/10/2011

http://codagecodage.forumgratuit.org/
StyleGraph' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Gros souci]Problème de page d'accueil

Message par Invité le Ven 23 Déc 2011 - 12:01

Bonjour,

Si j'ai bien compris vous souhaitez réalise run tableau ave cune image de fond et différents contenus encadrés par des div?

Pourriez-vous faire un schéma de ce que vous voulez exactement?

Cordialement.

Invité
Invité


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

Résolu Re: [Gros souci]Problème de page d'accueil

Message par LeNulParCoeur le Ven 23 Déc 2011 - 13:31

Isolde => Mon fond de page d'accueil sera comme sa => http://img692.imageshack.us/img692/1006/prsentationc.png

et j'ai rajouter ce que je voulais mettre en code => http://s4.noelshack.com/uploads/images/19399696186365_prsentationc.png

C'est assez préscis?

LeNulParCoeur
Nouveau membre

Messages : 25
Inscrit(e) le : 25/10/2011

http://narutobanzai.forumgratuit.org/
LeNulParCoeur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [Gros souci]Problème de page d'accueil

Message par Invité le Ven 23 Déc 2011 - 15:00

En premier lieu, il faut un tableau qui aura pour fond votre image:
Code:
<table style="background: url('http://img692.imageshack.us/img692/1006/prsentationc.png'); width: 600px; height: 600px; text-align: center;" border="0" cellspacing="5"> ...</table>
Ensuite il faut intégrer le bon nombre de lignes et de cellules avec des dimensions de manière à laisser les titres apparaitre:
Code:
<table style="background: url('http://img692.imageshack.us/img692/1006/prsentationc.png'); width: 600px; height: 600px; text-align: center;" border="0" cellspacing="5">
<tr>
<td style="width:284px;height:65px;"></td>
<td style="width:284px;height:65px;"></td>
</tr>
<tr>
<td valign="top"></td>
<td></td>
</tr>
<tr>
<td colspan="2" style="height:65px;"></td>
</tr>
<tr>
<td colspan="2" style="height:140px;"></td>
</tr>
</table>
Puis ajouter des petits tableaux dans le tableau pour la partie staff:
Nom du groupe
Code:
<table width="100%">
<tr>
<td>pseudo 1   </td>
<td>pseudo 2</td>
</tr>
<tr>
<td><img src="url avatar 1" /></td>
<td><img src="url avatar2"></td>
</tr>
</table>
Nom du groupe
<table width="100%">
<tr>
<td>pseudo 1</td>
<td>pseudo 2</td>
</tr>
<tr>
<td><img src="url avatar 1" /></td>
<td><img src="url avatar2" /></td>
</tr>
</table>
Ensuite ajouter une div contenant une balise marquee pour les news:
Code:
<div style="border: 2px solid #000;width: 150px; height:100%;margin: auto;">
         <marquee direction="up" scrollamount="2" height="280px">News</marquee>
      </div>
Et finalement une div contenant les liens:
Code:
<div style="border: 2px solid #000;width: 450px;margin: auto;padding: 5px;">
         <a href="url du lien">nom du lien</a><br/>
                        <a href="url du lien">nom du lien</a><br/>
                        <a href="url du lien">nom du lien</a><br/>
                        <a href="url du lien">nom du lien</a><br/>
      </div>
Donc le code au final est:
Code:
<table style="background: url('http://img692.imageshack.us/img692/1006/prsentationc.png'); width: 600px; height: 600px; text-align: center;" border="0" cellspacing="5">
<tr>
   <td style="width:284px;height:65px;">
   </td>
   <td style="width:316px;height:65px">
   </td>
</tr>
<tr>
   <td valign="top">
      Nom du groupe
      <table width="100%">
      <tr>
         <td>
            pseudo 1
         </td>
         <td>
            pseudo 2
         </td>
      </tr>
      <tr>
         <td>
            <img src="url avatar 1">
         </td>
         <td>
            <img src="url avatar2">
         </td>
      </tr>
      </table>
       Nom du groupe
      <table width="100%">
      <tr>
         <td>
            pseudo 1
         </td>
         <td>
            pseudo 2
         </td>
      </tr>
      <tr>
         <td>
            <img src="url avatar 1">
         </td>
         <td>
            <img src="url avatar2">
         </td>
      </tr>
      </table>
   </td>
   <td>
      <div style="border: 2px solid #000;width: 150px; height:100%;margin: auto;">
         <marquee direction="up" scrollamount="2" height="280px">News</marquee>
      </div>
   </td>
</tr>
<tr>
   <td colspan="2" style="height:65px;">
   </td>
</tr>
<tr>
   <td colspan="2" style="height:140px;">
      <div style="border: 2px solid #000;width: 450px;margin: auto;padding: 5px;">
         <a href="url du lien">nom du lien</a><br/>
                        <a href="url du lien">nom du lien</a><br/>
                        <a href="url du lien">nom du lien</a><br/>
                        <a href="url du lien">nom du lien</a><br/>
      </div></td>
   </tr>
   </table>

Cordialement.

Invité
Invité


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

Résolu Re: [Gros souci]Problème de page d'accueil

Message par LeNulParCoeur le Ven 23 Déc 2011 - 15:17

Merci tu est TROP gentil !

LeNulParCoeur
Nouveau membre

Messages : 25
Inscrit(e) le : 25/10/2011

http://narutobanzai.forumgratuit.org/
LeNulParCoeur 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