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! |
| Gintoki
{ Membre }
Messages : 128
| 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 | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour Gintoki
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) | | |
| | | Gintoki
{ Membre }
Messages : 128
| 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:
- Code:
-
#hitskin_preview { margin: 0; padding: 0; position: fixed; top: 0; left: 0; width: 100%; height: 65px; background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px; color: #fff; } * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */ position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop); z-index: 2; background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px; } * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */ background: #fff url(foo) fixed; } #hitskin_preview h1 { float: left; margin: 3px 0 0 0; padding: 0 0 0 10px; font: italic normal 25px Arial,sans serif; color: #fff; } #hitskin_preview h1 img { vertical-align: middle; } #hitskin_preview em { color: #7CBA2C; font-weight: bold; } #hitskin_preview a { color: #fff; } #hitskin_preview a:hover { text-decoration: underline; }
#hitskin_preview .content { text-align: right; } #hitskin_preview .content p { margin: 4px 1em 0px 1em; font-size: 13px; line-height: 1.8em; color: #fff; font-weight: bold; } #hitskin_preview .content p span { font-weight: normal; font-size: 0.8em; } body { margin-top: 40px !important; } {hitskin_preview.HITSKIN_RTL_CSS} </style> <!-- END hitskin_preview -->
<script type="text/javascript" src="http://sd-2.archive-host.com/membres/up/141135777332904398/accordeon.txt"></script> </head> <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> <table style="position: fixed; left: 0px; top: 4px; right: 0px; background-image: url('http://i63.servimg.com/u/f63/15/13/04/74/fond_f21.gif') !important; border-bottom: none;-moz-border-radius:10px; border-top: 3px double #39a1c4; border-right: none; border-left: 3px double #39a1c4; z-index:1000; width: 60%;" ><br><tr><td><div align=center> <a href="http://gintama.forumactif.com/reglements-f3/"><font size=2>• Règlements</font></a></div></td><td><div align=center><a href="http://gintama.forumactif.com/histoire-f6/"><font size=2>• Histoire</font></a></div></td><td><div align=center><a href="http://gintama.forumactif.com/informations-f7/"><font size=2>• Informations</font></a></div></td><td><div align=center><a href="http://gintama.forumactif.com/evenements-f8/"><font size=2>• Evénements</font></a></div></td><td><div align=center><a href="http://gintama.forumactif.com/coin-personnages-f4/"><font size=2>• Présentations</font></a></div></td></tr><br><br></table>
<!-- BEGIN hitskin_preview --> <div id="hitskin_preview" style="display: block;"> <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW}
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div> <!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup --> <div id="login_popup"> <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0"> <tr height="25"> <td class="catLeft"> <span class="genmed module-title">{SITENAME}</span> </td> </tr> <tr height="{LOGIN_POPUP_MSG_HEIGHT}"> <td class="row1" align="left" valign="top"> <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="mainoption" value="{L_LOGIN}" /> <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" /> <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" /> </form> </div> <span class="genmed">{LOGIN_POPUP_MSG}</span> </td> </tr> </table> </div> <!-- END switch_login_popup -->
<a name="top"></a> {JAVAscript} <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center"> <tr> <td class="bodyline"> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <!-- BEGIN switch_logo_left --> <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div>
<span class="gen">{SITE_DEscriptION} </span> </td> <!-- END switch_logo_left -->
<!-- BEGIN switch_logo_center --> <td align="center" width="100%" valign="middle"> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<div class="maintitle">{MAIN_SITENAME}</div>
<span class="gen">{SITE_DEscriptION}</span> </td> <!-- END switch_logo_center -->
<!-- BEGIN switch_logo_right --> <td align="center" width="100%" valign="middle"> <div class="maintitle">{MAIN_SITENAME}</div>
<span class="gen">{SITE_DEscriptION} </span> </td> <td> <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a> </td> <!-- END switch_logo_right --> </tr> </table>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table>
<div style="clear: both;"></div>
<br> <br> <div id="page-body"> <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <table cellpadding="0" cellspacing="0" width="100%" class="three-col"> <tbody> <tr> <td valign="top" width="{C1SIZE}"> <div id="{ID_LEFT}"> <!-- BEGIN giefmod_index1 --> {giefmod_index1.MODVAR} <!-- BEGIN saut --> <div style="height:{SPACE_ROW}px"></div> <!-- END saut --> <!-- END giefmod_index1 --> </div> </td> <td valign="top" width="100%"> <!-- BEGIN html_validation --> </td> </tr> </tbody> </table> </div> </div> </td> </tr> </table> </body> </html> <!-- END html_validation -->
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:
- Code:
-
<!--Make sure your page contains a valid doctype at the very top-->
<link rel="stylesheet" type="text/css" href="haccordion.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="haccordion.js">
/*********************************************** * Horizontal Accordion script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more ***********************************************/
</script>
<style type="text/css">
/*CSS for example Accordion #hc1*/
#hc1 li{ margin:0 3px 0 0; /*Spacing between each LI container*/ }
#hc1 li .hpanel{ padding: 5px; /*Padding inside each content*/ background: lightblue; }
/*CSS for example Accordion #hc2*/
#hc2 li{ margin:0 0 0 0; /*Spacing between each LI container*/ border: 12px solid black; }
#hc2 li .hpanel{ padding: 5px; /*Padding inside each content*/ background: #E2E9FF; cursor: hand; cursor: pointer; }
</style>
<script type="text/javascript">
haccordion.setup({ accordionid: 'hc1', //main accordion div id paneldimensions: {peekw:'50px', fullw:'400px', h:'158px'}, selectedli: [0, true], //[selectedli_index, persiststate_bool] collapsecurrent: false //<- No comma following very last setting! })
haccordion.setup({ accordionid: 'hc2', //main accordion div id paneldimensions: {peekw:'30px', fullw:'450px', h:'150px'}, selectedli: [-1, true], //[selectedli_index, persiststate_bool] collapsecurrent: true //<- No comma following very last setting! })
</script>
<script type="text/javascript" src=" http://pmsc.free.fr/J03/1045165647.js"></script> </script>
Voili voilou et pour terminer: Le css. ^^ Je te le donne au complet de toute manière j'ai mis des "titres". - Spoiler:
- Code:
-
body { background-repeat: repeat; }
/*Liens*/
a:hover{letter-spacing : 2px;} /*Espacement entre les lettres des liens*/
a:hover {text-decoration: none !important;} /*Aucun soulignement des liens de TOUT le forum*/
a {text-shadow: 6px 7px 1px #39a1c4;} /*Ombre sur les liens*/
a:hover {font-variant: small-caps;} /*Liens en petites majuscules*/
/*ChatBox*/
body.chatbox { background-image: url(''); } body.chatbox { background-color: transparent; }
#chatbox_header .catBottom .cattitle {color: darkred;} /*Pour changer la couleurs du nom de la chat box*/
#chatbox_header .chatbox-options .genmed, #chatbox_header .chatbox-options, #chatbox_header .chatbox-options a {color: darkred;} . /*Pour modifier la couleur des liens de la CB*/
#chatbox_header .cattitle strong { display: ; } #chatbox_header .cattitle:after { content: " Le clan des madao!"; } /*Pour changer le nom de la Chat Box*/
#chatbox .chatbox_row_1,#chatbox .chatbox_row_2{ background-color: transparent; } /*Transparence*/
/*Utilisateurs*/
a { text-decoration: none; } /*retire les soulignements des pseudo*/
.postdetails.poster-profile a img {filter:alpha(opacity=100); -moz-opacity:0.5;opacity: 1; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; border: 4px groove #94dbf2; }
.postdetails.poster-profile a img:hover {filter:alpha(opacity=70); -moz-opacity:0.5;opacity: 0.9; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; border: 4px ridge #00bfff; } /*Contour autour de l'avatar*/
.postdetails.poster-profile a img { margin: auto; display: block; margin-bottom: -10px; } /*Avatar centré*/
/*Forum*/
a.forumlink { text-decoration: none; background-color: ; border-bottom: none; border-top: 3px double #39a1c4; -moz-border-radius: 20px ; border-right: 5px solid #COULEUR DU CADRE A DROITE; -moz-border-radius: 20px ; border-left: 3px double #39a1c4; display:block;} /*Décoration des forums*/
a.forumlink:hover { text-decoration: none; background-image: url('http://i63.servimg.com/u/f63/15/13/04/74/fond_f21.gif') !important; background-repeat: repeat !important; border-bottom:2px double #COULEUR DU CADRE DU BAS AVEC LA SOURIS; border-top: 2px double #COULEUR DU CADRE DU HAUT AVEC LA SOURIS; -moz-border-radius: 10px ; border-right: 5px solid #COULEUR DU CADRE A DROITE AVEC LA SOURIS; -moz-border-radius: 10px ; border-left: 5px solid #COULEUR DU CADRE A GAUCHE AVEC LA SOURIS; display:block; }
/*Décoration des forums une fois que la souris passe dessus.*/
/*Citations*/
.quote { background-image: url('http://i63.servimg.com/u/f63/15/13/04/74/fond_f21.gif') !important; background-repeat: repeat !important; background-position: left top !important; padding-left: 20px; } /*Mettre une image de fond pour les citations.*/
/*Liste des membres*/
.avatar.mini, .avatar.mini img { width: 37.5px; height: 75px; } /*Taille de l'avatar des membres dans la liste*/
.avatar.mini { margin-top: 10px; } /*Espace entre les avatars des membres*/
.mainmenu{ margin-top: 15px; }
.mainmenu{ font-size : 10px; color : #5f4037; }
a.mainmenu{ text-decoration: none; color : #1c355c; background-image: url('http://i63.servimg.com/u/f63/15/13/04/74/fond_f21.gif') !important; border-bottom: none; border-top: 3px double #39a1c4; -moz-border-radius: 20px ; border-right: 5px solid #COULEUR DU CADRE A DROITE; -moz-border-radius: 20px ; border-left: 3px double #39a1c4; filter:alpha(opacity=70); -moz-opacity:0.5;opacity: 0.6; }
a.mainmenu:hover{ text-decoration: none; color : #1c355c; background-image: url('http://i63.servimg.com/u/f63/15/13/04/74/fond_f21.gif') !important; border-bottom: none; border-top: 3px double #39a1c4; -moz-border-radius: 20px ; border-right: 5px solid #COULEUR DU CADRE A DROITE; -moz-border-radius: 20px ; border-left: 3px double #39a1c4; filter:alpha(opacity=100); -moz-opacity:0.5;opacity: 1; }
/*Accordéon*/
.haccordion{ padding: 0; width: 900px; */ 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: 100px; /*comme tu préfères c'est la hauteur*/ height: 100px; /*comme tu préfères c'est la longueur*/ overflow: hidden; /*on touche pas*/ float: left; /*on touche pas*/ }
#hc1 li{ margin: -3px; /*espace entre chaque content*/ width: 800px; }
#hc1 li .hpanel{ padding: -3px; /*espace entre chaque content*/ background: transparent; }
.haccordion li .hpanel{ width: 40px; /*comme tu préfères c'est la hauteur*/ height: 40px; /*comme tu préfères c'est la longueur*/ }
#hc1 li{width: 230px; height: 200px; } #hc1 li .hpanel{width: 150px; height: 200px; }
/*Infobulle*/
a.infobulle { position: relative; }
a.infobulle span { display: none; /* ceci masque l'infobulle */ } a.infobulle:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
} a.infobulle:hover span { display: inline; /* ceci affiche l'infobulle */ position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 0px; /* on positionne notre infobulle */ left: 0px;
background: none; /* arrière-plan de l'infobulle */
color: blue; /* texte dans l'infobulle */ padding: 2px;
/* bordures de votre infobulle*/ border: 3px double royalblue; border-left: 3px double royalblue; }
Merci beaucoup beaucoup beaucoup pour ton aide | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| 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:
- Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title></title> </head> <body> <!--Make sure your page contains a valid doctype at the very top-->
<link rel="stylesheet" type="text/css" href="haccordion.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="haccordion.js">
/*********************************************** * Horizontal Accordion script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more ***********************************************/
</script>
<style type="text/css">
/*CSS for example Accordion #hc1*/
#hc1 li{ margin:0 3px 0 0; /*Spacing between each LI container*/ }
#hc1 li .hpanel{ padding: 5px; /*Padding inside each content*/ background: lightblue; }
/*CSS for example Accordion #hc2*/
#hc2 li{ margin:0 0 0 0; /*Spacing between each LI container*/ border: 12px solid black; }
#hc2 li .hpanel{ padding: 5px; /*Padding inside each content*/ background: #E2E9FF; cursor: hand; cursor: pointer; }
</style>
<script type="text/javascript">
haccordion.setup({ accordionid: 'hc1', //main accordion div id paneldimensions: {peekw:'50px', fullw:'400px', h:'158px'}, selectedli: [0, true], //[selectedli_index, persiststate_bool] collapsecurrent: false //<- No comma following very last setting! })
haccordion.setup({ accordionid: 'hc2', //main accordion div id paneldimensions: {peekw:'30px', fullw:'450px', h:'150px'}, selectedli: [-1, true], //[selectedli_index, persiststate_bool] collapsecurrent: true //<- No comma following very last setting! })
</script>
<script type="text/javascript" src=" http://pmsc.free.fr/J03/1045165647.js"></script> </script> </body> </html>
Ton CSS est bien. Mais j'ai l'impression qu'il te manque le code à mettre dans la page d'accueil xD... | | |
| | | Gintoki
{ Membre }
Messages : 128
| 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:
- Code:
-
Page d'accueil.<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:150px; display: block;"><div class="hpanel"><a href="..." target="_blank"><img src="http://public5.tektek.org/img/av/0912/d05/0754/6b33735.png" alt=""></a></div></li> <li style="overflow: hidden; width:150px; display: block;"><div class="hpanel"><a href="LIEN DÉSIRÉ" target="_blank"><img src="http://public5.tektek.org/img/av/1001/d08/0932/d87f364.png" alt=""></a></div></li> <li style="overflow: hidden; width:150px; display: block;"><div class="hpanel"><a href="LIEN DÉSIRÉ" target="_blank"><img src="http://public5.tektek.org/img/av/1006/d11/1231/1c74260.png" alt=""></a></div></li> <li style="overflow: hidden; width:150px; display: block;"><div class="hpanel"><a href="LIEN DÉSIRÉ" target="_blank"><img src="http://public5.tektek.org/img/av/1005/d02/1033/ef65216.png" alt=""></a></div></li> <li style="overflow: hidden; width:150px; display: block;"><div class="hpanel"><a href="LIEN DÉSIRÉ" target="_blank"><img src="LIEN DE L'IMAGE" alt=""></a></div></li></ul></div><div id="hc1" class="haccordion"> <ul></div>
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é? =/ | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| 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 =)* | | |
| | | Gintoki
{ Membre }
Messages : 128
| 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 ^^) | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| 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é... =/ | | |
| | | Gintoki
{ Membre }
Messages : 128
| 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. ^^ | | |
| | | Kaiji
Blanche-Neige
Messages : 5578
| Mdrrr ♥
Bon courage alors ! Je classe ^^ | | |
| | | Contenu sponsorisé
| | | | |
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|