Documentations et Dossiers [Réglé] lien dynamique verticale accordeon
voila swan ^^
Code HTML :
Edité par
Theswat
Le 23/11/2011 à 14h27
[html] <div id="test-accordion" class="accordion"> <div class="accordion-toggle">Information</div> <div class="accordion-content"> <p> <ul class="menu_vertical_0 menu_vertical"> <li> <a title="Detail du jeu" href="/forum/topic.php?id=367#m2013"><img alt="" class="valign_middle" src="http://www.e-tchat.net/s3430/avatars/ef76ebc05ec8bdac2323d37ffc06f96f"/></a> <a title="Detail du jeu" href="/forum/topic.php?id=367#m2013">Detail du jeu</a> </li> <li> <a title="Hommage: l'Histoire" href="/pages/pages.php?title=hommage-son-histoire"><img alt="" class="valign_middle" src="http://www.e-tchat.net/s3430/avatars/ef76ebc05ec8bdac2323d37ffc06f96f"/></a> <a title="Hommage: l'Histoire" href="/pages/pages.php?title=hommage-son-histoire">L'Histoire</a> </li> <li> <a title="Règlement" href="/pages/pages.php?title=reglement"><img alt="" class="valign_middle" src="/b-reglement-5cc6b6.png"/></a> <a title="Règlement" href="/pages/pages.php?title=reglement">Règlement</a> </li> <li> <a title="Membres online" href="/pages/pages.php?title=membre-online"><img alt="" class="valign_middle" src="http://www.adenahome.com/images/Lineage2.gif"/></a> <a title="Membres online" href="/pages/pages.php?title=membre-online">Membres online</a> </li> <li> <a title="Nous rejoindre" href="/forum/topic.php?id=56"><img alt="" class="valign_middle" src="/gm4.png"/></a> <a title="Nous rejoindre" href="/forum/topic.php?id=56">Nous rejoindre</a> </li> <li> <a title="Crée ton Compte" href="/pages/pages.php?title=cree-ton-compte-jeux"><img alt="" class="valign_middle" src="/gm4.png"/></a> <a title="Crée ton Compte" href="/pages/pages.php?title=cree-ton-compte-jeux">Compte Jeux</a> </li> <li> <a title="Dropcalc" href="http://dropcalc.l2hommage.eu"><img alt="" class="valign_middle" src="/790.jpg"/></a> <a title="Dropcalc" href="http://dropcalc.l2hommage.eu">Dropcalc</a> </li> <li> <a title="Partenaire" href="/pages/pages.php?title=construction"><img alt="" class="valign_middle" src="/wiki/wiki_mini.png"/></a> <a title="Partenaire" href="/pages/pages.php?title=construction">Partenaire</a> </li> <li> <a title="Contact" href="/contact/contact.php"><img alt="" class="valign_middle" src="/contact/contact_mini.png"/></a> <a title="Contact" href="/contact/contact.php">Contact</a> </li> </ul> </p> </div> <div class="accordion-toggle">Communaute Hommage</div> <div class="accordion-content"> <p> <ul class="menu_vertical_0 menu_vertical"> <li> <a title="Membres du site" href="/member/member.php"><img alt="" class="valign_middle" src="/templates/FFXIII_Versus/images/admin/groups_mini.png"/></a> <a title="Membres du site" href="/member/member.php">Membres du site</a> </li> <li> <a title="Forum" href="/forum/index.php"><img alt="" class="valign_middle" src="/forum/forum_mini.png"/></a> <a title="Forum" href="/forum/index.php">Forum</a> </li> <li> <a title="Teamspeak" href="/pages/pages.php?title=statut-du-teamspeak"><img alt="" class="valign_middle" src="/ts.png"/></a> <a title="Teamspeak" href="/pages/pages.php?title=statut-du-teamspeak">Teamspeak</a> </li> <li> <a title="F.A.Q" href="/faq/faq.php"><img alt="" class="valign_middle" src="/faq/faq_mini.png"/></a> <a title="F.A.Q" href="/faq/faq.php">F.A.Q</a> </li> <li> <a title="Liens web" href="/web/web.php"><img alt="" class="valign_middle" src="/web/web_mini.png"/></a> <a title="Liens web" href="/web/web.php">Liens</a> </li> <li> <a title="Castle" href="/pages/pages.php?title=castel"><img alt="" class="valign_middle" src="http://www.adenahome.com/images/Lineage2.gif"/></a> <a title="Castle" href="/pages/pages.php?title=castel">Castle</a> </li> </ul> </p> </div> <div class="accordion-toggle">Media et téléchargement</div> <div class="accordion-content"> <p> <ul class="menu_vertical_0 menu_vertical"> <li> <a title="Téléchargements" href="/download/download.php"><img alt="" class="valign_middle" src="/download/download_mini.png"/></a> <a title="Téléchargements" href="/download/download.php">Téléchargements</a> </li> <li> <a title="Multimédia" href="/media/media.php"><img alt="" class="valign_middle" src="/media/media_mini.png"/></a> <a title="Multimédia" href="/media/media.php">Multimédia</a> </li> <li> <a title="Galerie" href="/gallery/gallery.php"><img alt="" class="valign_middle" src="/gallery/gallery_mini.png"/></a> <a title="Galerie" href="/gallery/gallery.php">Galerie</a> </li> </ul> </p> </div> <div class="accordion-toggle">Divers</div> <div class="accordion-content"> <p> <ul class="menu_vertical_0 menu_vertical"> <li> <a title="Bouton pour votre site" href="/pages/pages.php?title=bouton-votez"><img alt="" class="valign_middle" src="http://www.1001-votes.com/vote/images/selectb.gif"/></a> <a title="Bouton pour votre site" href="/pages/pages.php?title=bouton-votez">Bouton pour site</a> </li> </ul> </p> </div> </div> <li> <a title="Contact" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id= D84LGSVJ69RUJ"><img alt="" class="valign_middle" src="/paypal.gif"/></a> <a title="Contact" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id= D84LGSVJ69RUJ"></a> </li> [/html]
oui il est a la racine du dossier thème comme expliquer
code du Header.tpl
code du Header.tpl
Code PHP :
Edité par
Theswat
Le 23/11/2011 à 16h32
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{L_XML_LANGUAGE}" >
<head>
<title>{SITE_NAME} : {TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="{SITE_DESCRIPTION} {TITLE}" />
<meta name="keywords" content="{SITE_KEYWORD}" />
<meta http-equiv="Content-Language" content="{L_XML_LANGUAGE}" />
<!-- Default CSS -->
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/default/theme/default.css" type="text/css" media="screen, print, handheld" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/default/framework/content/syndication/syndication.css" type="text/css" media="screen, print, handheld" />
<!-- Theme CSS -->
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/design.css" type="text/css" media="screen" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/global.css" type="text/css" media="screen, print, handheld" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/generic.css" type="text/css" media="screen, print, handheld" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/content.css" type="text/css" media="screen, print, handheld" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/bbcode.css" type="text/css" media="screen, print, handheld" />
<link rel="stylesheet" href="{PATH_TO_ROOT}/templates/{THEME}/theme/default.css" type="text/css" media="screen, print, handheld" />
<!-- Alternative CSS -->
{ALTERNATIVE_CSS}
<link rel="shortcut icon" href="{PATH_TO_ROOT}/favicon.ico" type="image/x-icon" />
<link rel="alternate" href="{PATH_TO_ROOT}/syndication.php?m=news" type="application/rss+xml" title="RSS {SITE_NAME}" />
<script type="text/javascript">
<!--
var PATH_TO_ROOT = "{PATH_TO_ROOT}";
var TOKEN = "{TOKEN}";
-->
</script>
# IF C_BBCODE_TINYMCE_MODE # <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/content/tinymce/tiny_mce.js"></script> # ENDIF #
<script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/js/scriptaculous/prototype.js"></script>
<script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/js/scriptaculous/scriptaculous.js"></script>
<script type="text/javascript" src="{PATH_TO_ROOT}/kernel/framework/js/global.js"></script>
<script type="text/javascript" src="{PATH_TO_ROOT}/templates/{THEME}/js/accordion.js"></script>
</head>
<body>
# IF C_MAINTAIN_DELAY #
# IF C_ALERT_MAINTAIN #
<div style="position:absolute;top:5px;width:99%;">
<div style="position:relative;width:400px;margin:auto;margin-top:30px;" class="warning">
{L_MAINTAIN_DELAY}
<br /><br />
<script type="text/javascript">
document.write('<div id="release">{L_LOADING}...</div>');
</script>
<noscript>
<strong>{DELAY}</strong>
</noscript>
</div>
</div>
# ENDIF #
<script type="text/javascript">
<!--
var release_timeout_seconds = 0;
function release(year, month, day, hour, minute, second)
{
if (document.getElementById('release'))
{
var sp_day = 86400;
var sp_hour = 3600;
var sp_minute = 60;
now = new Date({MAINTAIN_NOW_FORMAT}+release_timeout_seconds++);
end = new Date(year, month, day, hour, minute, second);
release_time = (end.getTime() - now.getTime())/1000;
if( release_time <= 0 )
{
document.location.reload();
release_time = '0';
}
else
timeout = setTimeout('release('+year+', '+month+', '+day+', '+hour+', '+minute+', '+second+')', 1000);
release_days = Math.floor(release_time/sp_day);
release_time -= (release_days * sp_day);
release_hours = Math.floor(release_time/sp_hour);
release_time -= (release_hours * sp_hour);
release_minutes = Math.floor(release_time/sp_minute);
release_time -= (release_minutes * sp_minute);
release_seconds = Math.floor(release_time);
release_seconds = (release_seconds < 10) ? '0' + release_seconds : release_seconds;
document.getElementById('release').innerHTML = '<strong>' + release_days + '</strong> {L_DAYS} <strong>' + release_hours + '</strong> {L_HOURS} <strong>' + release_minutes + '</strong> {L_MIN} <strong>' + release_seconds + '</strong> {L_SEC}';
}
}
if ({UNSPECIFIED})
release({MAINTAIN_RELEASE_FORMAT});
else
{
if (document.getElementById('release'))
document.getElementById('release').innerHTML = '<strong>{DELAY}</strong>';
}
-->
</script>
# ENDIF #
<div id="bg_up">
<div id="global">
<div id="header_container">
<div id="masthead_container">
<div id="masthead">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24"
width="1000" height="400">
<param name="movie" value="{PATH_TO_ROOT}/templates/{THEME}/fl/wow3_header.swf" />
<param name="quality" value="high" />
<param name="menu" value="false" />
<param name="wmode" value="transparent" />
<param name="allowScriptAccess" value="sameDomain" />
<!--[if !IE]> <-->
<object data="{PATH_TO_ROOT}/templates/{THEME}/fl/wow3_header.swf"
width="1000" height="400" type="application/x-shockwave-flash">
<param name="quality" value="high" />
<param name="menu" value="false" />
<param name="allowScriptAccess" value="sameDomain" />
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
<param name="wmode" value="transparent" />
FAIL (the browser should render some flash content, not this).
</object>
<!--> <![endif]-->
</object>
</div>
</div>
<div id="header">
<h1 style="display:none;font-size:9px;">{SITE_NAME}</h1>
# IF C_MENUS_HEADER_CONTENT #
{MENUS_HEADER_CONTENT}
# ENDIF #
</div>
<div id="sub_header">
# IF C_MENUS_SUB_HEADER_CONTENT #
{MENUS_SUB_HEADER_CONTENT}
# ENDIF #
</div>
<div class="spacer"></div>
</div>
# IF C_COMPTEUR #
<div id="compteur">
<span class="text_strong">{L_VISIT}:</span> {COMPTEUR_TOTAL}
<br />
<span class="text_strong">{L_TODAY}:</span> {COMPTEUR_DAY}
</div>
# ENDIF #
<div id="main_content">
<div id="links">
<a class="small_link" href="{START_PAGE}" title="{L_INDEX}">{L_INDEX}</a>
# START link_bread_crumb #
<img src="{PATH_TO_ROOT}/templates/{THEME}/images/breadcrumb.png" alt="" class="valign_middle" style="margin-top:3px;" /> <a class="small_link" href="{link_bread_crumb.URL}" title="{link_bread_crumb.TITLE}">{link_bread_crumb.TITLE}</a>
# END link_bread_crumb #
</div>
<?php if (strpos(SCRIPT, '/forum/') === false)
{ ?>
# IF C_MENUS_LEFT_CONTENT #
<div id="left_menu">
{MENUS_LEFT_CONTENT}
</div>
# ENDIF #
# IF C_MENUS_RIGHT_CONTENT #
<div id="right_menu">
{MENUS_RIGHT_CONTENT}
</div>
# ENDIF #
<?php} ?>
<div id="main">
# IF C_MENUS_TOPCENTRAL_CONTENT #
<div id="top_contents">
{MENUS_TOPCENTRAL_CONTENT}
</div>
# ENDIF #
Bon... C'est bien se que je dis !
Ou est dans ton header.tpl, appelles tu le "accordion.css"?
Je ne vois l'appel que du JS moi .. Ou je suis bigleuse
Ou est dans ton header.tpl, appelles tu le "accordion.css"?
Je ne vois l'appel que du JS moi .. Ou je suis bigleuse
non mais tu n'a pas modifier le bon fichier :
Citation:
Rendez-vous dans "templates/Votre_Thème/theme/" et éditez le "design.css", rendez vous en dessous de la dernière ligne et rajouter cette partie:
dans ton cas tu as modifier quel fichier ?¿
Citation:
Rendez-vous dans "templates/Votre_Thème/theme/" et éditez le "design.css", rendez vous en dessous de la dernière ligne et rajouter cette partie:
dans ton cas tu as modifier quel fichier ?¿
Accroche toi au clavier, je retire le shell...
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie