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

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

SoraNoHime
+ Hyperactif +

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>

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.

SoraNoHime
+ Hyperactif +

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.

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.

SoraNoHime
+ Hyperactif +

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)

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.

SoraNoHime
+ Hyperactif +

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