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

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

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

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

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

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

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

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

Le Deal du moment : -50%
[Adhérents Fnac] -50% Casque Pro Gaming HyperX ...
Voir le deal
49.99 €

Partagez
 

Accordéon 2... T.T [Resolu]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://hunter-city.keuf.net/
chaussette
chaussette
{ Membre }
{ Membre }

Féminin Messages : 40



Accordéon 2... T.T [Resolu] Empty
C'est encore moi, je m'excuse de venir encore vous déranger, surtout que je viens d'archiver mon sujet précédent... T.T
Donc, j'ai cherché sur google et j'ai tout de suite trouvé des tutos pour faire ce que je voulais, mais le problème est que ça ne fais pas l'effet que je recherche... J'aimerais que ça face comme sur ce forum : http://www.vulnera-samento.com/forum (je le met sous hide s'il le faut. u.u) comme ils font pour cacher leurs liens vers les sous forums. Quand j'essaye, mon image disparaît totalement...
Voici le tuto que j'ai utilisé : http://www.w3avenue.com/2010/04/02/cross-browser-pure-css3-vertical-accordion/
Il marche très bien, mais l'image reste en haut et ne disparaît pas quand je la met...
Si vous pouvez m'aider à trouver le code pour faire disparaître progressivement comme sur le forum plus haut, vous me serez d'une grande aide.

Merci beaucoup !! Accordéon 2... T.T [Resolu] 577704309
Et encore désolé d'ouvrir un sujet à nouveau...
Chaussette


Dernière édition par chaussette le Mar 17 Avr 2012, 14:05, édité 1 fois
MessageSujet: Accordéon 2... T.T [Resolu]   Accordéon 2... T.T [Resolu] EmptyMar 17 Avr 2012, 11:10
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Accordéon 2... T.T [Resolu] Empty
Je migre chez ma sœur et je te fais ça à moins que quelqu'un passe avant Wink
MessageSujet: Re: Accordéon 2... T.T [Resolu]   Accordéon 2... T.T [Resolu] EmptyMar 17 Avr 2012, 11:20
Revenir en haut Aller en bas
http://hunter-city.keuf.net/
chaussette
chaussette
{ Membre }
{ Membre }

Féminin Messages : 40



Accordéon 2... T.T [Resolu] Empty
Merci ! Accordéon 2... T.T [Resolu] 3451650135
MessageSujet: Re: Accordéon 2... T.T [Resolu]   Accordéon 2... T.T [Resolu] EmptyMar 17 Avr 2012, 11:21
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Accordéon 2... T.T [Resolu] Empty
Salut,

Exemple (si j'ai bien compris ce que tu voulais) :

http://sann.in/forums/cssactif/test/test2.html

Et voici le code :

CSS

Code:

.conteneur {
        width:100px;
        height:100px;
        border:1px solid red;
        position:relative;
        overflow:hidden;
      }

      .content1 {
        width:100px;
        height:100px;
        position:absolute;
        background:green;
      }

      .content2 {
        width:100px;
        height:100px;
        position:absolute;
        background:blue;
        -webkit-transition:all 0.5s;
        -moz-transition:all 0.5s;
        -o-transition:all 0.5s;
        -ms-transition:all 0.5s;
        transition:all 0.5s;
        }

        .conteneur:hover .content2 {
          margin-top:-100px;
        }

Et HTML :

Code:

<div class="conteneur">
            <div class="content1"></div>
            <div class="content2"></div>
          </div>

Bien sure, à toi de le remplir comme tu le souhaite, le content2 est celui qui monte & descend Wink
MessageSujet: Re: Accordéon 2... T.T [Resolu]   Accordéon 2... T.T [Resolu] EmptyMar 17 Avr 2012, 12:49
Revenir en haut Aller en bas
http://hunter-city.keuf.net/
chaussette
chaussette
{ Membre }
{ Membre }

Féminin Messages : 40



Accordéon 2... T.T [Resolu] Empty
Merci beaucoup ! C'est exactement ça! *O*
Est ce que tu sais comment je pourrais faire pour mettre des images différentes à chaque fois pour le contenu 2 qui monte et qui descend ?? En tout cas, si c'est possible. =)
MessageSujet: Re: Accordéon 2... T.T [Resolu]   Accordéon 2... T.T [Resolu] EmptyMar 17 Avr 2012, 13:28
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Accordéon 2... T.T [Resolu] Empty
Lorsqu'il monte, du peut ajouter :

Code:

background:url(lien);

Mais je ne pense pas que l'on puisse changer d'image lorsqu'il descend Wink
MessageSujet: Re: Accordéon 2... T.T [Resolu]   Accordéon 2... T.T [Resolu] EmptyMar 17 Avr 2012, 13:42
Revenir en haut Aller en bas
http://hunter-city.keuf.net/
chaussette
chaussette
{ Membre }
{ Membre }

Féminin Messages : 40



Accordéon 2... T.T [Resolu] Empty
Oui, on peut pas, j'ai essayé. >.>
En tout cas, merci beaucoup, ça me sert vraiment ! *o* Et tu m'as beaucoup aidé. u.u

Vous pouvez archiver.
MessageSujet: Re: Accordéon 2... T.T [Resolu]   Accordéon 2... T.T [Resolu] EmptyMar 17 Avr 2012, 14:04
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Accordéon 2... T.T [Resolu] Empty
    Hello (:
    Merci d'avoir prévenu, je classe =D
MessageSujet: Re: Accordéon 2... T.T [Resolu]   Accordéon 2... T.T [Resolu] EmptyMar 17 Avr 2012, 15:15
Revenir en haut Aller en bas
Contenu sponsorisé




Accordéon 2... T.T [Resolu] Empty
MessageSujet: Re: Accordéon 2... T.T [Resolu]   Accordéon 2... T.T [Resolu] Empty
Revenir en haut Aller en bas
 

Accordéon 2... T.T [Resolu]

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

 Sujets similaires

-
» Accordéon [résolu]
» Image sur PA accordéon [résolu]
» bordure à supprimer (non résolu) + contenu de forum disparu (résolu)
» [résolu]Retirer auteur & message dans un topic RESOLU
» Problème d'éléments à déplacé : index_box [RESOLU] - viewtopic_body [RESOLU]

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