Formulaire de présentation Codé

[dolphine2]

Bonjour ou Bonsoir à tous !

Voilà, j'ai un code pour faire un formulaire de présentation codé. Cependant, je me demandais s'il fallait que je mette un CSS en particulier ou un HTML en particulier ou un code Javascript?

Voici le code du formulaire (Il ne fonctionne pas lorsque je le met, sa ne fait pas l'effet désiré):

Code:

<DIV class="fiche">
<div class="nom_prenom"><p class="nom">Nom</p><p class="prenom">Prénom</p></div>

<div class="categorie4"> ~ Identité ~ </div>
<TABLE><TD><td width='330'>[b]Prénom :[/b]
[b]Nom :[/b]
[b]Surnom (facultatif) :[/b]

[b]Age :[/b]
[b]Date de naissance (jour et mois seulement):[/b]

[b]Sexe :[/b]
[b]Race :[/b] Humain ? Vampire ?
[b]Groupe : [/b]

</TD> </TABLE>

<div class="categorie4"> ~ Mystery Falls ~ </div>
[b]Travail étudiant (facultatif) :[/b]
[b]Dans quoi étudie ton personnage :[/b]


<div class="categorie4">~ Apparence ~</div>
[b]Physique (5 lignes minimum):[/b]
[b]Style vestimentaire [/b]:
[b]Signe particulier (tatouage, cicatrice, etc.) :[/b]


<div class="categorie4"> ~ Psychologique ~ </div>
[b]Caractère :[/b] 5 ligne minimum
[b]Ce qu’il aime :[/b]
[b]Ce qu’il n’aime pas :[/b]
[b]Ses loisirs :[/b]
[b]Ses talents :[/b]


<div class="categorie4"> ~ Entourage ~ (facultatif) </div>
[b]Famille :[/b]
[b]Amis :[/b]
[b]Collègues :[/b]
[b]Ennemis :[/b]
[b]Amour :[/b]



<div class="categorie4"> ~ Histoire ~ </div>

Minimum 10 lignes



<div class="categorie4"> ~ Toi  ~ </div>
[b]Ton prénom : [/b]
[b]Ton âge : [/b]
[b]Ta date de naissance : [/b]
[b]Ton PUF :[/b]
[b]Ta disponibilité :[/b]
[b]Comment as-tu connu Mysth University? : [/b]
[b]Comment trouves-tu le forum ? : [/b]
[b]Autre : [/b]

[b]Codes du Règlement : [/b]

<br>
</DIV>


Actuellement, voici le code Javascript:

Code:

function changeOnglet(_this){
        var getOnglets    = document.getElementById('mes_onglets').getElementsByTagName('span');
        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';
                }
            }
        }
    }

Et voici le CSS:

Code:

  ul, li{
      list-style: none;
    }

    .mon_onglet{
      float: left;
      padding: 2px 10px;
      margin-right: 8px;
      color: #000000;
      backgammon: #000;
      background: #dbac3d;
      border: 1px solid #000000;
      cursor: pointer;
      margin-bottom: -1px;
      -moz-border-radius-topleft: 8px;
      -moz-border-radius-topright: 8px;
      -webkit-border-top-right-radius: 8px;
      -webkit-border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      border-top-left-radius: 8px;}

    .mon_onglet:hover{
      background:#F5D254;
      -moz-border-radius-topleft: 8px;
      -moz-border-radius-topright: 8px;
      -webkit-border-top-right-radius: 8px;
      -webkit-border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      border-top-left-radius: 8px;}   

    .mon_onglet_selected{
      float: left;
      padding: 2px 10px;
      margin-right: 5px;
      color: #333;
      background: #F7E08C;
      border-top: 1px solid #000000;
      border-right: 1px solid #000000;
      border-left: 1px solid #000000;
      border-bottom: 1px solid #000000;
      cursor: pointer;
      margin-bottom: -1px;
      -moz-border-radius-topleft: 8px;
      -moz-border-radius-topright: 8px;
      -webkit-border-top-right-radius: 8px;
      -webkit-border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      border-top-left-radius: 8px;  }
             
    .clear{
      clear: both;
    }

    .mon_contenu{
      color: #666;
      background: #dbac3d;
      border: 2px solid #000;
      padding: 4px;
      margin-left: 0px;       
      height: 460px;}

    #mes_contenus, #mes_onglets{
      width: 100%;
      }
    .infobulle{position: relative;z-index: 0;}

    .infobulle:hover{background-color: transparent;z-index: 50;}

    .infobulle span{
    position: absolute;
    background-color: #000000;
    padding: 15px;
    left: -600px;
    visibility: hidden;
    color: #FFFFFF;}

    .infobulle span img{border: 1px;padding: 5px;}

    .infobulle:hover span{
    visibility: visible;
    top: 3px;
    left: 10px;
    width: 170px ;
    color:#FFF;
    border: 1px solid #fff;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;}

Que dois-je faire pour que le formulaire fonctionne?

Merci d'Avance!

[Invité]

Bonjour,

Le code Javascript et le CSS que vous donnez, n'ont rien à voir avec le formulaire, ce sont des codes pour un message d'accueil en onglet contenant des infobulles.

Pourriez-vous faire un schéma de ce que vous voulez obtenir?

Cordialement.

[dolphine2]

Bonjour.

Voici un formulaire de présentation qui ressemble beaucoup à ce que je voudrais obtenir (excepté l'image, car je ne veux pas en mettre).

Cependant, je changerai ce qui est écrit, mais j'aime beaucoup cette structure, et comment c'est présenté: http://myrajh.forumactif.org/t80-modele-de-fiche

Voilà !

Pour le CSS, se sera pour la page d'accueil que je ferai ^^

[dolphine2]

up?

[dolphine2]

Personne pour m'aider?

[Scoubifitz]

bonjour ,

Voici un formulaire de présentation qui ressemble beaucoup à ce que je voudrais obtenir (excepté l'image, car je ne veux pas en mettre).

Cependant, je changerai ce qui est écrit, mais j'aime beaucoup cette structure, et comment c'est présenté: http://myrajh.forumactif.org/t80-modele-de-fiche

C'est une demande classique , qui est souvent rejetée , voire ignorée par les membres de ce forum ...

3 cas se présentent :

1. Ceci est du plagiat , vous avez réussi à obtenir le code pour la structure , mais pas pour le style ...
   Aucune aide ne sera accordée ...
   
2. Ceci est une commande , vous n'êtes pas dans la bonne section pour demander ...
   Aucune aide ne sera accordée ...
   
3. Ceci est une demande d'aide , vous voulez en apprendre plus sur les feuilles de style ...
   vous devrez faire cette demande dans cette section : http://forum.forumactif.com/f48-probleme-avec-le-css-les-templates
   Lisez les règles de cette section avant de faire cette demande : http://forum.forumactif.com/t310658-regles-de-la-section-css-templates

Dans les trois cas , vous pouvez mettre votre sujet comme résolu ...

Amicalement ,
Scoubifitz

[dolphine2]

D'accord, je ferai ce que vous avez dit.

Pour le code, non, ce n'est pas du plagiat, car c'est le style que je veux, ce n'est pas pareil que je veux. Et non, je n'ai pas volé le code, pas de problème de ce côté-là.

Je vais aller voir dans l'autre section et je mettrai résolu ici.

Merci !