Réaliser une page d'accueil généralité

par aurélie62 Mar 25 Nov 2014 - 14:49

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 01/10/2014
Lien du forum : http://fiftyshadesfrance.forumperso.com/

Description du problème

Bonjour à tous les pros en codage Very Happy

J'aimerais réaliser un panneau comme celui-ci ici, je suis complètement nul en code, et j'ai vraiment besoin d'aide pour le réaliser, j'ai contacter plusieurs partenaires pour mon forum et j'ai envie qu'il voit un forum assez bien organisé et là ce n'est pas le cas de mes infos sur le panneau de généralités, après je ne cherche pas à reproduire la même chose mais c'est ce genre de présentation que j'aimerais.

Je voudrais mettre dans mon pa :
- des partenaires TOP et normal
- mon compte à rebours
- Une présentation du forum
- Une image

Je vous remercie d'avance
Cordialement
Aurélie

par Neptunia Mar 25 Nov 2014 - 15:05

Bonjour ^^

Forumactif créa nos forums en 6 jours.
Le septième jour, il posta un tutoriel pour mettre les fondateurs au travail et gagner son repos bien mérité :

Tuto

Apprendre à faire un tableau

par aurélie62 Mar 25 Nov 2014 - 18:11

Bonjour, je viens d'essayer de faire le tableau je n'arrive pas du tout, je sais que on doit apprendre et je ne demande pas mieux mais là c'est super compliqué

par Clark Mercer Ven 28 Nov 2014 - 2:42

Hellow :3

Je ne viens pas tant t'aider avec les codes et tout mais peut-être plus te conseiller. Tu pourrais toujours fouiller sur le net (Il y a une belle petite liste dans la section service de création graphique; les forums spécialisés y'en a pleins qui sont plutôt chouette en prime) pour trouver des modèles qui te plairaient? :3

par aurélie62 Ven 28 Nov 2014 - 10:03

J'ai bien essayé, je demande de l'aide aujourd'hui parce que ça fait plusieurs mois que j'essaie de faire quelques choses de bien, j'ai déjà fait des essais, mais tout ce décale ou je n'arrive pas à centrer ect... J'ai même contacter des fondateurs pour avoir leur aide avant de venir ici, après si vous ne pouvez pas, c'est pas grave, c'est juste que je ne sais plus où demander.

par aurélie62 Ven 28 Nov 2014 - 13:03

par **Lixyr** Ven 28 Nov 2014 - 20:52

..	Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : - Règles générales du forum - Charte de ce forum A bientôt sur ForumActif

Bonjour,

Si vous voulez que nous vous aidons à réaliser votre tableau, il faudrait que vous nous postiez ce que vous avez déjà codé, qu'on puisse vous aiguiller sur comment le construire correctement.

(d'ailleurs, utiliser un tableau pour faire du positionnement, c'est le mal !)

par aurélie62 Sam 29 Nov 2014 - 13:30

Code:: <table bgcolor="#523040" border="0" cellspacing="0" style="text-align: center; width: 100%;"> <tbody> <tr> <td rowspan="2" align="left" valign="top"> <div style="text-align: center; margin: auto; width: 100%;"> <span style="font-size: 13px;"><strong><span style="color: rgb(238, 238, 238);"> Bienvenue sur le premier forum de la saga</span></strong><strong><br /></strong> </span> </div> <div style="text-align: left; margin: auto; width: 100%;"> <span style="font-size: 13px;"><strong><span style="color: rgb(238, 238, 238);"><br /></span></strong> </span> </div> <div style="text-align: left; margin: auto; width: 100%;"> <span style="font-size: 13px;"><strong><span style="color: rgb(238, 238, 238);">Tu cherche un forum complet sur la saga, tu as trouvé ta perle rare.</span></strong> </span> </div> <div style="text-align: left; margin: auto; width: 100%;"> <strong><span style="color: rgb(238, 238, 238);"><span style="font-size: 13px;">Photos, Vidéos et interviews t'attendent. Un grand concours ouvriras ces portes en Janvier 2015. N'hésite plus et vient rejoindre les fans de 50 nuances de Grey... </span></span> </strong> </div> <div style="text-align: left; margin: auto; width: 100%;"> <strong><span style="color: rgb(238, 238, 238);"><br /></span></strong> </div> <div style="text-align: left; margin: auto; width: 100%;"> <iframe allowfullscreen="" frameborder="0" src="//www.youtube.com/embed/4Dws9lQgbko?rel=0" style="width: 500px; height: 281px;"> </iframe><br /> </div> </td> <td colspan="1" align="left" valign="100%;" style="height: 200px;"> <div style="text-align: center;"> <style type="text/css">#fx_convert_1 br {display:none;}</style> <div id="fx_convert_1" style="width:190px;text-align:center;"> <div style="border:1px solid #000;background-color:#AB9CB3;padding: 0px 0px;margin: 0px 0px;align:center;overflow:hidden;" id="xcolorc1_1"> <div style="font-size:12px;color:#AB9CB3line-height:16px;font-family: arial; font-weight:bold;background:#AB9CB3;padding: 3px 1px;text-align:center;" id="xcolorc1_2"> <a style="color:#111111;font-size:14px;text-decoration:none;line-height:16px;font-family: arial;" id="xcount_link1" title="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" alt="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" href="http://fr.freecountdown.net/Fifty Shades dans">Fifty Shades dans</a> </div> <div style="font-size: 1em;font-family: arial; font-weight:bold" id="xcount1_359266811"> </div><script src="http://fr.freecountdown.net/z.php?text=&t=1&fd=2015-02-11&dir=down&id=1_359266811&fc=111111"></script> </div>  <br /> <br /> <br /><br /> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>Facebook et twitter </strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>du forum</strong></span> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <br /> </div> </div> <div style="text-align: center;"> <a href="https://twitter.com/fiftyshadesfr1"><img src="http://i39.servimg.com/u/f39/13/73/74/55/twitte10.png" /></a><a href="https://www.facebook.com/FiftyShadesFranceForum"><img src="http://i39.servimg.com/u/f39/13/73/74/55/facebo10.png" /></a><br /> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>Grand concours</strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>2015</strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong><br /></strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong><a href="http://fiftyshadesfrance.forumperso.com/t139-4eme-concours"><img src="http://i39.servimg.com/u/f39/18/97/01/32/affich10.png" style="width: 150px; height: 100px;" /></a></strong></span> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <div style="text-align: center;"> </div> <div style="text-align: center;"> </div> </div> </td> </tr> </tbody> </table>

J'aimerais ajouter des partenaires et des liens, mais j'arrive pas à bien le construire, j'aimerais un style comme cette image

Réaliser une page d'accueil généralité 38003311

par aurélie62 Mer 3 Déc 2014 - 12:17

par **Lixyr** Mer 3 Déc 2014 - 21:16

Bonsoir,

Voilà ce que j'obtiens de mon côté : http://forum-test-in-lixyr.rpg-dynasty.com/forum
Vous les voulez où vos partenaires ?

par aurélie62 Jeu 4 Déc 2014 - 10:36

Oui effectivement désolé c'est très laid, j'aimerais garder toutes mes infos sauf la partie concours en bas, après j'aimerais avoir mes partenaires comme cette photo

Réaliser une page d'accueil généralité 38003312

Réaliser une page d'accueil généralité 38003312

par aurélie62 Mer 10 Déc 2014 - 15:44

par **Lixyr** Jeu 11 Déc 2014 - 10:00

.

Réaliser une page d'accueil généralité 5GibGOr

.

Bonjour,

Je rappelle que Le Forum des Forums de Forumactif n'a absolument pas vocation à devenir un forum de commandes.
Il est avant tout un lieu où une réponse donnée dans un sujet doit pouvoir aider plusieurs personnes.

Si vous souhaitez apprendre et réaliser vous-même votre présentation ou si vous avez un problème avec une partie de votre codage, vous êtes sur le bon forum. En revanche si vous voulez une présentation "prêt à installer", merci de vous orienter vers les forums spécialisés en codage.

Je vous invite à lire :

- Règles générales du forum

- Charte de ce forum

A bientôt sur ForumActif Smile

On va rester sur le code que vous m'avez fourni.
Les partenaires sont placés en petites images carrées les unes à côtés des autres. A quel endroit dans votre code vous les voulez ?
- à droite de la vidéo
- à droite de l'image concours
- à gauche des images facebook/twitter ?

par aurélie62 Mar 16 Déc 2014 - 10:26

Bonjour, j'aimerais bien à droite oui mais en dessous du grand concours Smile

Je peux te donner un fond pour la case partenaire vide, après je te laisse la redimmensionner car je ne sais pas la dimension, merci
Réaliser une page d'accueil généralité Parten10

Réaliser une page d'accueil généralité Parten10

par **Lixyr** Mer 17 Déc 2014 - 14:31

Bonjour,

Quelque chose comme ça ?

par aurélie62 Jeu 18 Déc 2014 - 9:15

Ca fait un peu gros!!! Une question, quand je vais sur ton forum test, c'est le code que je t'ai donné? Car franchement j'ai pas du tout la même chose, je te fait une capture

https://i.servimg.com/u/f39/13/73/74/55/captur10.png

par **Lixyr** Jeu 18 Déc 2014 - 13:24

Je n'ai pas le CSS qui va avec. S'il y en a un, il me le faudrait car effectivement, l'affichage change beaucoup...

par aurélie62 Ven 19 Déc 2014 - 15:12

Ah ok je te le donne aussi alors et je te redonne mon pa aussi Very Happy

ça évite de remonter le post...

Code:: <table style="text-align: center; width: 100%;" cellspacing="0" border="0" bgcolor="#523040"> <tbody> <tr> <td valign="top" align="left" rowspan="2"> <div style="text-align: center; margin: auto; width: 100%;"> <span style="font-size: 13px;"><strong><span style="color: rgb(238, 238, 238);"> Bienvenue sur le premier forum de la saga</span></strong><strong><br /></strong> </span> </div> <div style="text-align: left; margin: auto; width: 100%;"> <span style="font-size: 13px;"><strong><span style="color: rgb(238, 238, 238);"><br /></span></strong> </span> </div> <div style="text-align: left; margin: auto; width: 100%;"> <span style="font-size: 13px;"><strong><span style="color: rgb(238, 238, 238);">Tu cherche un forum complet sur la saga, tu as trouvé ta perle rare.</span></strong> </span> </div> <div style="text-align: left; margin: auto; width: 100%;"> <strong><span style="color: rgb(238, 238, 238);"><span style="font-size: 13px;">Photos, Vidéos et interviews t'attendent. Un grand concours ouvriras ces portes en Janvier 2015. N'hésite plus et vient rejoindre les fans de 50 nuances de Grey... </span></span> </strong> </div> <div style="text-align: left; margin: auto; width: 100%;"> <strong><span style="color: rgb(238, 238, 238);"><br /></span></strong> </div> <div style="text-align: left; margin: auto; width: 100%;"> <iframe style="width: 500px; height: 281px;" src="//www.youtube.com/embed/4Dws9lQgbko?rel=0" frameborder="0" allowfullscreen=""> </iframe><br /> </div> </td> <td style="height: 200px;" valign="100%;" align="left" colspan="1"> <div style="text-align: center;"> <style type="text/css">#fx_convert_1 br {display:none;}</style> <div style="width:190px;text-align:center;" id="fx_convert_1"> <div id="xcolorc1_1" style="border:1px solid #000;background-color:#AB9CB3;padding: 0px 0px;margin: 0px 0px;align:center;overflow:hidden;"> <div id="xcolorc1_2" style="font-size:12px;color:#AB9CB3line-height:16px;font-family: arial; font-weight:bold;background:#AB9CB3;padding: 3px 1px;text-align:center;"> <a href="http://fr.freecountdown.net/Fifty Shades dans" alt="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" title="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" id="xcount_link1" style="color:#111111;font-size:14px;text-decoration:none;line-height:16px;font-family: arial;">Fifty Shades dans</a> </div> <div id="xcount1_359266811" style="font-size: 1em;font-family: arial; font-weight:bold"> </div><script src="http://fr.freecountdown.net/z.php?text=&t=1&fd=2015-02-11&dir=down&id=1_359266811&fc=111111"></script> </div>  <br /> <br /> <br /><br /> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>Facebook et twitter </strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>du forum</strong></span> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <br /> </div> </div> <div style="text-align: center;"> <a href="https://twitter.com/fiftyshadesfr1"><img src="http://i39.servimg.com/u/f39/13/73/74/55/twitte10.png" /></a><a href="https://www.facebook.com/FiftyShadesFranceForum"><img src="http://i39.servimg.com/u/f39/13/73/74/55/facebo10.png" /></a><br /> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>Grand concours</strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>2015</strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong><br /></strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong><a href="http://fiftyshadesfrance.forumperso.com/t139-4eme-concours"><img style="width: 150px; height: 100px;" src="http://i39.servimg.com/u/f39/18/97/01/32/affich10.png" /></a></strong></span> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <div style="text-align: center;"> </div> <div style="text-align: center;"> </div> </div> </td> </tr> </tbody> </table>

Merci

par **Lixyr** Sam 20 Déc 2014 - 10:43

Pas de changement avec le CSS (ce qui est normal en fait). Quel est la largeur de votre forum ? Normalement vous devriez avoir configuré ça dans panneau d'administration > forum > généralité > largeur du forum

par aurélie62 Sam 20 Déc 2014 - 18:40

Je suis à 60%

par **Lixyr** Sam 20 Déc 2014 - 22:41

C'est mieux maintenant ?
Je vous mets les partenaires où du coup vu que ça a changé ?

par aurélie62 Lun 22 Déc 2014 - 11:42

Les partenaires vous pouvez les mettre où vous voulez peu importe, je cherche plus une organisation comme l'exemple, par contre c'est le pa de mon forum fiftyshades que je souhaite le changement, je viens de m'apperçevoir que je me trompé de forum, mais le principe reste le même désolé, je sais pas pourquoi j'ai donné les codes de l'autre

Code:: <table style="text-align: center; width: 100%;" cellspacing="0" border="0" bgcolor="#523040"> <tbody> <tr> <td valign="top" align="left" rowspan="2"> <div style="text-align: center; margin: auto; width: 100%;"> <span style="font-size: 13px;"><strong><span style="color: rgb(238, 238, 238);"> Bienvenue sur le premier forum de la saga</span></strong><strong><br /></strong> </span> </div> <div style="text-align: left; margin: auto; width: 100%;"> <span style="font-size: 13px;"><strong><span style="color: rgb(238, 238, 238);"><br /></span></strong> </span> </div> <div style="text-align: left; margin: auto; width: 100%;"> <span style="font-size: 13px;"><strong><span style="color: rgb(238, 238, 238);">Tu cherche un forum complet sur la saga, tu as trouvé ta perle rare.</span></strong> </span> </div> <div style="text-align: left; margin: auto; width: 100%;"> <strong><span style="color: rgb(238, 238, 238);"><span style="font-size: 13px;">Photos, Vidéos et interviews t'attendent. Un grand concours ouvriras ces portes en Janvier 2015. N'hésite plus et vient rejoindre les fans de 50 nuances de Grey... </span></span> </strong> </div> <div style="text-align: left; margin: auto; width: 100%;"> <strong><span style="color: rgb(238, 238, 238);"><br /></span></strong> </div> <div style="text-align: left; margin: auto; width: 100%;"> <iframe style="width: 500px; height: 281px;" src="//www.youtube.com/embed/4Dws9lQgbko?rel=0" frameborder="0" allowfullscreen=""> </iframe><br /> </div> </td> <td style="height: 200px;" valign="100%;" align="left" colspan="1"> <div style="text-align: center;"> <style type="text/css">#fx_convert_1 br {display:none;}</style> <div style="width:190px;text-align:center;" id="fx_convert_1"> <div id="xcolorc1_1" style="border:1px solid #000;background-color:#AB9CB3;padding: 0px 0px;margin: 0px 0px;align:center;overflow:hidden;"> <div id="xcolorc1_2" style="font-size:12px;color:#AB9CB3line-height:16px;font-family: arial; font-weight:bold;background:#AB9CB3;padding: 3px 1px;text-align:center;"> <a href="http://fr.freecountdown.net/Fifty Shades dans" alt="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" title="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" id="xcount_link1" style="color:#111111;font-size:14px;text-decoration:none;line-height:16px;font-family: arial;">Fifty Shades dans</a> </div> <div id="xcount1_359266811" style="font-size: 1em;font-family: arial; font-weight:bold"> </div><script src="http://fr.freecountdown.net/z.php?text=&t=1&fd=2015-02-11&dir=down&id=1_359266811&fc=111111"></script> </div>  <br /> <br /> <br /><br /> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>Facebook et twitter </strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>du forum</strong></span> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <br /> </div> </div> <div style="text-align: center;"> <a href="https://twitter.com/fiftyshadesfr1"><img src="http://i39.servimg.com/u/f39/13/73/74/55/twitte10.png" /></a><a href="https://www.facebook.com/FiftyShadesFranceForum"><img src="http://i39.servimg.com/u/f39/13/73/74/55/facebo10.png" /></a><br /> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>Grand concours</strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>2015</strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong><br /></strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong><a href="http://fiftyshadesfrance.forumperso.com/t139-4eme-concours"><img style="width: 150px; height: 100px;" src="http://i39.servimg.com/u/f39/18/97/01/32/affich10.png" /></a></strong></span> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <div style="text-align: center;"> </div> <div style="text-align: center;"> </div> </div> </td> </tr> </tbody> </table>

par aurélie62 Ven 26 Déc 2014 - 13:25

Un petit up, merci

par **Lixyr** Dim 28 Déc 2014 - 12:00

Okay, alors vu qu'il n'y a pas de place dans votre PA on va mettre les partenaires en bas à gauche, donc

Mise en place

1) comme vous avez tout codé dans un tableau, le mieux serait de rajouter une ligne.

2) il semble que vous ayiez deux cellules pour chaque ligne, donc le mieux serait
- soit de faire une ligne avec deux cellules
- soit de faire une ligne avec une seule cellule, mais qui prend la place de deux, et c'est ce que je vais faire puisque vous n'avez pour l'instant pas d'autre contenu à rajouter, donc :

</td> </tr> </tbody>
</table>

remplacer par :

Code:: </td> </tr> <tr> <td colspan="2"> </td> </tr> </tbody> </table>

3) il suffit de rajouter les partenaires dans la cellule créée, donc :

Code:: <td colspan="2"> <h4> Nos partenaires </h4> <p> <a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a><a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a><a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a><a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a><a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a><a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a><a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a> </p> </td>

- vous pouvez modifier le nom du titre "nos partenaires"
- vous pouvez ajouter des images, le code étant :

<a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="https://i.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a>

-> vous devez changer lienduforumpartenaire par le lien du forum partenaire
-> vous devez changer titreduforumpartenaire par le titre du forum
-> vous devez changer https://i.servimg.com/u/f36/11/66/92/55/fa210.png par le lien de l'image du logo fourni, parce que j'ai pris ça en exemple
-> vous pouvez changer la taille width: 88px;height: 33px; par ce que vous voulez

Si jamais vous voulez un autre contenu à côté, vous n'avez qu'à

1) supprimer colspan="2" dans la cellule
2) ajouter une cellule <td></td> après la fermeture de cellule </td>

Code:: <td>ici les partenaires</td><td>ici le prochain contenu</td>

Code en entier

Comme il y avait une petite erreur de rowspan rajouté dans la cellule contenant la vidéo que j'ai du enlever, voici le code en entier pour qu'il n'y ait pas de soucis. A modifié en fonction de ce qui a été dit plus haut :

Code:: <table style="text-align: center; width: 100%;" bgcolor="#523040" border="0" cellspacing="0"> <tbody> <tr> <td align="left" valign="top"> <div style="text-align: center; margin: auto; width: 100%;"> <span style="font-size: 13px;"><strong><span style="color: rgb(238, 238, 238);"> Bienvenue sur le premier forum de la saga</span></strong><strong><br /></strong> </span> </div> <div style="text-align: left; margin: auto; width: 100%;"> <span style="font-size: 13px;"><strong><span style="color: rgb(238, 238, 238);"><br /></span></strong> </span> </div> <div style="text-align: left; margin: auto; width: 100%;"> <span style="font-size: 13px;"><strong><span style="color: rgb(238, 238, 238);">Tu cherche un forum complet sur la saga, tu as trouvé ta perle rare.</span></strong> </span> </div> <div style="text-align: left; margin: auto; width: 100%;"> <strong><span style="color: rgb(238, 238, 238);"><span style="font-size: 13px;">Photos, Vidéos et interviews t'attendent. Un grand concours ouvriras ces portes en Janvier 2015. N'hésite plus et vient rejoindre les fans de 50 nuances de Grey... </span></span> </strong> </div> <div style="text-align: left; margin: auto; width: 100%;"> <strong><span style="color: rgb(238, 238, 238);"><br /></span></strong> </div> <div style="text-align: left; margin: auto; width: 100%;"> <iframe style="width: 500px; height: 281px;" src="//www.youtube.com/embed/4Dws9lQgbko?rel=0" allowfullscreen="" frameborder="0"> </iframe><br /> </div> </td> <td style="height: 200px;" colspan="1" align="left" valign="100%;"> <div style="text-align: center;"> <style type="text/css">#fx_convert_1 br {display:none;}</style> <div style="width:190px;text-align:center;" id="fx_convert_1"> <div id="xcolorc1_1" style="border:1px solid #000;background-color:#AB9CB3;padding: 0px 0px;margin: 0px 0px;align:center;overflow:hidden;"> <div id="xcolorc1_2" style="font-size:12px;color:#AB9CB3line-height:16px;font-family: arial; font-weight:bold;background:#AB9CB3;padding: 3px 1px;text-align:center;"> <a href="http://fr.freecountdown.net/Fifty Shades dans" alt="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" title="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" id="xcount_link1" style="color:#111111;font-size:14px;text-decoration:none;line-height:16px;font-family: arial;">Fifty Shades dans</a> </div> <div id="xcount1_359266811" style="font-size: 1em;font-family: arial; font-weight:bold"> </div><script src="http://fr.freecountdown.net/z.php?text=&t=1&fd=2015-02-11&dir=down&id=1_359266811&fc=111111"></script> </div>  <br /> <br /> <br /><br /> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>Facebook et twitter </strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>du forum</strong></span> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <br /> </div> </div> <div style="text-align: center;"> <a href="https://twitter.com/fiftyshadesfr1"><img src="http://i39.servimg.com/u/f39/13/73/74/55/twitte10.png" /></a><a href="https://www.facebook.com/FiftyShadesFranceForum"><img src="http://i39.servimg.com/u/f39/13/73/74/55/facebo10.png" /></a><br /> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>Grand concours</strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>2015</strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong><br /></strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong><a href="http://fiftyshadesfrance.forumperso.com/t139-4eme-concours"><img style="width: 150px; height: 100px;" src="http://i39.servimg.com/u/f39/18/97/01/32/affich10.png" /></a></strong></span> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <div style="text-align: center;"> </div> <div style="text-align: center;"> </div> </div> </td> </tr> <tr> <td colspan="2"> <h4> Nos partenaires </h4> <p> <a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a><a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a><a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a><a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a><a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a><a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a><a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a> </p> </td> </tr> </tbody> </table>

par aurélie62 Dim 28 Déc 2014 - 18:00

Merci je viens de tout enregistrer dans un blog note pour essayer de bien retenir, j'ai mis en place tout ça, tu peux vérifier de ton coté si ça va?

Et si je veux faire un pa comme dans mon image exemple, je dois tout refaire ou pas? Ou c'est un autre codage?

En tout cas merci

par **Lixyr** Dim 28 Déc 2014 - 22:44

Bah ça dépend de ce que vous voulez exactement. Si vous voulez avoir trois images en haut et trois images en bas par exemple, il suffit de rajouter un <br /> après la troisième image pour retourner à la ligne.
Si vous voulez autre chose, il faut me dire quoi exactement.

par aurélie62 Lun 29 Déc 2014 - 13:45

J'aimerais beaucoup le même style que l'exemple, les emplacement de toutes les images, partenaires, et les boutons j'aime beaucoup, après juste avec des images comme tu as fait pour les partenaires, ça me vas très bien, je trouve que c'est bien rangé, j'en ai trouvé une aussi que j'aime beaucoup, regarde sur ce forum, merci

par **Lixyr** Dim 4 Jan 2015 - 16:59

Le seul point commun que je vois c'est que les partenaires se trouvent dans un petit coin, sur deux lignes. Donc le mieux serait de faire comme ça :

Code:: <table style="text-align: center; width: 100%;" bgcolor="#523040" border="0" cellspacing="0"> <tbody> <tr> <td align="left" valign="top"> <div style="text-align: center; margin: auto; width: 100%;"> <span style="font-size: 13px;"><strong><span style="color: rgb(238, 238, 238);"> Bienvenue sur le premier forum de la saga</span></strong><strong><br /></strong> </span> </div> <div style="text-align: left; margin: auto; width: 100%;"> <span style="font-size: 13px;"><strong><span style="color: rgb(238, 238, 238);"><br /></span></strong> </span> </div> <div style="text-align: left; margin: auto; width: 100%;"> <span style="font-size: 13px;"><strong><span style="color: rgb(238, 238, 238);">Tu cherche un forum complet sur la saga, tu as trouvé ta perle rare.</span></strong> </span> </div> <div style="text-align: left; margin: auto; width: 100%;"> <strong><span style="color: rgb(238, 238, 238);"><span style="font-size: 13px;">Photos, Vidéos et interviews t'attendent. Un grand concours ouvriras ces portes en Janvier 2015. N'hésite plus et vient rejoindre les fans de 50 nuances de Grey... </span></span> </strong> </div> <div style="text-align: left; margin: auto; width: 100%;"> <strong><span style="color: rgb(238, 238, 238);"><br /></span></strong> </div> <div style="text-align: left; margin: auto; width: 100%;"> <iframe style="width: 500px; height: 281px;" src="//www.youtube.com/embed/4Dws9lQgbko?rel=0" allowfullscreen="" frameborder="0"> </iframe><br /> </div> </td> <td style="height: 200px;" colspan="1" align="left" valign="100%;"> <div style="text-align: center;"> <style type="text/css">#fx_convert_1 br {display:none;}</style> <div style="width:190px;text-align:center;" id="fx_convert_1"> <div id="xcolorc1_1" style="border:1px solid #000;background-color:#AB9CB3;padding: 0px 0px;margin: 0px 0px;align:center;overflow:hidden;"> <div id="xcolorc1_2" style="font-size:12px;color:#AB9CB3line-height:16px;font-family: arial; font-weight:bold;background:#AB9CB3;padding: 3px 1px;text-align:center;"> <a href="http://fr.freecountdown.net/Fifty Shades dans" alt="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" title="Compte à rebours de vacances | Compte à rebours|Compteur|Temporisateur" id="xcount_link1" style="color:#111111;font-size:14px;text-decoration:none;line-height:16px;font-family: arial;">Fifty Shades dans</a> </div> <div id="xcount1_359266811" style="font-size: 1em;font-family: arial; font-weight:bold"> </div><script src="http://fr.freecountdown.net/z.php?text=&t=1&fd=2015-02-11&dir=down&id=1_359266811&fc=111111"></script> </div>  <br /> <br /> <br /><br /> </div> <div style="text-align: center;"> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>Facebook et twitter </strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>du forum</strong></span> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <br /> </div> </div> <div style="text-align: center;"> <a href="https://twitter.com/fiftyshadesfr1"><img src="http://i39.servimg.com/u/f39/13/73/74/55/twitte10.png" /></a><a href="https://www.facebook.com/FiftyShadesFranceForum"><img src="http://i39.servimg.com/u/f39/13/73/74/55/facebo10.png" /></a><br /> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>Grand concours</strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong>2015</strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong><br /></strong></span> </div> <div style="text-align: center;"> <span style="color: rgb(238, 238, 238);"><strong><a href="http://fiftyshadesfrance.forumperso.com/t139-4eme-concours"><img style="width: 150px; height: 100px;" src="http://i39.servimg.com/u/f39/18/97/01/32/affich10.png" /></a></strong></span> </div> <div style="text-align: center;"> <br /> </div> <div style="text-align: center;"> <div style="text-align: center;"> </div> <div style="text-align: center;"> </div> </div> </td> </tr> <tr> <td> <h4> Nos partenaires </h4> <p> <a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a> <a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a> <a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a><a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a><br /><a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a> <a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a> <a href="lienduforumpartenaire" title="titreduforumpartenaire"><img src="http://i36.servimg.com/u/f36/11/66/92/55/fa210.png" alt="" style="width: 88px;height: 33px;" /></a> </p> </td> <td> </td> </tr> </tbody> </table>

- mettre un petit espace entre les images
- mettre trois images sur trois images
Après vous pouvez modifier le lien de l'image par celui de vos partenaires. C'est le but.

Si vous voulez un affichage original, il faudrait des couleurs, ou un fond à mettre, mais ça je ne peux pas vous le faire, juste vous aider pour le réaliser.

par aurélie62 Lun 5 Jan 2015 - 14:47

D'accord merci, je comprend mieux, pourriez-vous voir ce que vous en pensez? Sur le forum
Merci

par **Lixyr** Lun 5 Jan 2015 - 19:36

Ça rend bien je trouve.
J'ai vu que vous avez gardé la cellule fusionnée (colspan="2"). Si jamais vous souhaitez rajouter du contenu à côté des partenaires, n'oubliez pas de suivre les indications données plus haut, ou même prendre le code donné plus haut et remettre les images des partenaires.

Réaliser une page d'accueil généralité