| | "changement" au passage de la souris |  |
|
 Prunelle 
{ Membre }
 Messages : 28
 | Bonjour (:
J'aimerais beaucoup savoir comment on fait ce genre de chose :
http://untitled.bbactif.com/Nathaniel-L-Howell-Golden-Youth-h5.htm
Merci d'avance à ceux qui pourront m'aider (: | | |
|
| | |
Sui
{ Membre actif }
Messages : 346
| Tout ce que je sais c'est que lorsque tu passes sur un élément et que ça change,
c'est le code de "onmouseover" qui active le texte. | | |
|
| | |
Kaiji 
Blanche-Neige
Messages : 5578
| Bonjour,
Votre problème est-il résolu ?
| | |
|
| | |
Invité Invité
| Plop =D Désolé de reprendre les termes de Kaiji mais ton problème est-il résolu ? Car je pense pouvoir t'aider  | | |
|
| | |
Kimy
{ Membre actif }
Messages : 1190
| *s'incruste aussi*
Si jamais Prunelle ne répond pas, moi ça m'intéresserait Junior =)
*veut apprendre* | | |
|
| | |
Sthyx
{ Membre }
Messages : 107
| *se faufile après Kimy*
Euh... ça m'intéresserait aussi *o* ! | | |
|
| | |
Invité Invité
| - Kimy a écrit:
- *s'incruste aussi*
Si jamais Prunelle ne répond pas, moi ça m'intéresserait Junior =)
*veut apprendre* Je pense hein ^^ J'suis pas sur  * Préfère prévenir * | | |
|
| | |
Kimy
{ Membre actif }
Messages : 1190
| T'inquiète ^^
On est là pour chercher tous ensemble <3 | | |
|
| | |
Ikø'
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| Bah c'est simplement un système d'onglets en javascript comme dit dans le titre de la page html ._.?
Comme celui que je t'ai montré hier Kimy, mais il faut changer le onclick par onmouseover~
C'est ce code-ci: http://www.supportduweb.com/scripts_tutoriaux-code-source-48-systeme-d-onglets-en-javascript-x-html-et-css-dans-la-meme-page.html
C'est exactement le même, je le sais juste à cause du titre. | | |
|
| | |
Kimy
{ Membre actif }
Messages : 1190
| Ah surement.
Et elle a juste enlevé toutes les bordures alors ? | | |
|
| | |
Ikø'
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| Ouep ou elle les a mit en blanc, donc de la même couleur que le fond des onglets~ | | |
|
| | |
Kaiji
Blanche-Neige
Messages : 5578
| Bonjour bonjour.... =D
Si j'peux me permettre, c'est sûrement ça mais il doit y avoir autre chose à changer... Ou alors c'est moi qui me plante. Mais ce code ne marche pas dans les messages, seulement dans la page d'accueil... J'ai beau copier/coller le code, dans la PA ça marche, mais dans le message rien à faire =S | | |
|
| | |
Ikø'
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| Qu'est-ce que tu copies-colle exactement? Je vais aller le tester : O | | |
|
| | |
Kaiji
Blanche-Neige
Messages : 5578
| Tiens :
- Code:
-
<body> <div class="systeme_onglets"> <div class="onglets"> <span class="onglet_0 onglet" id="onglet_quoi" onmouseover="javascript:change_onglet('quoi');">Quoi</span> <span class="onglet_0 onglet" id="onglet_qui" onmouseover="javascript:change_onglet('qui');">Qui</span> <span class="onglet_0 onglet" id="onglet_pourquoi" onmouseover="javascript:change_onglet('pourquoi');">Pourquoi</span> </div> <div class="contenu_onglets"> <div class="contenu_onglet" id="contenu_onglet_quoi"> <h1><div class="gensmall"><script type="text/javascript">haccordion.setup({ accordionid: 'hc1', //main accordion div id paneldimensions: {peekw:'40px', fullw:'210px', h:'110px'}, selectedli: [0, true], //[selectedli_index, persiststate_bool] collapsecurrent: false //<- No comma following very last setting! })</script><div id="hc1" class="haccordion"><ul> <li style="overflow: hidden; width:35px; display: block;"><div class="hpanel"><a href="http://downtown-university.bbactif.com/index.htm" target="_blank"><img src="http://i44.tinypic.com/20b1qgi.png" alt=""></a></div></li> <li style="overflow: hidden; width:35px; display: block;"><div class="hpanel"><a href="http://downtown-university.bbactif.com/index.htm" target="_blank"><img src="http://i44.tinypic.com/20b1qgi.png" alt=""></a></div></li> <li style="overflow: hidden; width:35px; display: block;"><div class="hpanel"><a href="http://downtown-university.bbactif.com/index.htm" target="_blank"><img src="http://i44.tinypic.com/20b1qgi.png" alt=""></a></div></li></ul></div></h1> </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"> //<!-- var anc_onglet = 'quoi'; change_onglet(anc_onglet); //--> </script> </body> </html>
(y a mon accordéon dedans xD)
Et je suis sûre à 100% que dans l'exemple donné, le code est utilisé dans un message puisqu'il s'agit d'un poste vacant... Donc comment c'est fait... THAT is the question ! mdr. | | |
|
| | |
Ikø'
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| T'as le CSS qui vient avec x)? On sait jamais~
Mais sinon il te manque pas un bout du code? o_o genre le script du début... | | |
|
| | |
Kaiji
Blanche-Neige
Messages : 5578
| Bah ça m'étonnerait qu'il me manque un bout du code si ça marche dans la news xD La 1ère partie elle est dans mes templates.
Et pardon pour le css xD, le voilà :
- Code:
-
.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;
}
Voili voilou =) | | |
|
| | |
Ikø'
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| Je viens de tester avec mon propre code et c'est vrai que ça ne marche pas... il n'y a que les onglets qui s'affichent.
Je n'ai aucune idée du pourquoi je dois avouer ._. | | |
|
| | |
Kaiji
Blanche-Neige
Messages : 5578
| J'ai trouvé deux sites donnant le même code, je les ai testés et d'après mes recherches, c'est celui utilisé par Yellow Tricycle. Le soucis c'est que j'ai eu beau tout tenter, il doit manquer quelque chose quelque part, parce que j'ai la mise en forme etc, mais impossible de changer d'onglet xD Du coup, toutes les infos se retrouvent sur le premier onglet.
J'ai du manquer un code javascript quelque part à mettre dans overall_header_new, mais je vois vraiment pas lequel !
http://forum.joomla.fr/showthread.php?t=103672
&
http://forum.hardware.fr/hfr/Programmation/Divers-6/lotus-notes-javascript-sujet_75838_1.htm
Et voilà mon résultat :
http://kdr-rpg.forumactif.fr/les-avatars-f17/reservations-d-avatars-t18.htm#37
EDIT : Bon alors ! J'ai pris contact avec la fondatrice du forum en question, et elle a accepté de nous partager ses petits secrets. Cependant ça touche aux frames. Alors je sais pas pour vous mais perso, j'vais y aller à tâtons ! Voilà son aide :
- Alexis K. Brighton a écrit:
- Vous voulez donc parler de la mise en page javascript ?! En fait, il faut passer par la création de pages HTML :
PA => Module => HTML => Gestion des pages externes HTML.
Là vous créez une nouvelle page, et vous configurez avec votre code. Ensuite dans le sujet vous postez ce code :
- Code:
-
<iframe src="adresse de la page externe" frameborder="0" width="480" height="600" scrolling="no" overflow="visible"></iframe> | | |
|
| | |
Kaiji
Blanche-Neige
Messages : 5578
| Bonjour,
Votre problème est-il résolu ?
| | |
|
| | |
Kaiji
Blanche-Neige
Messages : 5578
| Bonjour,
Aucune relance de la part du créateur du sujet ! Je considère donc ce problème comme étant résolu et je le déplace pour céder la place aux problèmes en cours.
Si vous avez d'autres questions, merci d'ouvrir un nouveau topic en respectant les règles de l'entraide.
| | |
|
| | |
Contenu sponsorisé
| |
| | |
| | "changement" au passage de la souris | |
|
