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

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

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

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

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

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

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

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

Le Deal du moment :
Boutique Nike : -25% dès 50€ sur TOUT le ...
Voir le deal

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
http://worldvava.keuf.net/forum.htm
poussette59
poussette59
{ Membre }
{ Membre }

Féminin Messages : 236



Accordéon dans la News - Page 3 Empty
Si j'ai bien compris c'est ça que tu veux http://pmsc.free.fr/J03/10518205925.js
voila ^^ merci pour ton aide
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 3 EmptyMar 18 Mai 2010, 16:01
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 3 Empty
    Ouuuuuuuups désolée du temps de réaction, j'avoue avoir un peu zappé ce sujet =S.

    Mamzelle Ko' : Il faut que tu joues avec le réglage dans ta page d'accueil, ça fait ça quand tes réglages sont trop grands ^^


    Poussette56 : Hum... Essaie de l'héberger avec archive host. Je ne sais pas avec quoi tu l'as hébergé, mais certains opérateurs peuvent bloquer le javascript sur un site si je me souviens bien, même si je ne m'en rappelle plus la raison =)
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 3 EmptyMer 26 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 3 Empty
coucou Kaiji
ne t'inquiétes pas pour moi c'est résolu
un beug apparemment car j'ai recommencer sur un autre forum est tout à bien fonctionné
donc soit c'est un truc que j'avais pas fait correctement soit un beug du forum
encore merci pour ton aide en tout cas =)
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 3 EmptyMer 26 Mai 2010, 15:50
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 3 Empty
Coucou miss je reviens de nouveau vers toi pour une petite question
comme tu pourra le voir déjà il ne tiens pas en une ligne
comment pourrais je faire pour remédier à cela?
ensuite toute les photos une fois toucher son serrer l'une à l'autre, comment es ce que je peu faire pour qu'elle reste espacé comme au départ (qu'on vois la photo entiére)
voici mon CSS et le code mit dans la PA

merci beaucoup <3

Code:
<span class="boxtitle">Le Staff de San Francisco Life</span><div class="box"><div class="gensmall"><script type="text/javascript">haccordion.setup({
  accordionid: 'hc1', //main accordion div id
  paneldimensions: {peekw:'10px', fullw:'340px', h:'127px'},
  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: 50px; display: block;"><div class="hpanel"><a href="http://girlyacademy.allgoo.net/profile.forum?mode=viewprofile&u=33" target="_blank"><img src="http://i48.tinypic.com/66henp.jpg" alt=""></a></div></li>
<li style="overflow: hidden; width: 50px; display: block;"><div class="hpanel"><a href="http://girlyacademy.allgoo.net/profile.forum?mode=viewprofile&u=33" target="_blank"><img src="http://i48.tinypic.com/66henp.jpg" alt=""></a></div></li>
<li style="overflow: hidden; width: 50px; display: block;"><div class="hpanel"><a href="http://girlyacademy.allgoo.net/profile.forum?mode=viewprofile&u=33" target="_blank"><img src="http://i48.tinypic.com/66henp.jpg" alt=""></a></div></li><li style="overflow: hidden; width: 50px; display: block;"><div class="hpanel"><a href="http://girlyacademy.allgoo.net/profile.forum?mode=viewprofile&u=33" target="_blank"><img src="http://i48.tinypic.com/66henp.jpg" alt=""></a></div></li><li style="overflow: hidden; width: 50px; display: block;"><div class="hpanel"><a href="http://girlyacademy.allgoo.net/profile.forum?mode=viewprofile&u=33" target="_blank"><img src="http://i48.tinypic.com/66henp.jpg" alt=""></a></div></li><li style="overflow: hidden; width: 50px; display: block;"><div class="hpanel"><a href="http://girlyacademy.allgoo.net/profile.forum?mode=viewprofile&u=33" target="_blank"><img src="http://i48.tinypic.com/66henp.jpg" alt=""></a></div></li><li style="overflow: hidden; width: 50px; display: block;"><div class="hpanel"><a href="http://girlyacademy.allgoo.net/profile.forum?mode=viewprofile&u=33" target="_blank"><img src="http://i48.tinypic.com/66henp.jpg" alt=""></a></div></li><li style="overflow: hidden; width: 50px; display: block;"><div class="hpanel"><a href="http://girlyacademy.allgoo.net/profile.forum?mode=viewprofile&u=33" target="_blank"><img src="http://i48.tinypic.com/66henp.jpg" alt=""></a></div></li><li style="overflow: hidden; width: 50px; display: block;"><div class="hpanel"><a href="http://girlyacademy.allgoo.net/profile.forum?mode=viewprofile&u=33" target="_blank"><img src="http://i48.tinypic.com/66henp.jpg" alt=""></a></div></li><li style="overflow: hidden; width: 50px; display: block;"><div class="hpanel"><a href="http://girlyacademy.allgoo.net/profile.forum?mode=viewprofile&u=33" target="_blank"><img src="http://i48.tinypic.com/66henp.jpg" alt=""></a></div></li></ul></div></div></div>


Code:
/*accordeon staff */

.haccordion{
padding: 0;
width: 750px; */ Grandeur total que vous désiré une fois qu'ils sont utilisé */
}


.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; /*on touche pas*/
}


.haccordion li{
margin: 0;
padding: 0;
display: block; /*on touche pas*/
width: 127%; /*comme tu préfères c'est la hauteur*/
height: 200px; /*comme tu préfères c'est la longueur*/
overflow: hidden; /*on touche pas*/
float: left; /*on touche pas*/
}

#hc1 li{
margin:0 0px 0 0; /*espace entre chaque content*/
width: 800px;
}

#hc1 li .hpanel{
padding: 0px; /*espace entre chaque content*/
background: transparent;
}

.haccordion li .hpanel{
width: 127px; /*comme tu préfères c'est la hauteur*/
height: 340px; /*comme tu préfères c'est la longueur*/
}

#hc1 li{width: 118px;
height: 124px;
}
#hc1 li .hpanel{width: 205px;
height: 124px;
}


Dernière édition par poussette59 le Dim 06 Juin 2010, 04:44, édité 1 fois
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 3 EmptySam 05 Juin 2010, 09:40
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 3 Empty
    Bonjour, je crains fort de ne pas pouvoir t'aider pour le fait qu'il ne "tienne pas sur une ligne" parce que sur mon pc je n'ai pas ce problème... Probablement parce que mon écran est très large (1920*1280)


    Pour le reste, tu as paneldimensions: {peekw:'10px', fullw:'340px', h:'127px'}, dans ta page d'accueil, il faut que tu augmentes la valeur de peekw à environ 40 pour voir l'image entière =)
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 3 EmptySam 05 Juin 2010, 14:22
Revenir en haut Aller en bas
http://princeton.forums-actifs.net/forum.htm
Emaline
Emaline
{ Membre }
{ Membre }

Féminin Messages : 202



Accordéon dans la News - Page 3 Empty
Pousette je trouve que c'Est une belle copie de se que moi j'ai fait pour mon staff Rolling Eyes Shocked Est-ce que t'aurais peut être au moins original et changé un peu la mise en page, tu as pas utilisé l'écriture comme moi mais le fais est quand même que je trouve que tu as beaucoup fait comme moi Rolling Eyes

Même avant de faire mon tuto je m'étais assuré que vous respecté au moins les images créer par ma propre imagination
Emaline a écrit:
Je suis la créatrice de Princeton si vous avez besoin d'aide je suis prête a vous aidé et vous montré en gros comment j'ai fait. Je demande seulement ne pas copier comment j'ai fait mes petite images de Staff.
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 3 EmptySam 05 Juin 2010, 16:46
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 3 Empty
Merci Kaiji je vais voir ça Wink

Emaline je n'ai pas pris tes images Oo
l'image de sophia bush viens directement du site web
Une image d'ailleurs non retoucher juste redimensionné
Si tu parles tu rang et de la description tout les forums ont quasi cela
mais si il faut modifier aucun probléme
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 3 EmptySam 05 Juin 2010, 19:08
Revenir en haut Aller en bas
http://princeton.forums-actifs.net/forum.htm
Emaline
Emaline
{ Membre }
{ Membre }

Féminin Messages : 202



Accordéon dans la News - Page 3 Empty
Je n'est pas dit que tu as prit mes image les photo de sophia j'en ai rien a foutre que tu prends les même c'est seulement que la ressemblance est frappante surtout que tu veux l'utilisé au même fin que moi j'aurais aimé conservé mon originalité du moins avec les images que j'ai créer pour chaque membres du Staff.
Accordéon dans la News - Page 3 66henp
Accordéon dans la News - Page 3 Kalei-1a45b38
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 3 EmptyDim 06 Juin 2010, 00:01
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 3 Empty
Ouai en faite je venais de comprendre que c'est de cela que tu parlais -___- hier soir j'étais HS désolé xD
Hé bien écoute je vais voir pour modifier cela donner une autre "forme" pas de soucis Wink
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 3 EmptyDim 06 Juin 2010, 04:43
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 3 Empty
Coucou Smile

Moi j'ai un petit soucis, sa se met dessous et non a coté c'est assez frustrant je m'arrache les cheveux dessus... Alors voici les codes peut etre que vous arriverai a voir le problème :s


Code:
<div class="gensmall"><script type="text/javascript">haccordion.setup({
  accordionid: 'hc1', //main accordion div id
  paneldimensions: {peekw:'40px', 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:2px; display: block;"><div class="hpanel"><a href="LIEN DÉSIRÉ" target="_blank"><img src="http://nsa15.casimages.com/img/2010/04/25/mini_100425075755613957.jpg" alt=""></a></div></li>
<li style="overflow: hidden; width:2px; display: block;"><div class="hpanel"><a href="LIEN DÉSIRÉ" target="_blank"><img src="http://nsa15.casimages.com/img/2010/04/25/mini_100425075851196196.jpg" alt=""></a></div></li>
<li style="overflow: hidden; width:2px; display: block;"><div class="hpanel"><a href="LIEN DÉSIRÉ" target="_blank"><img src="http://nsa14.casimages.com/img/2010/04/25/mini_100425075926725106.jpg" alt=""></a></div></li></ul></div>


Code:
.haccordion{
padding: 0;
width: 800px; */ Grandeur total que vous désiré une fois qu'ils sont utilisé */
}


.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; /*on touche pas*/
}


.haccordion li{
margin: 0;
padding: 0;
display: block; /*on touche pas*/
width: 100%; /*comme tu préfères c'est la hauteur*/
height: 20px; /*comme tu préfères c'est la longueur*/
overflow: hidden; /*on touche pas*/
float: left; /*on touche pas*/
}

#hc1 li{
margin:0 0px 0 0; /*espace entre chaque content*/
width: 800px;
}

#hc1 li .hpanel{
padding: 0px; /*espace entre chaque content*/
background: transparent;
}

.haccordion li .hpanel{
width: 20px; /*comme tu préfères c'est la hauteur*/
height: 20px; /*comme tu préfères c'est la longueur*/
}

#hc1 li{width: 118px;
height: 124px;
}
#hc1 li .hpanel{width: 205px;
height: 124px;
}
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 3 EmptyDim 06 Juin 2010, 12: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 dans la News - Page 3 Empty
    Bonjour, est-ce que je peux voir ton forum ?
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 3 EmptyDim 06 Juin 2010, 15:58
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 3 Empty
bonjour,

Oui bien sur le voici :


http://rememberme-new-luck.forumactif.com/index.htm

C'est un forum test ^^ Donc tu peux voir sur la première image il faut aller a droite et l'autre vient mais la première disparait. C'est assez frustrant x)
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 3 EmptyMer 16 Juin 2010, 09:20
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 3 Empty
Désolée du DP mais je voulais savoir si tu avais trouvé?

Smile
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 3 EmptyLun 28 Juin 2010, 12:09
Revenir en haut Aller en bas
Contenu sponsorisé




Accordéon dans la News - Page 3 Empty
MessageSujet: Re: Accordéon dans la News   Accordéon dans la News - Page 3 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 3 sur 3Aller à la page : Précédent  1, 2, 3

 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