Sujets similaires

Bonjour alors j'ai trouver se code:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Un système d'onglet en javascript</title>
<script type="text/javascript">
//
</script>
<style type="text/css">
.onglet
{
display:inline-block;
margin-left:3px;
margin-right:3px;
padding:3px;
border:1px solid black;
cursor:pointer;
}
.onglet_0
{
background:#bbbbbb;
border-bottom:1px solid black;
}
.onglet_1
{
background:#dddddd;
border-bottom:0px solid black;
padding-bottom:4px;
}
.contenu_onglet
{
background-color:#dddddd;
border:1px solid black;
margin-top:-1px;
padding:5px;
display:none;
}
ul
{
margin-top:0px;
margin-bottom:0px;
margin-left:-10px
}
h1
{
margin:0px;
padding:0px;
}
</style>
</head>
<body>
<div class="systeme_onglets">
<div class="onglets">
<span class="onglet_0 onglet" id="onglet_quoi" onclick="javascript:change_onglet('quoi');">Quoi</span>
<span class="onglet_0 onglet" id="onglet_qui" onclick="javascript:change_onglet('qui');">Qui</span>
<span class="onglet_0 onglet" id="onglet_pourquoi" onclick="javascript:change_onglet('pourquoi');">Pourquoi</span>
</div>
<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_quoi">
<h1>Quoi?</h1>
Un simple système d'onglet utilisant les technologies:<br />
<ul>
<li>(X)html</li>
<li>CSS</li>
<li>Javascript</li>
</ul>
</div>
<div class="contenu_onglet" id="contenu_onglet_qui">
<h1>Qui?</h1>
C'est un script réalisé par Ybouane,<br />
Webmaster du site <a href="http://www.supportduweb.com/">http://www.supportduweb.com/</a>
</div>
<div class="contenu_onglet" id="contenu_onglet_pourquoi">
<h1>Pourquoi?</h1>
Pour simplifier la navigation et la diviser en parties
</div>
</div>
</div>
<script type="text/javascript">
//
</script>
</body>
</html>

Qui me permet en quelque sorte en cliquant sur différent onglet de changer les texte dans une case, mais je ne peu pas le mettre dans un poste et je ne peu pas faire l'effet que je recherche réellement.

J'aimerait savoir si un code similaire existe mais ou je pourrait premièrement le mettre dans un poste et quand je passe ma sourit sur l'image ou sur certain texte précis le texte que je veux apparaisse. Un peu comme ici: http://www.elixirs-hp.com/poufsouffle-f105/leighton-meester-6eme-annee-libre-t230.htm

si possible je voudrait juste un code de base pour pouvoir m'amuser à le travailler et pour aussi mieux le comprendre par moi même et non pas avoir un code tout fait déjà.

J'espère que ma question est à la bonne place mais sinon je m'en excuse.
Merci à ceux qui vont me répondre.

Pareil pour moi Very Happy

J'aimerais mettre un code dans le genre dans mon message d'acceuil... et dans des messages normaux...

Tech a écrit:: Ne pas poster dans une demande qui n'est pas la vôtre. (sauf si c'est pour y répondre)

Bonjour.

Vous voulez quelque chose de simple ?
Je ne crois pas qu'il soit possible de faire plus basique que ça. Idéal pour comprendre et bidouiller. Encore faut il ce plonger dans le javascript et le CSS.

Pour ce qui est de l'insertion dans un post c'est impossible tel quel, pour 2 raison. Le code que vous avez donner est une page complète, il faut la délester des entête de document (html head, body). De plus la balise script est désactivé dans les post et la balise style déconseiller. Il faut donc inclure le style dans le CSS du forum et le script dans le header. Et ne mettre dans le post que le code HTML.

Merci, et pour l'insertion dans un message d'accueil, en tout cas un gros merci Very Happy

Hum... dans le header ça veut dire?

PS: Désolé Kaiji j'avais zapé...

résolu

Bah le problème est se que le tableau n'est pas tout à fais se que je voudrait qu'il fasse alors que je me débrouille en css (plutôt bien) pour se qui est du javascript la j'y capte que dalle je pensait qu'il y avait un code css ou même HTML qui me permettrait de le faire et pour être franche je suis pas certaine si je comprend. hihi.

Le CSS ne permet pas un affichage persistant et ne peut agir que sur des élément ayant une filiation décente directe.
En claire on ne peut qu'afficher un élément quand la souris est sur l'élément qui le contient. Et quant la souris s'en va le résulta est à nouveau caché.

Ors ce que vous avez demander est plus complexe. Il nous faut donc nous tourner vers javascript, et le Site du Zéro peut nous y aider.

hum d'accord je comprend mieux... enfin je crois. et si je trouverais un moyen de le faire il faudrait que je passe par les template?

Et bien si c'est pour insérer dans des post, il faudra de toute manière insérer le script dans le template overall_header puisque la balise script ne marche pas dans les post.

et après je devrait trouver le code dans se script pour le mettre dans le post c'est ça? (pas tout à fait certaine de comprendre.

Effectivement.

Dans ton système d'onglet il y a 3 parties distinctes :

Le HTML qui définie chaque élément(onglet, contenue...) en les cloisonnant dans des balise et en leur attribuant de classe et des identifiant.
Le CSS qui permet de déffinir l'affichage (ou le non-affichage) et la mise en forme de chaque élément.
Le script qui permet de modifier les relation entre le HTML et le CSS afin de modifier l'affichage en fonction des action de l'utilisateur.

Avant de cherche à savoir si tu va devoir modifier tel ou tel truc pour l'intégrer au forum, attaque toi d'abord à la compréhension de l'ensemble seul, sur une page vierge. Et donc à l'étude des langages HTML, CSS et JavaScript.

D'accord en comprennant déjà le css et le HTML tu aurait pas un site qui m'expliquerait le Javascript pour que je comprenne mieux cette partie?

L'éternel Site du Zéro bien sûr.

Et puis comme apparament on en parle pas assez et je ne l'affiche pas en signature de manière assez voyante. Rire

Le partenaire officiel de CSSActif :

AHAH et je suis inscrite dessus en plus et bien dès que j'ai à nouveau mon bon ordi (avec mon mots de passe) je passerait y faire un tour pour m'aider en java!

Bonjour ^^

Puis-je classer ?

oui puisque j'ai eu les réponse que je voulait si j'ai d'autre problème avec ce code j'ouvrirait un nouveau poste.

Si vous avez des question qui porte sur le script (javascript), je vous conseil de visiter la Zone Script, partenaire de CSSActif spécialisé dans le scripting.

Bonjour,

Lorsqu'un sujet est classé comme "résolu" merci de ne plus intervenir et de ne plus poster de messages à la suite du dernier message de l'auteur.

À bientôt sur CSSActif

Question de tableau

Question de tableau

Sujets similaires

Sujets similaires

Partenaires Or