page d accueil forum peche

Une fois la commande validé, je veut bien essayer qu'elle que chose ^^

Reira

Bonjour ^^

La commande ne peut pas être validée pour le moment, même si niveau règlement et construction c'est bon, il te manque juste un membre pour être pile poil dans les règles ^^ Je te laisse régler ça, vient nous avertir dès que c'est ok.

Merci à toi.

ok, je viens de voir qu'il en faut 5
merci quand même reira, je rêgle sa et je reviens

merci

bonjour,

j ai mes 5 membres,merci

Coucou ^^

up merci

Bonjour, je veux bien tenter quelque chose mais avant j'aurais quelques questions:

- Y a-t-il des images d'arrière-plan particulières que tu souhaites utiliser? Des couleurs? Une police spéciale? Ou je prends les mêmes que sur ton forum?
- L'ombre sur le « bienvenue » fait-elle partie des éléments à intégrer?
- Souhaites-tu une barre de défilement dans l'encadré pour les News ou vas-tu gérer toi-même ton espace?
- Pour tes liens rapides, veux-tu des images ou simplement un bouton en CSS?
- Veux-tu que ton tableau occupe la même largeur que le forum ou préfères-tu plus petit avec une marge autour?

Une fois que j'aurai ces réponses je pourrai m'en charger, merci. :)

bonjour,

-je souhaiterais les même tons que le forum, police au choix,
-pour l'ombre non
-pas de barre de défilement
-pour les liens rapides, peu importe
-900px de large pour le tableau serait parfait

un grand merci a toi

Parfait, je te fais ça ce soir. :)

Salut!

Comme la largeur de ton forum est en pourcentage, la taille du tableau risque de déformer le forum pour les gens qui ont un écran plus petit. Es-tu sûr que tu veux une largeur fixe?

Sinon j'ai terminé. Voici l'aperçu sur mon forum de tests: http://albescentpoint.forums-actifs.com/h1-commande-1

Pour le code, voici celui de ta PA:

Code:

<div class="pacontainer">
   <div style="width: 900px; margin: auto;">
      <div class="patitle">Bienvenue {USERNAME}!</div>

<table cellpadding="15" cellspacing="15" border="0">
   <tr>
      <td class="padiv" width="300">
      <img src="http://i11.servimg.com/u/f11/16/83/75/85/logo10.jpg" style="border-radius: 30px;"><br><br>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.
      </td>

      <td class="padiv" width="300" style="background-image: url('http://i43.servimg.com/u/f43/16/83/75/85/alnila10.png');">
      <div class="pasubtitle">Photo du mois</div>
      </td>

      <td class="padiv" width="300">
      <div class="pasubtitle">News du forum</div>
      <div style="padding-top: 10px; text-align: left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor.</div>
      </td>
   </tr>

   <tr>
      <td colspan="3" class="padiv"><div class="panavtitle">Navigation rapide</div>
         <div style="padding-top: 10px;">
         <div class="panav"><a href="http://pecheurnature.forumactif.org/c7-section-generale">Section générale</a></div>
         <div class="panav"><a href="http://pecheurnature.forumactif.org/c2-section-carnassier">Section carnassier</a></div>
         <div class="panav"><a href="http://pecheurnature.forumactif.org/c3-section-carpe">Section carpe</a></div>
         <div class="panav"><a href="http://pecheurnature.forumactif.org/c4-section-salmonides">Section salmonidés</a></div>
         <div class="panav"><a href="http://pecheurnature.forumactif.org/c8-section-mouche">Section mouche</a></div>
         <div class="panav"><a href="http://pecheurnature.forumactif.org/c5-section-coup-et-anglaise">Section coup et anglaise</a></div>
         <div class="panav"><a href="http://pecheurnature.forumactif.org/c10-section-peche-en-mer">Section pêche en mer</a></div>
         <div class="panav"><a href="http://pecheurnature.forumactif.org/c9-handi-peche">Section handi pêche</a></div>
         <div class="panav"><a href="http://pecheurnature.forumactif.org/c6-espace-detente">Espace détente</a></div>
      </td>
   </tr>
</table>
<div class="pacredits">© codage par minishiro pour <a href="http://www.never-utopia.com/">never-utopia</a></div>

   </div>
</div>

Et voici le CSS associé:

Code:

/* PAGE D ACCUEIL */

.pacontainer {
  width: 100%;
  background-color: #648554;
  padding: 20px 0px;
  font-family: Verdana;
  font-size: 12px;
}

.patitle {
  font-family: Verdana;
  letter-spacing: 2px;
  font-size: 16px;
  color: white;
  border-bottom: 1px solid #86A389;
  padding: 7px;
  text-align: center;
}

.padiv {
  border: 5px solid #86A389;
  border-radius: 30px;
  color: white;
  text-align: center;
  font-size: 12px;
  font-family: Verdana;
}

.pasubtitle {
  border-bottom: 1px solid #86A389;
  padding: 3px;
}

.panavtitle {
  border-bottom: 1px solid #86A389;
  padding: 3px;
  width: 600px;
  margin: auto;
}

.panav {
  background-image: url('http://i43.servimg.com/u/f43/16/83/75/85/alnila10.png');
  margin: 3px;
  padding: 4px;
  letter-spacing: 2px;
  border-left: 6px solid #86A389;
  border-right: 6px solid #86A389;
  display: inline-block;
}

.panav a {
  letter-spacing: 1px;
  color: white !important;
  font-size: 11px !important;
  font-family: Verdana !important;
  text-decoration: none;
  font-variant: none;
}

.pacredits {
  font-family: Verdana !important;
  font-size: 7px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: white !important;
  opacity: 0.4;
}

.pacredits a {
  text-decoration: none;
  color: white !important;
  font-family: Verdana !important;
  font-size: 7px !important;
  opacity: 0.7;
}

S'il y a des détails que tu n'aimes pas, des problèmes pour installer le CSS, des trucs que tu voudrais modifier ou un problème sur ton forum, tu n'as qu'à me le dire et je verrai ce que je peux faire. :)

En espérant que ça t'aille!

salut,

j'adore, c'est exactement le style que je voulais, simple et efficace, un grand merci pour ton travail.

Ça fait plaisir! :)

J'archive donc ^^