Sujets similaires

Bonjour,
étant donné que la commande de Muffin se termine, je poste (pour ne pas me faire prendre ma place xD) Merci pour ceux qui s'y intéresseront !

Objet de la commande: Page d'acceuil
Détails: Alors, je dois dire que j'ai pas l'habitude de faire des commandes mais en regardant un peu toute les autres, je pense savoir quoi dire. Tout d'abord je dirais que ce n'est pas vraiment un gros boulot que je demande car ma PA reste simple m'enfin après je m'y connais pas xD Alors, je désirerais un page d'acceuil pas trop grande, un peu comme sur l'aperçu, mon forum à une taille de 70 % (mais, j'ai beau l'agrandir ou de rapetisser, il reste de la même taille...)et c'est un phpbb2. Surtout ne pas hésiter à me demander d'autres infos. Pour les liens, les images, et autre, je m'en occuperais.
Aperçu:
Spoiler:
Autoriser un membre à répondre [x] Oui [] Non

Je veux bien essayer de m'en occuper ! je commence le code tout de suite, si ça ne te dérange pas ! ^^

EDIT : j'ai fini !

Voilà un petit screen de ce que ça donne chez moi :

Spoiler:

Et voilà le code HTML :

Spoiler:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Exemple d'utilisation de CSS externe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="new4.css" />
</head>
<body>
<table border="0px" class="acc-tab"><tr><td colspan="3"><center><img src="http://img268.imageshack.us/img268/4190/514u.png" alt="machin"/></center></td></tr>
<tr><td rowspan="2" class="text1"><div class="paraf">blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/></div></td><td class="text2"><div class="paraf2">blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/></div></td><td class="acc-tab"><center><div class="small-caps">Top sites :</div>
<img src="http://img64.imageshack.us/img64/6766/topsitet.png" alt="truc"/> <img src="http://img64.imageshack.us/img64/6766/topsitet.png" alt="truc"/> <img src="http://img64.imageshack.us/img64/6766/topsitet.png" alt="truc"/><br />

<label for="pays">Partenaires</label><br />
<select name="partenaire" id="partenaire">
<option value="1">Clique !</option>
<option value="2">partenaire 1</option>
<option value="3">partenaire 2</option>
<option value="4">partenaire 3</option>
<option value="5">partenaire 4</option>
<option value="6">partenaire 5</option>
<option value="7">partenaire 6</option>
<option value="8">partenaire 7</option>
</select><br/><br/>
   <span class="ombre">Design by LittleThing </span><br/>
   </td>
   <tr><td colspan="2" class="acc-tab"><table border="0px" class="couleur" align="center"><tr><td width="33%" color="couleur" align="center"><a href="url"><img src="http://img64.imageshack.us/img64/9203/7093u.png" alt="gnagna"/></a><br/>
   <span class="pseudo">Pseudo<br/>
   Rang</span></td><td width="33%" color="couleur" align="center"><a href="url"><img src="http://img64.imageshack.us/img64/9203/7093u.png" alt="gnagna"/></a><br/>
   <span class="pseudo">Pseudo<br/>
   Rang</span></td><td width="33%" color="couleur" align="center"><a href="url"><img src="http://img64.imageshack.us/img64/9203/7093u.png" alt="gnagna"/></a><br/>
   <span class="pseudo">Pseudo<br/>
   Rang</span></td></tr></table></td></tr></table>

   </body>
</html>

Et le code CSS :

Spoiler:

Si tu as des exigences ou des questions, n'hésite pas ! bom

Mille merci pour ce que tu as fais ! Mais c'est presque parfait xD Enfaite, voilà ce que ça me donne :

Spoiler:

Et j'aimerais que le cadre qui entour la PA soit remplacé par l'autre cadre qui a un bord rond. Et un autre problème expliqué sur l'image. Désolé si je m'exprime mal, c'est dure à expliquer... Je t'ai fais un petit truc pour comprendre :

Spoiler:

Voilà, et encore merci ! Une précision : cela ne me dérange pas s'il faut agrandir la PA pour que ce soit comme je le voudrais.

Rajoute ceci dans ton CSS

Code:: .marge{
margin-bottom: 30px;
}

Et remplace ce que je t'ai donné précédemment, par ça dans ton code HTML :

Spoiler:

Code:: <table border="0px" class="acc-tab"><tr><td colspan="3" class="marge"><center><img src="http://img268.imageshack.us/img268/4190/514u.png" alt="machin"/></center></td></tr>
<tr><td class="text1" rowspan="2"><div class="paraf">blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/></div></td><td class="text2"><div class="paraf2" align="center"><center>blablablablablablablabla<br/>blablablablablablablabla<br/>blablabablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablabla<br/>blablablablablablablabla<br/>blablblablablablabla<br/>blablablablablablablabla<br/></center></div></td><td class="acc-tab"><center><div class="small-caps">Top sites :</div>
<img src="http://img64.imageshack.us/img64/6766/topsitet.png" alt="truc"/> <img src="http://img64.imageshack.us/img64/6766/topsitet.png" alt="truc"/> <img src="http://img64.imageshack.us/img64/6766/topsitet.png" alt="truc"/>

<label for="pays">Partenaires</label>

<select name="partenaire" id="partenaire">
<option value="1">Clique !</option>
<option value="2">partenaire 1</option>
<option value="3">partenaire 2</option>
<option value="4">partenaire 3</option>
<option value="5">partenaire 4</option>
<option value="6">partenaire 5</option>
<option value="7">partenaire 6</option>
<option value="8">partenaire 7</option>
</select><br/><br/>
   <span class="ombre">Design by LittleThing ©</span><br/>
   </td></tr>
   <tr><td colspan="2" class="acc-tab"><table border="0px" class="couleur" align="center"><tr><td width="33%" color="couleur" align="center"><a href="url"><img src="http://img64.imageshack.us/img64/9203/7093u.png" alt="gnagna"/></a><br/>
   <span class="pseudo">Pseudo<br/>
   Rang</span></td><td width="33%" color="couleur" align="center"><a href="url"><img src="http://img64.imageshack.us/img64/9203/7093u.png" alt="gnagna"/></a><br/>
   <span class="pseudo">Pseudo<br/>
   Rang</span></td><td width="33%" color="couleur" align="center"><a href="url"><img src="http://img64.imageshack.us/img64/9203/7093u.png" alt="gnagna"/></a><br/>
   <span class="pseudo">Pseudo<br/>
   Rang</span></td></tr></table></td></tr></table>

Ensuite, pour la bordure que tu veux enlever, ce sera un peu plus difficile. Il faut que tu ailles dans Affichage >> Templates/Général >>Index_body.

Là, tout au début, tu verras :

Code:: {JAVASCRIPT}

<table class="forumline" width="100%" border="0" cellspacing="1"
cellpadding="0">

Il faut que tu enlèves :

Code:: class="forumline"

Tu fais "enregistrer", puis tu publies. Et ensuite, ça devrait marcher ! ^^

Et bien, pour le changement de bordure, c'est parfait ! Mais pour l'espace, rien ne change et les top sites se sont décalés... Et j'ai rencontré d'autres problèmes, désormais, les noms des parties se sont décalés, ... :

Spoiler:

Pour la petite partie où il y a blablabla... que j'ai entouré, c'est parce que ce n'est pas comme toi... Bref, je ne m'y retrouve plus xD
Et serait-il possible que tu me mettes le texte dans la grande partie de blablabla parce que je n'y arrive pas avec les codes x). Merci d'avance. Et désolé de t'embêter encore une fois ...

Je vais essayer de t'aider, mais je flanche un peu là. Je vais te demander d'effacer tout ton code HTML pour le remplacer par ça :

Spoiler:

Code:: <table border="0px" class="acc-tab"><tr><td colspan="3" class="marge"><center><img src="http://img268.imageshack.us/img268/4190/514u.png" alt="machin"/></center></td></tr>
<tr><td class="text1" rowspan="2"><div class="paraf">blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/></div></td><td class="text2"><div class="paraf2" align="center"><center>blablablablablablablabla<br/>blablablablablablablabla<br/>blablabablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablabla<br/>blablablablablablablabla<br/>blablblablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/></center></div></td><td class="acc-tab"><center><div class="small-caps">Top sites :</div>
<img src="http://img64.imageshack.us/img64/6766/topsitet.png" alt="truc"/> <img src="http://img64.imageshack.us/img64/6766/topsitet.png" alt="truc"/> <img src="http://img64.imageshack.us/img64/6766/topsitet.png" alt="truc"/><br /><br />

<label for="pays">Partenaires</label><br />
<select name="partenaire" id="partenaire">
<option value="1">Clique !</option>
<option value="2">partenaire 1</option>
<option value="3">partenaire 2</option>
<option value="4">partenaire 3</option>
<option value="5">partenaire 4</option>
<option value="6">partenaire 5</option>
<option value="7">partenaire 6</option>
<option value="8">partenaire 7</option>
</select><br/><br/>
   <span class="ombre">Design by LittleThing ©</span><br/>
   </td></tr>
   <tr><td colspan="2" class="acc-tab"><table border="0px" class="couleur" align="center"><tr><td width="33%" color="couleur" align="center"><a href="url"><img src="http://img64.imageshack.us/img64/9203/7093u.png" alt="gnagna"/></a><br/>
   <span class="pseudo">Pseudo<br/>
   Rang</span></td><td width="33%" color="couleur" align="center"><a href="url"><img src="http://img64.imageshack.us/img64/9203/7093u.png" alt="gnagna"/></a><br/>
   <span class="pseudo">Pseudo<br/>
   Rang</span></td><td width="33%" color="couleur" align="center"><a href="url"><img src="http://img64.imageshack.us/img64/9203/7093u.png" alt="gnagna"/></a><br/>
   <span class="pseudo">Pseudo<br/>
   Rang</span></td></tr></table></td></tr></table>

Ensuite, dans ton CSS, efface tout ce que je t'ai donné, et mets ça à la place :

Spoiler:

C'est la même chose que ce que tu as, mais j'ai essayé de régler les problèmes que tu avais.

La PA est super à par le petit espace qui n'est toujours pas là mais ce n'est pas grave et les parties ont toujours un gros espace mais je pense que ce n'est pas la faute de la PA. Merci ! C'est super ! Juste une chose =D : Pourrais-tu mettre le texte dans le grand blabla s'il te plait ?
Texte :

Spoiler:

Merci d'avance et autrement, c'est super !

Bonjour Jo'lapin !
Je pense que remplacer le blablabla par ton propre texte tu peux le faire toi-même. XD Pas besoin de LittleThing pour cela.

Sinon pour l'espace que tu veux sous la bannière grise, il suffit simplement de mettre un saut de ligne après l'image et le tour est joué!

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Exemple d'utilisation de CSS externe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="new4.css" />
</head>
<body>
<table border="0px" class="acc-tab"><tr><td colspan="3"><center><img src="http://img268.imageshack.us/img268/4190/514u.png" alt="machin"/></center><br /></td></tr>
<tr><td rowspan="2" class="text1"><div class="paraf">blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/>blablablablablablablablablablablabl<br/></div></td><td class="text2"><div class="paraf2">blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/>blablablablablablablabla<br/></div></td><td class="acc-tab"><center><div class="small-caps">Top sites :</div>
<img src="http://img64.imageshack.us/img64/6766/topsitet.png" alt="truc"/> <img src="http://img64.imageshack.us/img64/6766/topsitet.png" alt="truc"/> <img src="http://img64.imageshack.us/img64/6766/topsitet.png" alt="truc"/><br />

<label for="pays">Partenaires</label><br />
<select name="partenaire" id="partenaire">
<option value="1">Clique !</option>
<option value="2">partenaire 1</option>
<option value="3">partenaire 2</option>
<option value="4">partenaire 3</option>
<option value="5">partenaire 4</option>
<option value="6">partenaire 5</option>
<option value="7">partenaire 6</option>
<option value="8">partenaire 7</option>
</select><br/><br/>
<span class="ombre">Design by LittleThing ©</span><br/>
</td>
<tr><td colspan="2" class="acc-tab"><table border="0px" class="couleur" align="center"><tr><td width="33%" color="couleur" align="center"><a href="url"><img src="http://img64.imageshack.us/img64/9203/7093u.png" alt="gnagna"/></a><br/>
<span class="pseudo">Pseudo<br/>
Rang</span></td><td width="33%" color="couleur" align="center"><a href="url"><img src="http://img64.imageshack.us/img64/9203/7093u.png" alt="gnagna"/></a><br/>
<span class="pseudo">Pseudo<br/>
Rang</span></td><td width="33%" color="couleur" align="center"><a href="url"><img src="http://img64.imageshack.us/img64/9203/7093u.png" alt="gnagna"/></a><br/>
<span class="pseudo">Pseudo<br/>
Rang</span></td></tr></table></td></tr></table>

</body>
</html>

Petite PA S'il vous plait

Petite PA S'il vous plait

Sujets similaires

Sujets similaires

Partenaires Or