|
|
Mepheria
{ Membre }
Messages : 169
| Bonjours, j'ai trouver un tuto sur les "acordéons" j'ai reussi a le faire marcher , impec mais il se déroule vers la droite y a t'il moyen de le dérouler vers le bas? code CSS : - Code:
-
.haccordion{ padding: 0; width: 800px; }
.haccordion ul{ margin: 0; padding: 0; list-style: none; overflow: hidden; }
.haccordion li{ margin: 0; padding: 0; display: block; width: 100%; height: 20px; overflow: hidden; float: left; }
#hc1 li{ margin:0 0px 0 0; width: 800px; }
#hc1 li .hpanel{ padding: 0px; background: transparent; }
.haccordion li .hpanel{ width: 20px; height: 20px; }
#hc1 li{width: 118px; height: 124px; } #hc1 li .hpanel{width: 205px; height: 124px; } code PA : - Code:
-
<div class="gensmall"><script type="text/javascript">haccordion.setup({ accordionid: 'hc1', //main accordion div id paneldimensions: {peekw:'100px', fullw:'288px', h:'56px'}, 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:700px; height:150px; display: block;"><div class="hpanel"><a href="http://fall-into-drunkennes.forumactif.org/profile.forum?mode=viewprofile&u=1" target="_blank"><img src="http://forum-orphen.forum-pro.fr/users/2413/25/03/44/avatars/2-29.png"></a></div></li> <li style="overflow: hidden; width:700px; height:150px; display: block;"><div class="hpanel"><a href="http://fall-into-drunkennes.forumactif.org/profile.forum?mode=viewprofile&u=6" target="_blank"><img src="http://forum-orphen.forum-pro.fr/users/2413/25/03/44/avatars/5-49.jpg" alt=""></a></div></li> <li style="overflow: hidden; width:700px; height:250px; display: block;"><div class="hpanel"><a href="http://fall-into-drunkennes.forumactif.org/profile.forum?mode=viewprofile&u=7" target="_blank"><img src="http://i30.servimg.com/u/f30/15/30/93/66/sans_t10.png" alt=""></a></div></li></ul></div> merci de vos réponses | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Bonjour. Il manque une partit du code. Le script. Surement un script hébergé sur serveur. | | |
|
| |
Mepheria
{ Membre }
Messages : 169
| bonsoirs, eu bin j'ai un peu pret que ça enfin c'est quel parti qu'il manque ? CSS? car je pense avoir tous prit mais c'est pas moi qui me charge du CSS sur le forum donc pas sur d'avoir tous prit | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Non le script. C'est un ajout au HTML du genre : - Code:
-
<script type=text/javascript" src="une adresse web"></script> Il est possible qu'il est était ajouté au template overall_header_new, entre les balise <head> et </head> | | |
|
| |
Mepheria
{ Membre }
Messages : 169
| ah oui effectivement j'ai rajouter quelque chose dans le template je te dit sa EDIT : je croi que c'est - Code:
-
<script type=text/javascript" src="http://sd-2.archive-host.com/membres/up/164535323316229486/test.txt"></script> je n'en suis pas sur car j'ai pas accès au template mais il me semble que c'est ca | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Oui c'est bien ça. Et malheureusement pour toi, ce script ne permet que de faire un accordéon horizontal.
Mais peut être trouvera tu ton bonheur ici : http://www.jeremymartin.name/projects.php?project=kwicks | | |
|
| |
Mepheria
{ Membre }
Messages : 169
| ok merci de l'anglais ... génial =D | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Le traducteur de site de Google est ton ami. | | |
|
| |
Mepheria
{ Membre }
Messages : 169
| oh oui il est tres gentil car je lui en demande beaucoup ^^ EDIT : je n'arrive pas a le faire fonctionner il ne m'affiche rien ou alors des caractere =S code Généralité : - Spoiler:
- Code:
-
# <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><ul class="kwicksl" ></span> <ul class="kwicksl"></span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><li id="kwick1"></li></span> <li id="kwick1"> </ li></span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><li id="kwick2"></li></span> <li id="kwick2"> </ li></span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><li id="kwick3"></li></span> <li id="kwick3"> </ li></span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"><li id="kwick4"></li></span> <li id="kwick4"> </ li></span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;"></ul></span> </ Ul></span>
code CSS : - Spoiler:
- Code:
-
# <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">.kwicks li{</span> . Kwicks li (</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">width: 125px;</span> largeur: 125px;</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">height: 100px;</span> Hauteur: 100px;</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">margin-bottom: 3px;</span> margin-bottom: 3px;</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">}</span> )</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">#kwick1 {</span> # (Kwick1</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">background-color: #FF5100;</span> background-color: # FF5100;</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">}</span> )</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">#kwick2 {</span> # (Kwick2</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">background-color: #B33900;</span> background-color: # B33900;</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">}</span> )</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">#kwick3 {</span> # (Kwick3</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">background-color: #FFD000;</span> background-color: # FFD000;</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">}</span> )</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">#kwick4 {</span> # (Kwick4</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">background-color: #B39200;</span> background-color: # B39200;</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">margin-bottom: none;</span> margin-bottom: none;</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">}</span> )</span>
code Template (mit dans overall_header_new ) - Spoiler:
- Code:
-
# <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">$().ready(function() {</span> $ (). Prêt (function () (</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">$('.kwicks').kwicks({</span> $ ('. Kwicks »). Kwicks ((</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">max: 205,</span> max: 205,</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">spacing: 5</span> Espacement: 5</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">});</span> ));</span> # <span onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left;">});</span> ));</span>
PS : je trouve le CSS bisard | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Je crois qu'il serai bon que tu relise le lien que je t'es envoyer. Notamment l'onglet exemple. C'est code n'ont rien à voir avec. Il te faudra insérer ceci dans le template overall header new, avant la balise : - Code:
-
<script src="http://jmar777.googlecode.com/svn/trunk/js/jquery.easing.1.3.js"></script> <script src="http://kwicks.googlecode.com/svn/branches/v1.5.1/Kwicks/jquery.kwicks-1.5.1.pack.js"></script> Le reste est donné dans les exemples. | | |
|
| |
Mepheria
{ Membre }
Messages : 169
| ba eu ces codes viennent du 3eme exemple ^^ - Citation :
- Exemple 3: Disposition verticale (enfin!)
One of the big new features this release is the vertical arrangement. Une des grandes caractéristiques nouvelles de ce communiqué est la disposition verticale. The primary addition in using this new feature is the isVertical option. L'ajout principal à utiliser cette nouvelle fonctionnalité est la possibilité isVertical. Note that there are some necessary changes to the CSS as well. Notez qu'il ya des changements nécessaires à la CSS ainsi. | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| - Citation :
- Example 3: Vertical Arrangement (finally!)
One of the big new features this release is the vertical arrangement. The primary addition in using this new feature is the isVertical option. Note that there are some necessary changes to the CSS as well.
HTML : - Code:
-
<ul class="kwicksl" > <li id="kwick1"></li> <li id="kwick2"></li> <li id="kwick3"></li> <li id="kwick4"></li> </ul> CSS : - Code:
-
.kwicks li{ width: 125px; height: 100px; margin-bottom: 3px; } #kwick1 { background-color: #FF5100; } #kwick2 { background-color: #B33900; } #kwick3 { background-color: #FFD000; } #kwick4 { background-color: #B39200; margin-bottom: none; } Javascript : - Code:
-
$().ready(function() { $('.kwicks').kwicks({ max : 205, spacing : 3, isVertical : true }); }); | | |
|
| |
Mepheria
{ Membre }
Messages : 169
| merci mais j'ai une question le java script il faut le mettre dans : panneau admin --> module --> page html ? car la ça me fait mon forum de test | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| - VPeybernes a écrit:
- Je crois qu'il serai bon que tu relise le lien que je t'es envoyer. Notamment l'onglet exemple.
C'est code n'ont rien à voir avec.
Il te faudra insérer ceci dans le template overall header new, avant la balise </head> : - Code:
-
<script src="http://jmar777.googlecode.com/svn/trunk/js/jquery.easing.1.3.js"></script> <script src="http://kwicks.googlecode.com/svn/branches/v1.5.1/Kwicks/jquery.kwicks-1.5.1.pack.js"></script> Le reste est donné dans les exemples. Après le javascript tu peut le mettre juste avant ton HTML dans message d'accueil, entre les balise <script></script> | | |
|
| |
Mepheria
{ Membre }
Messages : 169
| toujours rien j'ai mit le CSS , template , le generalité | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Tu peut nous transcrire tes code, et nous donner un lien pour voir ? | | |
|
| |
Mepheria
{ Membre }
Messages : 169
| http://forum-test-orphen.forum-pro.fr/index.htm alors le code CSS : (je donne tous ^^) - Code:
-
body { background-attachment: no-fixed; background-repeat: no-repeat; background-position: top center;} table.forumline {border:1px dotted;} a:hover { text-decoration: none !important; }
.kwicks li{ width: 125px; height: 100px; margin-bottom: 3px; } #kwick1 { background-color: #FF5100; } #kwick2 { background-color: #B33900; } #kwick3 { background-color: #FFD000; } #kwick4 { background-color: #B39200; margin-bottom: none; }
template overall_header_new : - Spoiler:
- Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<script src="http://jmar777.googlecode.com/svn/trunk/js/jquery.easing.1.3.js"></script> <script src="http://kwicks.googlecode.com/svn/branches/v1.5.1/Kwicks/jquery.kwicks-1.5.1.pack.js"></script>
<head> <!-- BEGIN meta_emulate_ie7 --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <!-- END meta_emulate_ie7 --> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> {META_FAVICO} {META} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS} <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" /> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" /> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> <!-- BEGIN switch_ticker --> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script> <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <!-- END switch_ticker --> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ <!-- BEGIN switch_enable_pm_popup --> pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); pm.focus(); <!-- END switch_enable_pm_popup --> <!-- BEGIN switch_report_popup --> report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); report.focus(); <!-- END switch_report_popup --> <!-- BEGIN switch_ticker --> ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME}); <!-- END switch_ticker --> });
<!-- BEGIN switch_login_popup --> var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false; <!-- END switch_login_popup --> //]]> </script>
{GREETING_POPUP} <!-- BEGIN hitskin_preview --> <style type="text/css"> #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 --> </head> <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> <!-- 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} <br /> <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> <br /> <span class="gen">{SITE_DEscriptION}<br /> </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><br /> <div class="maintitle">{MAIN_SITENAME}</div> <br /> <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> <br /> <span class="gen">{SITE_DEscriptION}<br /> </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> <!-- BEGIN switch_ticker --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content"> <!-- BEGIN ticker_row --> <div>{switch_ticker.ticker_row.ELEMENT}</div> <!-- END ticker_row --> </div> </div> </div> </td> </tr> </table> </div> <!-- END switch_ticker -->
<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 -->
code PA : - Code:
-
<script>$().ready(function() { $('.kwicks').kwicks({ max : 205, spacing : 3, isVertical : true }); }); </script>
<ul class="kwicksl" > <li id="kwick1"></li> <li id="kwick2"></li> <li id="kwick3"></li> <li id="kwick4"></li> </ul> | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Les script du template doite être placé avant </head> et non <head> Dans ton code PA, dans le script, remplace tout les $ par jQuery. J'insiste sur le Q majuscule. <ul class="kwicksl" > : tu à fait une faute de frappe. enlève le l à la fin de class="kwicksl | | |
|
| |
Mepheria
{ Membre }
Messages : 169
| - Spoiler:
- Code:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head> <!-- BEGIN meta_emulate_ie7 --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <!-- END meta_emulate_ie7 --> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" /> <meta http-equiv="content-script-type" content="text/javascript" /> <meta http-equiv="content-style-type" content="text/css" /> {META_FAVICO} {META} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" /> {T_HEAD_STYLESHEET} {CSS} <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" /> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" /> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> <!-- BEGIN switch_ticker --> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script> <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" /> <!-- END switch_ticker --> <script type="text/javascript"> //<![CDATA[ $(document).ready(function(){ <!-- BEGIN switch_enable_pm_popup --> pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); pm.focus(); <!-- END switch_enable_pm_popup --> <!-- BEGIN switch_report_popup --> report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); report.focus(); <!-- END switch_report_popup --> <!-- BEGIN switch_ticker --> ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME}); <!-- END switch_ticker --> });
<!-- BEGIN switch_login_popup --> var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false; <!-- END switch_login_popup --> //]]> </script>
{GREETING_POPUP} <!-- BEGIN hitskin_preview --> <style type="text/css"> #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 src="http://jmar777.googlecode.com/svn/trunk/js/jquery.easing.1.3.js"></script> <script src="http://kwicks.googlecode.com/svn/branches/v1.5.1/Kwicks/jquery.kwicks-1.5.1.pack.js"></script>
</head> <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}"> <!-- 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> <!-- BEGIN switch_ticker --> <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline"> <tr> <td {CLASS_TABLE_TYPE} align="left" class="row1"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content"> <!-- BEGIN ticker_row --> <div>{switch_ticker.ticker_row.ELEMENT}</div> <!-- END ticker_row --> </div> </div> </div> </td> </tr> </table> </div> <!-- END switch_ticker -->
<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 --> - Code:
-
<script>jQuery.#36;().ready(function() { jQuery.#36;('.kwicks').kwicks({ max : 205, spacing : 3, isVertical : true }); }); </script>
<ul class="kwicks" > <li id="kwick1"></li> <li id="kwick2"></li> <li id="kwick3"></li> <li id="kwick4"></li> </ul> toujours rien EDIT: sa avance mais toujours pas résultat voulu bien compliquer tous ça | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| - Code:
-
<script>jQuery().ready(function() { jQuery('.kwicks').kwicks({ max : 205, spacing : 3, isVertical : true }); }); </script>
<ul class="kwicks" > <li id="kwick1"></li> <li id="kwick2"></li> <li id="kwick3"></li> <li id="kwick4"></li> </ul> | | |
|
| |
Mepheria
{ Membre }
Messages : 169
| ça coulisse mais pour changer les image c'est ici - Code:
-
<ul class="kwicks" > <li id="kwick1"></li> <li id="kwick2"></li> <li id="kwick3"></li> <li id="kwick4"></li> </ul> ?? | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| Ici tu met le contenue de chaque section. Dans le CSS tu retrouvera chaque class pour la mise en forme. Pour la mise en forme général et notament la taille de départ des cellule c'est ici : - Code:
-
.kwicks li{ width: 125px; height: 100px; margin-bottom: 3px; } width : largeur ; height : hauteur ; | | |
|
| |
Mepheria
{ Membre }
Messages : 169
| Grand merci a toi ne classe pas si j'ai probleme je revien =) EDIT: il n'y a pas moyen qu'il ne reste pas coller en haut de la PA ^^? REEDIT: ^^ j'ai reussi a faire quelque petit truc mais ... je sais pas les panneau ne se metent pas au bon endroit ils se chevauche http://forum-test-orphen.forum-pro.fr/forum.htm enfin c'est deja pas mal Merci oh eu il y a pas moyen que ce soit plutot quand on clique dessus plutot que quand on passe la souri ? =) | | |
|
| |
VPeybernes
{ Membre actif }
Messages : 563
| C'est pour la chat box ? Parce que je ne vois rien ailleurs. Si c'est le cas c'est pas vraiment un accordéon qu'il de faut, mais plutôt un spoiler. | | |
|
| |
Mepheria
{ Membre }
Messages : 169
| bonjours, ah eu oui sa serai pour la chatbox mais pas que :/ comment faire? parce que l'acordéon sa marche mais il reste tous en haut EDIT : LOL si simplement - Code:
-
<table class="spoiler" width="90%" cellspacing="1" cellpadding="0" border="0" align="center"><tr><td style="cursor: pointer;"><span class="genmed"><b><img src="http://i30.servimg.com/u/f30/15/40/28/56/test10.png"/></b></span></td></tr><tr><td class="spoiler_closed"> </td><td class="spoiler_content hidden"><iframe src="/chatbox/chatbox.forum" width="750px" height="250px" valign="top" align="center" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe> </td></tr></table><span class="postbody">
*honteux* PS : y a pas moyen que ça coulisse plutot que sa apparaisse d'un coup? =) | | |
|
| |
Contenu sponsorisé
| |
| |
|