[Resolu] Système d'onglets

[Pingo 0]

[Message d'introduction]

 

Langage : Javascript, (X)html et CSS

Votre niveau : Aucun niveau

 

Description du problème : Je veux reproduire une sorte de système d'onglets avec mes signatures à l'intérieur comme ça on les voit toutes

Comment resourdre le problème : M'aider à en realiser

Recherches et tests effectué : J'ai trouvé un système qui illustre parfaitement ce que je voudrai apprendre

 

Système d'onglets de signatures : http://www.eriateam.com/h1-signature-hitsu

 

Mon skype au cas où : roisinclarlovegirl

 

En postant ma demande d'aide, j'affirme avoir lu et accepté le règlement des demandes d'aides.

[#Alkimyst 1]

Pourquoi ne t'inspires-tu pas de son script ?

 

 Signature  
  For me 
   Pikachu's 
   Blaaa 


 Signature  
  For me 
   Pikachu's 
   Blaaa 

 

Je ne dis pas de reprendre lettre à lettre son code, mais tu peux t'en inspirer, tu en as le droit, tant que tu ne le plagie pas..

Je n'ai pas inséré le css au risque où tu copierai. Tu n'as que quelques éléments à y insérer, donc un petit peu de connaissances devraient suffire.

 

#Alkimys

[Pingo 0]

Le truc c'est que j'ai un niveau 0/1000 donc je ne sais pas comment faire

[Nicky31 892]

Hm, faut savoir que tu ne peux faire ça que sur une page web hein (pas dans une signature / sur le forum)

Et le mieux a faire serait de suivre des tutos html/css + js pour en arriver là où tu veux. Je verrais demain si j'ai le temps de te donner des conseils plus avisés

[ThanosS 17]

Je te conseillerais d'utiliser jQuery Ui ou le Boostrap Twitter pour arriver à tes fins facilement.

 

Salutations,

ThanosS.

[Nicky31 892]

Pas besoin ni de bootstrap ni de jquery pour faire un système d'onglets ... Ce serait une perte de temps à apprendre leur utilisation pour trois fois rien.

Bon en gros pour 3 onglets:

- Tu fais un bloc div pour chaque onglet, avec un id= pour les identifier, les trois en display:none de base pour les cacher (& le css que tu veux pour la mise en page)

- tu mets les liens vers chaque onglet de la façon que tu veux avec l'appel à une fonction js "chooseTab('idBlock')" lors de l’événement onclick.

- Tu définit la fonction js chooseTabe(idBlock) en fin de page ; tu commence par mettre en display:none tes trois blocks puis en display:block celui avec l'id renseigné

 

Tu as le fonctionnement général du système, à toi de le mettre en place en suivant des tutos html/css + js

[Pingo 0]

Ok merci je cherche des tutos , vous en avez à me proposer ?

 

---------------------

Et aussi je me demande comment on fait pour mettre comme signature sur un forum

La personne l'a fait :

[Pingo 0]

http://sakaya.frenchboard.com/h4-sign-pingo

 

J'ai réussi, et j'ai appris du HTML

[Nicky31 892]

Bah voilà, preuve qu'on peut tous arriver à nos fins si on y met du sien ! En revanche, tu ne peux mettre une signature comme celle-ci sur un forum étant donné que c'est du html/js et que ceux-ci sont filtrés par le forum pour la sécurité de tous.

 

P.S.: En regardant le code source de la page je vois pas mal de rouge, ta page doit être conforme au W3C ! Quelques erreurs que j'ai vu :

• br est une balise orpheline, ce qui veut dire qu'elle n'a pas de balise fermante et qu'elle doit donc suivre cette syntaxe propre à toutes les balises orphelines : <br />, comme pour

  ---

  , ...
  
• Tu oublis même de fermer certaines balises br (
  
• Ta page doit commencer par la doctype :
  

  
  suivie de la balise html , il n'y a plus besoin de toutes les choses que tu as mis après
  

[Ghost 26]

Résolu ?

[#Alkimyst 1]

On ne sait pas...

[Pingo 0]

Resolu...