L'annuaire des forums Forumactif
votre référence en terme de référencement et de développement de forums.
 


Aller à la page : 1, 2  Suivant


 [Basil] Page d'accueil en tableau

Perle2luneavatar
Messages : 168
Bonjour,

Support de mise en page : page d'accueil
Résultat en : HTML -
Type de mise en page : Personnalisé
Texte : Tout ce que je veux mettre sur ma page d'accueil l'est déjà : http://gourmandescocon.forumactif.org/
Image(s)
----------------------------------------------------
Plan :

- Message de Bienvenue en haut centré
- A droite , les membres du staff
- A gauche Le coup de coeur des gourmandes
- En dessous, l'ouverture des gourmandes (gif peut virer si besoin)
- Centré en dessous la meilleure gourmande de la semaine (les gifs peuvent virer ou se réduire s'il faut les intégrer dans un tableau)

Script(s) : Je voudrais quelque chose dans ce style : http://hollywood-on-stage.forumactif.com/ avec les widgets si c'était possible sur la droite également , si c'était possible dans ce cas je voudrais mettre les liens pour la navigation & facebook dans les widgets .


Je ne sais pas si j'ai été très claire, si vous avez besoin d'info, je reste à votre disposition.
ThreaxV.I.P.avatar
Messages : 7332
Bonjour,

Je place cette demande en attente, puisqu'elles sont traitées par date de demande. Smile
N'oubliez pas de faire un UP au moins une fois tous les 7 jours, sans quoi je devrais considérer cette demande comme abandonnée.


Cordialement,
Basil Hawkinsavatar
Messages : 548
Hello, Smile
Ta commande va donc me servir de stage. Wink
Cependant, j'aimerais que tu sois un petit peu plus précise sur les widgets: forme, image, etc ...
Perle2luneavatar
Messages : 168
Bonjour Basil,

Merci de t'occuper de ma commande.
Pour les widgets je voudrais vraiment la même chose que ce qui est présenté sur le forum donné en exemple.
En reprenant juste les couleurs de mon forum .

Il te faut des images tu dis ?
N'hésites pas à me demander ce que tu veux que je précise je débute un peu en la matière Smile
Basil Hawkinsavatar
Messages : 548
Oki, merci pour l'info Wink

Concernant les images je n'en ai pas besoin, c'était juste pour savoir Smile

Alors bon, j'ai déjà commencé, alors j'ai une petite question : aimes-tu les arrondis ? Car ça se basera beaucoup sur ça et j'aimerais savoir si je dois changer ou non x)
Perle2luneavatar
Messages : 168
J'adore les arrondis, tu peux donc y aller ! Smile
Basil Hawkinsavatar
Messages : 548
Bon, dernière question et je te laisse tranquille. Smile

Au niveau du staff, que veux-tu exactement ? Une vignette quand on passe la souris dessus ? Un simple avatar ? Wink
Basil Hawkinsavatar
Messages : 548
Hello, Smile
Sorry du double post, mais j'ai fini le message d'accueil (sauf le staff) Wink
Un aperçu ici ~> http://testouilleuh.forumactif.org/index.htm

Il me reste donc à faire le staff et les widgets Smile
Perle2luneavatar
Messages : 168
Waw j'adore !

Merci Basil pour le coeur que tu mets dans l'ouvrage , pour moi c'est génial !!
Pour le staff j'veux bien la vignette sur laquelle on peut cliquer dessus.
Mettre juste les modératrices et moi même.

Edit : 'MeilleurE gourmande' c'est mieux
Basil Hawkinsavatar
Messages : 548
Ah oui j'avais pas fait attention à la faute x)

Par contre j'aurais besoin de la vignette et des liens Smile
Perle2luneavatar
Messages : 168
Si j'ai bien compris ça donnerait :

Perle2lune Admin & fondatrice : http://gourmandescocon.forumactif.org/profile.forum?mode=viewprofile&u=1


Eloodie Modératrice : http://gourmandescocon.forumactif.org/profile.forum?mode=viewprofile&u=21

HappyFace modératrice : http://gourmandescocon.forumactif.org/profile.forum?mode=viewprofile&u=46

Pegase , modératrice : http://gourmandescocon.forumactif.org/profile.forum?mode=viewprofile&u=11


Dis moi si j'me suis trompée & si ce n'est pas ce que tu attendais !
Basil Hawkinsavatar
Messages : 548
ça ne te dérange pas si je retravaille pas un petit peu les images ? Smile (les rétrécir, agrandir, etc ...)
Perle2luneavatar
Messages : 168
Ha mais bien entendu, fais comme bon te semble ^^
Basil Hawkinsavatar
Messages : 548
Oki, j'ai donc fini le message d'accueil, dis-moi si ça te convient Smile

Là je vais m'attaquer aux widgets Wink

Edit: Les widgets, tu les veux sur toutes les pages ou seulement sur la page d'accueil ? Smile
Perle2luneavatar
Messages : 168
Seulement sur la page d'accueil s'il te plaît Smile
Basil Hawkinsavatar
Messages : 548
Oki, je finirais ce soir alors Smile
Basil Hawkinsavatar
Messages : 548
Terminé ! Smile

Tu peux me dire ce que tu en penses et si tu veux que je change quelque chose Wink
Perle2luneavatar
Messages : 168
Hello !

Il faudrait lever le deuxième coeur lié au facebook , celui qui arrive après le texte ça fait pas joli.
Le refuge des nouve'lles & pas des gourmandes Smile

Et si tu peux me rajouter encore un onglet c'est parfait ! Les challenges gourmands
Basil Hawkinsavatar
Messages : 548
Désolé du retard, j'étais surchargé de devoirs ce soir Wink

Donc voilà c'est arrangé, j'ai également enlevé le tiret pour Facebook qui ne faisait pas très bien Wink

Tu as encore quelque chose à ajouter ou je te donne les codes ? Smile
Perle2luneavatar
Messages : 168
C'est Parfait, je veux bien les codes !
Basil Hawkinsavatar
Messages : 548
Alors, voici le code HTML de ta page d'accueil :
Code:
<table class="tableau" cellspacing="0px" cellpadding="0px"><tr><td><table width="100%"><tr><td width="25%" valign="top"><div class="titre">Coup de ♥</div><div class="contenu" style="padding-bottom: 8px;"><img src="http://i62.servimg.com/u/f62/12/22/64/50/75453411.gif" /><br />Voici le coup de cœur, choisi par nos gourmandes ♥<br />
<a href="http://www.minipetons.com/" target="_blank"><img src="http://i86.servimg.com/u/f86/13/76/84/38/baba1910.png" /></a></div></td>
<td width="50%" valign="top"><div class="titre">Bienvenue chez nous {USERNAME} !</div><div class="contenu" style="padding-bottom: 14px;"><img src="http://i62.servimg.com/u/f62/12/22/64/50/75453411.gif" /><br />N'aies pas peur de pousser la porte de ce forum, ici on maigrit avec gourmandise & sans prise de tête !
Le respect de son corps est important bien que plusieurs régimes bafouent ce respect. Ré-apprenons à mincir sainement !<br />
<img src="http://i62.servimg.com/u/f62/12/22/64/50/75453411.gif" /><img src="http://i62.servimg.com/u/f62/12/22/64/50/75453411.gif" /></div></td>
<td width="25%" valign="top"><div class="titre">Les membres du Staff</div><div class="contenu"><table align="center" valign="middle"><tr><td>
<a href="http://gourmandescocon.forumactif.org/profile.forum?mode=viewprofile&u=1" target="_blank"><img src="http://sd-2.archive-host.com/membres/images/138867873435270344/Screen150.png" /></a>
</td><td>
<a href="http://gourmandescocon.forumactif.org/profile.forum?mode=viewprofile&u=21" target="_blank"><img src="http://sd-2.archive-host.com/membres/images/138867873435270344/Screen151.png" /></a>
</td><td>
<a href="http://gourmandescocon.forumactif.org/profile.forum?mode=viewprofile&u=46" target="_blank"><img src="http://sd-2.archive-host.com/membres/images/138867873435270344/Screen152.png" /></a>
</td><td>
<a href="http://gourmandescocon.forumactif.org/profile.forum?mode=viewprofile&u=11" target="_blank"><img src="http://sd-2.archive-host.com/membres/images/138867873435270344/Screen153.png" /></a>
</td></tr></table></div></td></tr></table>
<table width="100%"><tr><td width="50%" valign="top"><div class="titre">Date d'ouverture</div><div class="contenu"><img src="http://ticker.7910.org/an1czXoFg0F0013NzZkaHw2NDM0MjA3YXxMZSBDb2NvbiBkZXMgR291cm1hbmRlcyBh.gif" /></div></td>
<td width="50%" valign="top"><div class="titre">Meilleure Gourmande de la Semaine</div><div class="contenu" style="padding-bottom: 13px;"><img src="http://www.club-regime.com/forumregime/images/avatars/249985541480debce56099.gif" /><img src="http://www.club-regime.com/forumregime/images/avatars/249985541480debce56099.gif" /><br />Bravo à Boudinette qui est la meilleure gourmande de la semaine avec - 2 kilos, toutes nos félicitations !!<br /><img src="http://i62.servimg.com/u/f62/12/22/64/50/75453411.gif" /><img src="http://i62.servimg.com/u/f62/12/22/64/50/75453411.gif" /></div></td></tr></table>

Voici le code que tu devras insérer dans le template "index_body" juste avant le {AUTO_DST} :
Code:
<div class="widgets">
<div class="titre" style="background-color: #dcaf4a;">Navigation Rapide</div>
<div class="contenu" style="text-align: left !important;">

<center><img src="http://i62.servimg.com/u/f62/12/22/64/50/75453411.gif" /></center>
<span class="gensmall"><a href="http://gourmandescocon.forumactif.org/le-chemin-de-la-formule-magique-f7/nouvelle-voici-ton-refuge-t541.htm" class="liens_navig liens_navig_tiret" target="_blank">Refuge des Nouvelles</a><br />
<a href="http://gourmandescocon.forumactif.org/toutes-les-recettes-f56/" class="liens_navig liens_navig_tiret" target="_blank">Recettes en photos</a><br />
<a href="http://gourmandescocon.forumactif.org/le-concours-de-recettes-f59/" class="liens_navig liens_navig_tiret" target="_blank">Concours de recettes</a><br />
<a href="http://gourmandescocon.forumactif.org/les-challenges-des-gourmandes-f24/" class="liens_navig liens_navig_tiret" target="_blank">Challenges Gourmands</a><br /></span>
<center><img src="http://i62.servimg.com/u/f62/12/22/64/50/75453411.gif" /></center>

</div><br />
<div class="titre" style="background-color: #dcaf4a;">Facebook</div>
<div class="contenu">

<span class="gensmall">
<img src="http://i10.servimg.com/u/f10/12/30/43/06/heartb10.gif" />
<a href="http://www.facebook.com/Perle2lune?ref=profile#/group.php?gid=85141928786&ref=ts" class="liens_navig" target="_blank">Les Gourmandes<img src="http://i10.servimg.com/u/f10/12/30/43/06/heartb10.gif" /><br /> sur Facebook</a>
</span></div></div>

Et enfin voici le code CSS que tu devras insérer dans la feuille de style CSS :
Code:
.tableau {
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
border: 3px solid #975b28;
background-color: #dcaf4a;
}
.titre {
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-top: 2px solid #975b28;
border-right: 5px solid #975b28;
border-left: 5px solid #975b28;
margin-left: 10px;
margin-right: 10px;
font-family: Georgia, serif;
text-align: center;
color: #814621;
font-size: 15px;
}
.contenu {
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
border: 3px solid #975b28;
background-color: #dcaf4a;
padding: 5px 10px;
height: 100%;
text-align: center;
}
.widgets {
position: absolute;
top: 530px;
left: 1%;
width: 13%;
}
.liens_navig {
text-shadow: 1px 1px 1px #FFFFFF;
color: #802508;
}
.liens_navig_tiret:before {
content: "-";
margin-right: 2px;
}
.liens_navig:hover {
color: #872c10;
text-decoration: none !important;
}
.liens_navig_tiret:hover:before {
content: "{";
}
.blabyuiogfq:before {
content: "}";
}

Concernant cette partie-ci
Code:

.widgets {
position: absolute;
top: 530px;
left: 1%;
width: 13%;
}

Tu risques de devoir faire des ajustements. Le "top: 530px;" indique à combien de pixels tes widgets sont du haut, donc tu vas devoir changer le "530" par le nombre qui convient.


Sinon concernant cette partie-ci aussi :
Code:
.blabyuiogfq:before {
content: "}";
}

Elle est totalement inutile, mais au moins le panneau d'administration te dira qu'il n'y a pas de bugs Wink
Perle2luneavatar
Messages : 168
Merci.
Peut on m'expliquer plus en détail où je trouve chaque partie ou bien le faire pour moi ?
Basil Hawkinsavatar
Messages : 548
Hello, Smile
J'ai donc tout installé sur ton forum Wink

Veux-tu autre chose ou la commande est terminée ? Smile
Perle2luneavatar
Messages : 168
La commande est terminée, tu as fait un boulot formidable & rapide.

Merci beaucoup.
Basil Hawkinsavatar
Messages : 548
Mais de rien voyons, content que ça te plaise Smile

PS : J'ai oublié de te le préciser auparavant, mais les arrondis marchent seulement sous Mozilla Firefox, Google Chrome, Opéra et Safari et donc Internet Explorer, même 8, ne les affiche pas Wink

Aller à la page : 1, 2  Suivant,
 Sujets similaires
-
» [Basil] Page d'accueil en tableau
» Tableau pour page d'accueil [Lixyr]
» [ABANDON] Une page d'accueil à onglets
» [Lixyr Yrna] Une page d'accueil pour rainbow style
» [Akino] Un page d'accueil pour New Day :)

Répondre au sujet


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

Modérer

Trames

  • Nos services
  • Prés. obligatoire
  • Référencé
  • Réf. (comp)
  • Prérelance
  • 1ère relance
  • 2ème relance
  • Recherche (relance)
  • Recherche (corbeille)
  • Formulaire manquant
  • Formulaire incomplet
  • 1
  • 2
  • 3
  • 4
  • 5
  • Evaluation