Centré la bannière de mon site [Réglé]
Visiteur
Boosteur Inactif
Car j'ai fait une bannière plus petite que la bannière d'origine . et en faite petit problème elle est pas centré ...
Donc je souhaiterai savoir comment la centré
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Dans la classe de ton header
Visiteur
Boosteur Inactif
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement

Non allez sérieusement

C'est celle là :
Code CSS :
div#header_container,div#header_admin_container { }
http://www.phpboost.com/wiki/le-design-css#paragraph_le-header
Visiteur
Boosteur Inactif
j'ai régénéré le cache au cas ou , j'ai vidé mon cache de mon navigateur etc ... ( car hier j'ai eu le problème pour la couleur de fond du site qui voulais pas changer )
voici la partie de mon code que j'ai modifier :
Code CSS :
/* ##### Entéte de la page ###### */ div#header_container,div#header_admin_container { background: url(images/header.png) no-repeat; float:center; margin-right:1px; margin-bottom:8px; }
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Code CSS :
/* ##### Entéte de la page ###### */ div#header_container,div#header_admin_container { background: url(images/header.png) no-repeat center; margin-right:1px; margin-bottom:8px; }
Et comme ça ?
Tu utilise le thème fixe ou extensible ?
Visiteur
Boosteur Inactif
.mon image se nomme header.png

J'ia tester sa faisait pas mal j'avais un tigre en plein milieu de ma page

si tu veux voir ce que sa donnait voici le lien : mon site
Par contre je comprend pas car dans le panneau d'administration il est bien placé au centre ... en haut ...
Édité par Visiteur Le 11/08/2009 à 19h12
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Colle le ici
Visiteur
Boosteur Inactif
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/{THEME}/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"> <!-- 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}); end = new Date(year, month, day, hour, minute, second); release_time = (end.getTime() - (now.getTime() {TIMEZONE_DELAY_NOW}))/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> # 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>
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
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/{THEME}/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"> <!-- 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}); end = new Date(year, month, day, hour, minute, second); release_time = (end.getTime() - (now.getTime() {TIMEZONE_DELAY_NOW}))/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> # 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>
Édité par ReidLos Le 11/08/2009 à 19h30
Visiteur
Boosteur Inactif
cela venait de quoi ?
Par contre j'ai utiliser ton theme et si tu regarde bien au niveau du forum y a un petit défaut ( un jolie barre blanche au lieu d'une barre noir à mon avis ) . lool
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
Fait moi une copie d'écran s'il te plaît et précise moi le navigateur utilisé
Je dois encore tous les reprendre et les proposer en version final, ce qui serait sympa c'est de me signaler les erreurs justement....
Visiteur
Boosteur Inactif
Je t'es fait une capture avec tout les navigateur ( ie8 , safari , chrome , opera , firefox ) par contre c'est toute les dernières versions des navigateurs car j'ai constatez que suivant le navigateur la barre était différente
Caché :
Safari
Opera
ie8
Firefox

Chrome
Safari
Opera
ie8
Firefox

Chrome
ReidLos Membre non connecté
-
Modérateur
- Voir le profil du membre ReidLos
- Inscrit le : 27/02/2009
- Site internet
- Groupes :
-
Equipe Développement
je met a jour l'archive ce soir, comme ça au moins sera terminé
Visiteur
Boosteur Inactif
!!!!!Dans panneau d'administration , contenu ==> fichiers ==> Gestion
Dans la case adresse c'est écrit en blanc sur du blanc ...
Bon, pour en finir avec ma bannière ( et oui je suis un peu trop novice en TPL et CSS
)je voudrais juste un peu descendre les case connexion et les texte qui remplace connexion une fosi connecter . car pour le moment il sont un peut sur la bannière ...

j'ai oublier la capture d'écran :
Caché :

Édité par Visiteur Le 11/08/2009 à 20h59
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie