Remplacer le Header par un fichier flash ? [Réglé]
beninho Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre beninho
- Inscrit le : 12/08/2009
Je souhaite remplacer mon Header qui est actuellement une image au format .png par un fichier flash .swf
Mais seulement, je ne sais pas comment m'y prendre. Quelqu'un pourrait-il m'indiquer la marche à suivre ?
Merci beaucoup !
Visiteur
Boosteur Inactif
Il te faut repérer la balise div qui contient ton header.png en css, supprimer la ligne "background" du css , et mettre la balise complète en embed dans le header.tpl de ton thème dans le fameux div ^^
Le flash n'est pas accepté en css.
@imablement Swan.
Édité par Visiteur Le 01/03/2011 à 11h53
beninho Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre beninho
- Inscrit le : 12/08/2009
Pourrais tu me dire cependant à quelle ligne je dois mettre mon code embed dans le header.tpl ? (je ne m'y connais pas trop et je ne voudrais pas faire de boulette)
Merci.
Visiteur
Boosteur Inactif
- L'url de ton site si possible ... Merci.
- Tu utilises quel thème ?
- L'as tu déjà modifié ?
@imablement Swan.
Édité par Visiteur Le 01/03/2011 à 11h54
beninho Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre beninho
- Inscrit le : 12/08/2009
Sinon j'utilise le thème Base
Et il ne me semble pas avoir modifié mon header.tpl
Voici le contenu de ce fichier :
Code TPL :
<!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" /> <!-- 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> </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} <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="global"> <div id="header_container"> <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} <span class="text_strong">{L_TODAY}:</span> {COMPTEUR_DAY} </div> # ENDIF # # 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 # <div id="main"> # IF C_MENUS_TOPCENTRAL_CONTENT # <div id="top_contents"> {MENUS_TOPCENTRAL_CONTENT} </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" /> <a class="small_link" href="{link_bread_crumb.URL}" title="{link_bread_crumb.TITLE}">{link_bread_crumb.TITLE}</a> # END link_bread_crumb # </div>
Visiteur
Boosteur Inactif
Dans le thème base :
Code TPL :
Pour le css, dans le design.css à la ligne 34 :
Code CSS :
div#header_container, div#header_admin_container { background: url("images/header.png") no-repeat scroll 20px 0 transparent; /* Ici à commenter ou supprimer*/ margin-bottom: 8px; }
A toi de jouer ...
beninho Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre beninho
- Inscrit le : 12/08/2009
Visiteur
Boosteur Inactif

Désolée ...
beninho Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre beninho
- Inscrit le : 12/08/2009
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
