Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Codage du message d'accueil

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

Résolu Codage du message d'accueil

Message par carlotta88 le Sam 25 Juin 2011 - 13:55

    Bonjour à tous.

    Tout d'abord, je tiens à préciser que je viens à peine de m'inscrire sur FDF alors excusez-moi si ce topic n'est pas à sa place. Wink

    Passons à mon "problème'".
    En fait, j'aimerai que le message d'accueil de mon forum ressemble à cela :



    Mais je ne connais pas le codage que je dois utiliser pour faire quelque chose dans ce genre-là.

    Merci d'avoir lus mon message. Au revoir et à bientôt.


Dernière édition par carlotta88 le Sam 25 Juin 2011 - 13:58, édité 1 fois
avatar

carlotta88
**

Féminin
Messages : 56
Inscrit(e) le : 25/06/2011

http://zhorse.forumgratuit.org/
carlotta88 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codage du message d'accueil

Message par SoraNoHime le Sam 25 Juin 2011 - 13:57

Ce que vous cherchez est un tableau en onglet. Je vous invite à faire une recherche sur le forum, vous trouverez nombre de sujets s'y rapportant.

Cordialement.


Bonjour,

Afin de conserver un forum lisible, l'utilisation des mises en forme suivante est interdite :
  • Le gras et la couleur (réservés au staff de ce forum),
  • L'écriture en SMS (abréviations)

Pour plus de détails sur la conduite à tenir sur ce forum, merci de lire la Charte du forum. Wink

A bientôt sur ForumActif Smile
avatar

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codage du message d'accueil

Message par carlotta88 le Sam 25 Juin 2011 - 14:13

    C'est bon, j'ai trouver le codage. Mais que dois-je mettre à la place de "adresse du fichier" ?
    Code:
    <script src="ADRESSE_DU_FICHIER.js"></script>
avatar

carlotta88
**

Féminin
Messages : 56
Inscrit(e) le : 25/06/2011

http://zhorse.forumgratuit.org/
carlotta88 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codage du message d'accueil

Message par SoraNoHime le Sam 25 Juin 2011 - 14:16

Sur quel sujet avez-vous trouvé le code ? ^^ Il me faut le lien pour continuer à vous aider et suivre la même chose que vous.

COrdialement.
avatar

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codage du message d'accueil

Message par carlotta88 le Sam 25 Juin 2011 - 14:20

    Oula, je n'ai plus le lien du sujet =S J'ai eu Google Chrome il n'y a pas longtemps et je ne sais toujours pas où est l'historique. ^^ Mais un lien ramené à ce site où se trouve le codage. J'ai pris le codage en HTML.
avatar

carlotta88
**

Féminin
Messages : 56
Inscrit(e) le : 25/06/2011

http://zhorse.forumgratuit.org/
carlotta88 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codage du message d'accueil

Message par SoraNoHime le Sam 25 Juin 2011 - 14:31

Il vous faudra également cette partie en css :

Code:
ul, li{
   list-style: none;
}
.mon_onglet{
   float: left;
   padding: 2px 10px;
   margin-right: 5px;
   color: #333;
   background: #d8f8ca;
   border: 1px solid #68ce3e;
   cursor: pointer;
   margin-bottom: -1px;
}   
.mon_onglet:hover{
   background: #b8efa1;
}            
.mon_onglet_selected{
   float: left;
   padding: 2px 10px;
   margin-right: 5px;
   color: #333;
   background: #b8efa1;
   border-top: 1px solid #68ce3e;
   border-right: 1px solid #68ce3e;
   border-left: 1px solid #68ce3e;   
   border-bottom: 1px solid #b8efa1;   
   cursor: pointer;   
   margin-bottom: -1px;
}               
.mon_contenu{
   color: #666;
   background: #b8efa1;
   border: 1px solid #68ce3e;
   padding: 10px;            
}
#mes_contenus, #mes_onglets{
   width: 400px;
}

Pour le HTML, mettez directement dans PA > Affichage > Généralités :

Code:
<SCRIPT type=text/javascript>
function changeOnglet(_this){
  var getOnglets = document.getElementById('mes_onglets').getElementsByTagName('li');
  for(var i = 0; i < getOnglets.length; i++){
      if(getOnglets[i].id){
        if(getOnglets[i].id == _this.id){
            getOnglets[i].className = 'mon_onglet_selected';
            document.getElementById('c' + _this.id).style.display = 'block';
        }
        else{
            getOnglets[i].className = 'mon_onglet';
            document.getElementById('c' + getOnglets[i].id).style.display = 'none';
        }
      }
  }
}
</SCRIPT>

<div id="mes_onglets">
   <ul>
      <li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Onglet 1</li>
      <li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Onglet 2</li>
      <li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Onglet 3</li>
      <li id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Onglet 4</li>
   </ul>
</div>
<div id="mes_contenus">
   <div id="co_1" class="mon_contenu">Mon contenu 1</div>
   <div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>
   <div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>
   <div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div>
</div>

Vous n'avez plus qu'à remplir les contenu et personnalisé la css.
avatar

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codage du message d'accueil

Message par carlotta88 le Sam 25 Juin 2011 - 15:09

    Merci. Vus comme je suis partis je vais mettre un petit moment à faire un truc joli. ^^ Pour le moment ça ne ressemble pas à grand chose x)
avatar

carlotta88
**

Féminin
Messages : 56
Inscrit(e) le : 25/06/2011

http://zhorse.forumgratuit.org/
carlotta88 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codage du message d'accueil

Message par SoraNoHime le Sam 25 Juin 2011 - 15:21

A vous de remplir le fond, et en cas de soucis n'hésitez pas à redemander ici ^^

Cordialement.
avatar

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime 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