Page d'acceuil codée

[Mayu Higurachi]

Bonjour,
En ce moment je gélère pour faire une page d'acceuil qui soit assez jolie et réussie.
J'aimerai obtenir ceci:




J'ai déjà essayé plusieurs fois mais je n'arrive pas à avoir ce que je veux.
Si m'aider à trouver le code entier n'est pas possible,
Le problème majeur est alors le suivant:
j'aimerai connaitre le code -ou les codes- permettant d'obtenir un autre contenu lorsque l'on clique ou que l'on passe son curseur sur "RP Libres" & "Nos amis" et que le contenu de "Accueil" soit déjà visible au départ...

merci d'avance de m'aider car je galère vraiment et je me perds dans les codes...
bonne journée. ^^

[Invité]

Bonjour,

Pour présenter votre page d'accueil ainsi, il faut réaliser un tableau avec 2 lignes et 3 colonnes et fusionner certaines cellules:.

Code:

<table><tr><td colspan="2">image de bienvenue</td><td>Staff</td></tr>
<tr><td>Navigation rapide</td><td colspan="2"> Boite onglet</td></tr></table>

Pour la partie Accueil / RP / Nos amis , Je vous invite à consulter ce sujet:
> https://forum.forumactif.com/t301634-cadre-dans-la-presentation-resolu

Cordialement.

[Mayu Higurachi]

Merci beaucoup ^^
je vais essayer de me débrouiller comme je peux, en tout cas, merci beaucoup pour l'aide!

[Invité]

Si vous avez un forum test, réalisez chaque case séparément pour tester, enregistrez ce qui fonctionne (par exemple dans le bloc note) et une fois que tout marche bien, incluez les contenus dans le grand tableau, ça évite de devoir chercher une petite erreur dans une montagne de code .

N'hésitez pas à poster vos essais si vous rencontrez des petits soucis ou si vous ne comprenez pas quelque chose

Cordialement.

[Mayu Higurachi]

~Rebonjour ^^
merci encore pour l'aide
je me demande une chose:

- comment faire pour que chaque contenu (chaque case) soient de même taille?

merci d'avance.

[Invité]

Re,

Pour les contenus de la boite à onglets, cela se règle dans la feuille CSS:
Ce qui concerne les contenu est:

Code:

.mon_contenu{
  color: #000;
  background: #ffffff;
  border: 1px solid #ff0000;
  padding: 10px;
  margin: 10 px;
  height: 120px;}

Vous pouvez le modifier comme ceci:

Code:

.mon_contenu{
  color: #000;/*couleur du texte*/
  background: #ffffff;/*couleur de fond*/
  border: 1px solid #ff0000;/*les contours*/
  padding: 10px;/*marge intérieure*/
  margin: 10 px;/* marge extérieure*/
  height: 120px;/*hauteur du contenu*/
  width: 400px;/*largeur du contenu*/
  overflow-y: auto;/*scrollbar vertical*/}

Cordialement.

[Mayu Higurachi]

J'ai finalement réussi ^^
me manque deux trois petites choses
mais je finirai bien par trouver.
Merci encore , efficacité et rapidité!^^
bonne journée!