Page d'acceuil codée

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Page d'acceuil codée

Message par Mayu Higurachi le Mar 12 Avr 2011 - 11:56

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. ^^

Mayu Higurachi
**

Féminin
Messages : 70
Inscrit(e) le : 01/09/2009

http://tigrayasha.coolbb.net
Mayu Higurachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil codée

Message par Invité le Mar 12 Avr 2011 - 12:46

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:
> http://forum.forumactif.com/t301634-cadre-dans-la-presentation-resolu

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil codée

Message par Mayu Higurachi le Mar 12 Avr 2011 - 13:19

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

Mayu Higurachi
**

Féminin
Messages : 70
Inscrit(e) le : 01/09/2009

http://tigrayasha.coolbb.net
Mayu Higurachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil codée

Message par Invité le Mar 12 Avr 2011 - 13:25

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 Smile.

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

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil codée

Message par Mayu Higurachi le Mar 12 Avr 2011 - 13:52

~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.

Mayu Higurachi
**

Féminin
Messages : 70
Inscrit(e) le : 01/09/2009

http://tigrayasha.coolbb.net
Mayu Higurachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil codée

Message par Invité le Mar 12 Avr 2011 - 14:05

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil codée

Message par Mayu Higurachi le Mar 12 Avr 2011 - 16:01

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!

Mayu Higurachi
**

Féminin
Messages : 70
Inscrit(e) le : 01/09/2009

http://tigrayasha.coolbb.net
Mayu Higurachi a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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