Accordéon 2  Bouton_activeAccordéon 2  Bouton_hoverAccordéon 2  Fb-hoverAccordéon 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 2  EmptyLun 03 Juin 2024, 17:20 par birds

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

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

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

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

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

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

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

-14%
Le deal à ne pas rater :
Lave-linge hublot HOOVER HWP 10 kg (Induction, 1600 trs/min, Classe ...
299.99 € 349.99 €
Voir le deal

Partagez
 

Accordéon 2

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://gintama.forumactif.com/
Gintoki
{ Membre }
{ Membre }

Masculin Messages : 128



Accordéon 2  Empty
Bonjour! ^^

(C'est une suite au sujet de Kaiji (résolu) sur l'accordéon.

D'abord, je tiens à tous vous remercier pour vos explications. =3

Ceci étant, en les respectant à la lettre, je n'ai pas compris quelques petites choses.
(En même temps je sais que mon niveau de CSS et HTML laisse à désirer =/ mais je fais de mon mieux pour m'améliorer).

• Alors, la première question que j'ai a posé: c'est: que sont les "news" pour toi Kaiji. Je suppose que c'est la page d'accueil mais j'en suis pas totalement sûr. ^^

• A quoi servent les liens remerciés? Je suppose que c'est pour que lorsque l'on clique sur l'image on arrive sur une autre page du forum mais si on ne veut pas de cet effet peut-on simplement les supprimer?

• Les déroulements se font dans quels codes... J'ai pas bien saisi. Est-ce que ceux sont des infobulles? (il s'agit des textes qui apparaissent sur le côté)

Désolé pour cette sorte de "liste de courses". Mais j'avais besoin d'être sûr d'avoir tout demandé pour être sûr de plus vous enquiquiner ^^.

Enfin voilà. En tout cas, j'adore ce principe: c'est super sympa. Et je sais que c'est peut-être un peu beaucoup pour mon petit niveau mais je suis très motivé pour réussir quand même.

Merci de l'attention que vous prêterez ou pas à mes petites questions. ^^

En tout cas merci Kaiji c'est super sympa d'avoir expliqué pour tout le monde. =3

Parce que c'est pas toujours à notre portée de comprendre l'anglais. >w<


Edit: Suis-je bête. De 1 le sujet est classé et de 2 je n'ai pas montré mon problème.

Voilà c'est ici:

http://gintama.forumactif.com/index.htm

Vous remarquez que l'accordéon ne se forme tout simplement pas. =/



Dernière édition par Gintoki le Jeu 24 Juin 2010, 09:10, édité 1 fois
MessageSujet: Accordéon 2    Accordéon 2  EmptyMer 23 Juin 2010, 06:23
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Accordéon 2  Empty
    Bonjour Gintoki Razz

    Oui, la news, c'est la page d'accueil. Je préfère dire news que page d'accueil, parce que page d'accueil c'est long, et quand on réduit en PA, on peut confondre facilement avec le panneau d'administration...

    Les liens, tu peux, oui les supprimer ^^

    Il n'y a pas de système d'infobulle dans l'accordéon. Ce sont tout simplement des "panneaux" sur lesquels on écrit et qui se superposent, qui se déroulent pour qu'on puisse lire entièrement quand on passe dessus. Les déroulements sont dans le script javascript qu'on met dans le template overall_header_new.

    Mmh ^^ Si tu veux que je t'aide pour arranger ton accordéon (j'imagine que c'est pour le staff ?) il va me falloir tous les codes, soit la page html, le template overall_header_new, la page d'accueil, ainsi que le css !


    (Et c'est normal que j'explique ^^ Je suis là pour ça ! xD)
MessageSujet: Re: Accordéon 2    Accordéon 2  EmptyMer 23 Juin 2010, 09:51
Revenir en haut Aller en bas
http://gintama.forumactif.com/
Gintoki
{ Membre }
{ Membre }

Masculin Messages : 128



Accordéon 2  Empty
Merci >w<

J'aimerais utiliser cet accordéon pour les personnages recherchés plutôt que le staff. ^^ Enfin voilà. ^^

Bon je tiens d'abord à préciser que j'ai pu m'embrouiller dans les places des codes. XD

Mais bon c'est en forgeant qu'on devient forgeron n'est-ce pas? ^^
J'espère ne pas avoir trop fait d'erreurs.

Alors tout d'abord voilà le template overall_header_new:



Spoiler:

Je préviens que je l'ai modifié pour plusieurs autres choses que l'accordéon. =/ donc pas s'étonner si certaines choses ne sont pas à leur place XD

Ensuite voilà la page html:

Spoiler:
Voili voilou et pour terminer:
Le css. ^^
Je te le donne au complet de toute manière j'ai mis des "titres".

Spoiler:



Merci beaucoup beaucoup beaucoup pour ton aide Wink
MessageSujet: Re: Accordéon 2    Accordéon 2  EmptyJeu 24 Juin 2010, 07:53
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Accordéon 2  Empty
    Bon, premier problème, tu as enregistré ton script au format .txt donc il est normal que cela ne fonctionne pas. Quand tu enregistres, marque toi-même .js, il ne me semble pas que cela fasse partie des choix proposés donc il faut que tu l'imposes (ÉCRASE-LE CE BLOC-NOTE REBELLE !! Hum pardon je m'égare.)

    Pour la page HTML, il n'y a pas de faute mais je l'avais mal rédigée puisqu'il manquait le doctype etc. Voici la page HTML en langage correct :

    Spoiler:


    Ton CSS est bien. Mais j'ai l'impression qu'il te manque le code à mettre dans la page d'accueil xD...
MessageSujet: Re: Accordéon 2    Accordéon 2  EmptyJeu 24 Juin 2010, 08:20
Revenir en haut Aller en bas
http://gintama.forumactif.com/
Gintoki
{ Membre }
{ Membre }

Masculin Messages : 128



Accordéon 2  Empty
O.O Je l'ai enregistré en txt XD Ah d'accord déjà à partir de là je comprends l'erreur XD


En somme j'en ai fait des conneries XD

Mais le problème c'est qu'il me fait encore la tête cet accordéon. =/

Pourtant j'ai rectifié. O.O ah non j'ai pas regardé pour le code dans la Page d'accueil.
Bah pourtant si... =/ Attends voilà le code que j'ai mis dans la page d'accueil:

Spoiler:


EDIT:

Voilà ce que j'ai modifié dans le template
Code:
<script type="text/javascript" src="http://sd-2.archive-host.com/membres/up/141135777332904398/accordeon.js"></script>

Par contre je suis entrain de me demander si j'ai fait les bonnes choses pour l'hébergement. J'ai pris le bloc notes je les enregistré dans tous les fichiers pour le type, et j'ai rajouté dans le titre: ".js" mais est-ce que c'est la bonne manière de procédé ou je me suis planté? =/

MessageSujet: Re: Accordéon 2    Accordéon 2  EmptyJeu 24 Juin 2010, 08:30
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Accordéon 2  Empty
    Alors j'ai une annonce à te faire, c'est que sur mon forum test ça marche xD.

    La seule chose qu'il manque, ce sont les réglages de la tailles car du coup les images se superposent et on ne les voit pas toutes en même temps. Il va te falloir jouer avec ceci :

    Citation :
    paneldimensions: {peekw:'30px', fullw:'210px', h:'50px'},

    Et ceci :

    Citation :
    li style="overflow: hidden; width:150px; display: block;"

    Dans ta page d'accueil.
    J'ai expliqué en détail dans ce tutoriel :
    https://css-actif.forumactif.org/astuces-f33/creer-un-accordeon-t4716.htm#39316


    Bon courage =D
    *n'oublie pas de réhéberger ton lien archive-host en .js, c'est la raison pour laquelle ton accordéon ne marche pas =)*
MessageSujet: Re: Accordéon 2    Accordéon 2  EmptyJeu 24 Juin 2010, 08:43
Revenir en haut Aller en bas
http://gintama.forumactif.com/
Gintoki
{ Membre }
{ Membre }

Masculin Messages : 128



Accordéon 2  Empty
Bon j'ai essayé de le réheberger en .js mais aucun changement à l'horizon. Alors je me suis dit: et si j'utilisais directement l'adresse de la page:

http://www.dynamicdrive.com/dynamicindex17/haccordion.js

Et ça à l'air de marcher. Est-ce que tu as le même rendu que quand tu me disais que ça marchait? ^^

Parce que ça voudrait dire qu'on pourrait éviter d'héberger. Mais bon je suis pas sur de moi mais depuis que j'ai fait le changement je vois au moins les images bouger un peu. Le problème c'est qu'elles disparaissent XD mais comme j'ai pas encore touché aux codes... ^^

On verra bien. Mais alors ça marche de la même façon?

(En tout cas merci pour ta patiente ^^)
MessageSujet: Re: Accordéon 2    Accordéon 2  EmptyJeu 24 Juin 2010, 08:52
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Accordéon 2  Empty
    Bah avec dynamicdrive, pour l'instant ça marche mais il y a de fortes chances pour que dans 3 jours ton accordéon ne fonctionne plus. Le javascript se bloque pour des mesures de sécurités inutiles sur ForumActif, en fait, c'est pour ça qu'on le réhéberge =)


    Pour tes images, elles disparaissent parce que tu n'as pas fait les réglages ^^ Les valeurs indiquées dans ta PA ne sont pas accordées à tes images. dès que ce sera fait elles ne disparaîtront plus ^^


    Sinon, je ne comprends pas pourquoi avec ton lien hébergé ça n'a pas marché... =/
MessageSujet: Re: Accordéon 2    Accordéon 2  EmptyJeu 24 Juin 2010, 09:04
Revenir en haut Aller en bas
http://gintama.forumactif.com/
Gintoki
{ Membre }
{ Membre }

Masculin Messages : 128



Accordéon 2  Empty
Bah écoutes... ^^ Je pense que je vais suivre tes conseils et de nouveau l'héberger jusqu'à ce que ça marche è..é (hyper persévérant XD)

En tout cas, je te remercierais jamais assez pour ta patience. ^^

On a qu'à considérer mon problème comme résolu.
Si j'ai un problème plus tard sur la mis en forme. (je prends vraiment mon temps en général)
Je reposterais un sujet. ^^ (mais bien sûr pas avant d'avoir cherché par moi-même jusqu'à ce que je me décourage totalement XD)


En tout cas, merciiiiiiiiiiiiiiiiiiii ^^

Voilà je le mets résolu. ^^
MessageSujet: Re: Accordéon 2    Accordéon 2  EmptyJeu 24 Juin 2010, 09:09
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Accordéon 2  Empty
    Mdrrr ♥

    Bon courage alors !
    Je classe ^^
MessageSujet: Re: Accordéon 2    Accordéon 2  EmptyJeu 24 Juin 2010, 11:06
Revenir en haut Aller en bas
Contenu sponsorisé




Accordéon 2  Empty
MessageSujet: Re: Accordéon 2    Accordéon 2  Empty
Revenir en haut Aller en bas
 

Accordéon 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Accordéon [résolu]
» Accordéon récalcitrant ><
» Sorte d'accordéon ?
» Problème d'accordéon
» Iframe et accordéon javascript

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