Accordéon dans la News - Page 2 Bouton_activeAccordéon dans la News - Page 2 Bouton_hoverAccordéon dans la News - Page 2 Fb-hoverAccordéon dans la News - Page 2 Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Accordéon dans la News - Page 2 EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Accordéon dans la News - Page 2 EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Accordéon dans la News - Page 2 EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Accordéon dans la News - Page 2 EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Accordéon dans la News - Page 2 EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Accordéon dans la News - Page 2 EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Accordéon dans la News - Page 2 EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Accordéon dans la News - Page 2 EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -55%
Friteuse sans huile – PHILIPS – Airfryer ...
Voir le deal
49.99 €

Partagez
 

Accordéon dans la News

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2, 3  Suivant
http://fall-into-drunkennes.forumactif.org/forum.htm
Lilith
Lilith
{ Membre }
{ Membre }

Féminin Messages : 251



Accordéon dans la News - Page 2 Empty
daccord ! J'étais aps sur et j'ai pas envi de faire de bêtise ^^
Et pour le texte je le met où ?

Désolé pour toutes ses questions ^^
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyJeu 06 Mai 2010, 10:29
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Accordéon dans la News - Page 2 Empty
    Bah je t'avouerais que pour le texte, je ne sais pas trop XD...
    Personnellement je ne vais utiliser que des images que je vais faire avec Photoshop dès que mon ptit bébé sera revenu à la vie ==' Mais pour le texte j'ai pas trop d'idée... J'vais essayer de traficoter mon accordéon et je te dis ça si j'y arrive !
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyJeu 06 Mai 2010, 10:31
Revenir en haut Aller en bas
http://fall-into-drunkennes.forumactif.org/forum.htm
Lilith
Lilith
{ Membre }
{ Membre }

Féminin Messages : 251



Accordéon dans la News - Page 2 Empty
OK merci pas de souci déjà ça le fera

Hum


Code:
<div class="gensmall"><script type="text/javascript">haccordion.setup({
  accordionid: 'hc1', //main accordion div id
  paneldimensions: {peekw:'30px', fullw:'210px', h:'50px'},
  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:100px; display: block;"><div class="hpanel"><a href="http://fall-into-drunkennes.forumactif.org/profile.forum?mode=viewprofile&u=1" target="_blank"><img src="http://i60.servimg.com/u/f60/13/60/60/02/kay12.jpg" alt=""></a></div></li>
<li style="overflow: hidden; width:100px; display: block;"><div class="hpanel"><a href="http://fall-into-drunkennes.forumactif.org/profile.forum?mode=viewprofile&u=6" target="_blank"><img src="http://i60.servimg.com/u/f60/13/60/60/02/tara10.png" alt=""></a></div></li>
<li style="overflow: hidden; width:100px; display: block;"><div class="hpanel"><a href="http://fall-into-drunkennes.forumactif.org/profile.forum?mode=viewprofile&u=7" target="_blank"><img src="http://i60.servimg.com/u/f60/13/60/60/02/nicola12.jpg" alt=""></a></div></li></ul></div>


J'ai l'impression d'avoir oublié quelque chose...
Ca ne marche pas comme prévu XD
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyJeu 06 Mai 2010, 10:32
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Accordéon dans la News - Page 2 Empty
    J'peux voir le lien de ton forum ?
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyJeu 06 Mai 2010, 10:36
Revenir en haut Aller en bas
http://fall-into-drunkennes.forumactif.org/forum.htm
Lilith
Lilith
{ Membre }
{ Membre }

Féminin Messages : 251



Accordéon dans la News - Page 2 Empty
http://fall-into-drunkennes.forumactif.org/forum.htm

Je ne sais pas si j'ai le droit de le mettre mais bon le voila ^^
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyJeu 06 Mai 2010, 10:37
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Accordéon dans la News - Page 2 Empty
    Spoiler:

    Voilà, remplace par ça, devrait être bon normalement !
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyJeu 06 Mai 2010, 10:55
Revenir en haut Aller en bas
http://fall-into-drunkennes.forumactif.org/forum.htm
Lilith
Lilith
{ Membre }
{ Membre }

Féminin Messages : 251



Accordéon dans la News - Page 2 Empty
Non ça ne marche pas :/
Ca met un tout petit côté de la photo sans qu'il n'y ai de glissement ^^"
Peut-être me suis-je trompé dans le page Html :s
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyJeu 06 Mai 2010, 10:57
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Accordéon dans la News - Page 2 Empty
    SUIIIIIIIIS-JE BEETE.
    Si j'oublie de te faire héberger le javascript, ça risquait pas de coulisser... Hum.

    Va donc sur ce site-là :
    http://www.dynamicdrive.com/dynamicindex17/haccordion.htm

    Cherche "haccordion.js (one variable near the top inside this file you should customize)"
    (C'est dans "Step 1")

    Tu cliques dessus, tu copies tous les codes HTML qui apparaissent et tu les colles dans le bloc-note. Tu enregistres en donnant le nom que tu veux, et au format .js
    Après tu vas là :

    https://www.archive-host.com/index.php

    Tu cliques sur "inscription", à gauche, tu t'inscris bref le truc habituel quoi, tu héberges ton code que t'as enregistré avec le bloc-note. Il va te dire que le téléchargement a réussi, c'est un lien cliquable. Tu cliques dessus, puis dans la barre d'url en haut tu récupères l'adresse.

    Sur ton forum, tu te rends dans Affichage > Templates > Général > Overall_header_new

    Tu cherches la balise
    Code:
    </head>
    et juste avant, tu colles ça :

    Code:
    <script type="text/javascript" src="TON LIEN ARCHIVE HOST"></script>

    Puis tu valides et tu publies ! Après c'est bon, enfin xD
    Désolée pour cet oubli.
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyJeu 06 Mai 2010, 11:20
Revenir en haut Aller en bas
http://fall-into-drunkennes.forumactif.org/forum.htm
Lilith
Lilith
{ Membre }
{ Membre }

Féminin Messages : 251



Accordéon dans la News - Page 2 Empty
OK je vais tenter j'ai toujours du mal à le trouver ce Head mdrrr

edit : j'ai réussi merci bcp bcp ^^
chuis bête pour le texte suffit de faire un montage ^^t

Vraiment merci pour ta patience, il a du t'en falloir et ton aide
C'est extra =)
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyJeu 06 Mai 2010, 11:35
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Accordéon dans la News - Page 2 Empty
    Aucun soucis ! Ca m'a fait plaisir de t'aider, et puis ça m'a aidée aussi ! J'ai appris à bien tripatouiller les codes de l'accordéon maintenant Wink

    Ca m'a fait plaisir de t'aider =].

    Si quelqu'un a des questions à ce sujet, qu'il ouvre un nouveau topic. Je ferme celui-ci !
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyJeu 06 Mai 2010, 14:49
Revenir en haut Aller en bas
http://rhum-coca.keuf.net/forum.htm
Cheps __
Cheps __
{ Membre }
{ Membre }

Féminin Messages : 35



Accordéon dans la News - Page 2 Empty
    C'est chouette ce que vous faites =D Par contre moi j'aimerais savoir s'il est possible de mettre ce genre de code dans un message ou changer certaine balise afin d'avoir ce style mais pas sur la PA; pour les pv par exemple .. Enfin faut-il déjà savoir si c'est oui ou non réalisable Very Happy
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyDim 16 Mai 2010, 10:05
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Accordéon dans la News - Page 2 Empty
    J'ai essayé et visiblement ça ne marche pas... Donc j'imagine que c'est impossible, ou alors le code n'est pas le même =/...
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyDim 16 Mai 2010, 10:34
Revenir en haut Aller en bas
http://rhum-coca.keuf.net/forum.htm
Cheps __
Cheps __
{ Membre }
{ Membre }

Féminin Messages : 35



Accordéon dans la News - Page 2 Empty
    Ahh =/ et il n'existerait pas quelque chose dans le style que l'on pourrait mettre dans les messages ?
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyDim 16 Mai 2010, 10:38
Revenir en haut Aller en bas
Invité
Invité




Accordéon dans la News - Page 2 Empty
Tout d'abord, super tuto ^^
Cependant j'ai un petit soucis
En effet -l'accordéeon- fonctionne mais il n'est pas affiché en entier en hauteur Oo
Je ne vois que le haut de l'accordeon, environ la moitié

Je suppose qu'il faut regler la hauteur dans l'un des codes mais je n'y arrives pas
j'ai essayé dans le code css en augmentant a 800 mais rien ne change
Si quelqu'un peut m'aider ce serai cool ^^

Merci d'avance et merc pour toute l'aide que vous nous apportez
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyLun 17 Mai 2010, 11:05
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Accordéon dans la News - Page 2 Empty
    Bonjour Aza ^^

    Si je me souviens bien c'est dans la page d'accueil :

    Code:
    <div class="gensmall"><script type="text/javascript">haccordion.setup({
      accordionid: 'hc1', //main accordion div id
      paneldimensions: {peekw:'35px', 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>


    La partie h:'110px. Dis-moi si ce n'est pas ça, dans ce cas-là c'est dans le template et je te dirai où !
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyLun 17 Mai 2010, 12:12
Revenir en haut Aller en bas
Invité
Invité




Accordéon dans la News - Page 2 Empty
C'est bien cette partie du code
je te remercie ! ^^
Ca fonctionne très bien ^^
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyLun 17 Mai 2010, 12:26
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Accordéon dans la News - Page 2 Empty
    Je t'en prie Razz
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyLun 17 Mai 2010, 12:27
Revenir en haut Aller en bas
Invité
Invité




Accordéon dans la News - Page 2 Empty
Une autre petite question
est-il possible de faire en sorte que l'accordéon soit verticale ?
les images les unes au dessus des autres e lorsque l'on passe la souris sur chacune d'elle elle se -devellope/revèle/déroule- vers le bas ?

Et si oui quelle partie du code dois-t'on changer ?
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyLun 17 Mai 2010, 12:43
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Accordéon dans la News - Page 2 Empty
    Euh je suis désolée mais je ne pense pas... Si oui, je pense que c'est le fichier javascript qu'il faut modifier, le réhéberger avec archive-host, bref, c'est au-delà de mes capacités xD Désolée =/
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyLun 17 Mai 2010, 12:50
Revenir en haut Aller en bas
Invité
Invité




Accordéon dans la News - Page 2 Empty
D'accord, merci tout de même pour ton aide ^^
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyLun 17 Mai 2010, 13:31
Revenir en haut Aller en bas
http://worldvava.keuf.net/forum.htm
poussette59
poussette59
{ Membre }
{ Membre }

Féminin Messages : 236



Accordéon dans la News - Page 2 Empty
Bonjour je me permet de poser ma petite question moi aussi
voila j'ai bien suivi toute les instructions mais j'ai un soucis
je ne vois rien Oo
j'ai bien héberger le JS
ça doit venir le la page HTML je pense
il faut en faire une sur le forum c'est bien ça??
merci Wink
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyMar 18 Mai 2010, 11:37
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Accordéon dans la News - Page 2 Empty
    Bonjour ^^

    Oui, dans modules > Pages HTML.
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyMar 18 Mai 2010, 15:48
Revenir en haut Aller en bas
http://worldvava.keuf.net/forum.htm
poussette59
poussette59
{ Membre }
{ Membre }

Féminin Messages : 236



Accordéon dans la News - Page 2 Empty
dans ce cas je comprend pas rien ne se passe Oo
je vous donnez le liens pour que vous puissiez voir par vous même

http://poussette59.forumotion.com/forum.htm

si quelqu'un sait m'aidai
merci
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyMar 18 Mai 2010, 15:50
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Accordéon dans la News - Page 2 Empty
    Je peux voir ton lien javascript ?
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyMar 18 Mai 2010, 15:53
Revenir en haut Aller en bas
http://newmoon-eternel.forumactif.com/index.htm
Baylee
Baylee
{ Membre }
{ Membre }

Féminin Messages : 7



Accordéon dans la News - Page 2 Empty
Bonsoir Smile

Moi aussi j'ai un petit soucis, j'ai fait tout comme tu as dit ! Sa marche! En fait j'ai mis les trois image et en faite je ne vois que la première image, et il faut que j'aille vers la droite pour que la seconde image apparaisse et encore vers la droite pour que la troisième apparaisse. Est-ce normal? c'est assez complexe tout ça Sad
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 EmptyMar 18 Mai 2010, 15:56
Revenir en haut Aller en bas
Contenu sponsorisé




Accordéon dans la News - Page 2 Empty
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 2 Empty
Revenir en haut Aller en bas
 

Accordéon dans la News

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 2 sur 3Aller à la page : Précédent  1, 2, 3  Suivant

 Sujets similaires

-
» Accordéon 2
» Question sur les images news et no news
» Titres de forum en image dans l'accueil et en lettre dans la navigation
» une class dans un ID dans un menu.... et oui encore moi je n'avais pas fourni le code css
» Accordéon [résolu]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit