Personnalisation du logo pour le thème Darklight [Réglé]
Remplacé le logo actuel, par celui que j'ai crée ...
Créations de Thèmes
loreleil Membre non connecté
-
Booster Bazooka
- Voir le profil du membre loreleil
- Inscrit le : 20/10/2012
- Site internet
J'aimerai modifier le logo "PHPBoost votre site à portée de main !"
Par mon logo enregistrer au format png
Bon ce n'est qu'une première esquisse ...
Quel(s) fichier(s) faut il modifié(s) ?
Visiteur
Il n'y a pas de code BASH pour faire ça ?
Etant donné que je ne peux télécharger le thème rien n'est sûr, mais en général le logo du site est le fichier header.png, situé dans 'templates/nomdutheme/theme/images'.
loreleil Membre non connecté
-
Booster Bazooka
- Voir le profil du membre loreleil
- Inscrit le : 20/10/2012
- Site internet
Merci Schyzo!
J'ai remplacé le header (png première esquisse, renommer en header.png)
Code BASH :
# mv /home/loreleil/telecharge/header.png /var/www/yunohost/apps/phpboost/templates/darklight/theme/images/header.png
Mais, ce n'est pas le résultat escompté ...
Visiteur
On dirait que PBT ne charge pas tes fichiers CSS..
As-tu touché à quelque chose d'autre à part le header.png ?
loreleil Membre non connecté
-
Booster Bazooka
- Voir le profil du membre loreleil
- Inscrit le : 20/10/2012
- Site internet
* edit *
À si, pardon, j'avais zappé ...
le header.tpl tel que préconisé dans le bugtracker http://www.phpboost.com/bugtracker/bugtracker-462.php?com=0#m2595
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}" /> <base href="{BASE_URI}" /> <!-- 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 --> # IF C_CSS_CACHE_ENABLED # <link rel="stylesheet" href="{PATH_TO_ROOT}/kernel/css_cache.php?name=theme-{THEME}&files= /templates/{THEME}/theme/design.css; /templates/{THEME}/theme/global.css; /templates/{THEME}/theme/generic.css; /templates/{THEME}/theme/content.css; /templates/{THEME}/theme/bbcode.css" type="text/css" media="screen, print, handheld" /> # ELSE # <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" /> # ENDIF # <!-- Modules CSS --> {MODULES_CSS} # IF C_FAVICON # <link rel="shortcut icon" href="{FAVICON}" type="{FAVICON_TYPE}" /> # ENDIF # <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}"; var THEME = "{THEME}"; var LANG = "{LANG}"; --> </script> <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/lib/js/scriptaculous/prototype.js"></script> <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/lib/js/scriptaculous/scriptaculous.js"></script> <script type="text/javascript" src="{PATH_TO_ROOT}/kernel/lib/js/global.js"></script> </head> <body> # IF C_HEADER_LOGO # <style type="text/css"> div#header_container { background: url('{HEADER_LOGO}') no-repeat; } </style> # ENDIF # <div id="scroll_top_page" /> # INCLUDE MAINTAIN # <div id="main_container"> <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"> <div style="padding-top:39px;"> # IF C_MENUS_SUB_HEADER_CONTENT # {MENUS_SUB_HEADER_CONTENT} # ENDIF # </div> <div class="spacer"></div> </div> </div> <div id="global"> <div id="global2"> # 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 # # 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 loreleil Le 11/11/2012 à 13h34
Visiteur
loreleil Membre non connecté
-
Booster Bazooka
- Voir le profil du membre loreleil
- Inscrit le : 20/10/2012
- Site internet
Schyzo :
As-tu essayé de régénérer le cache ?
C'est chose faite à présent.
Même situation, une page "site" en texte brut.
Visiteur
loreleil Membre non connecté
-
Booster Bazooka
- Voir le profil du membre loreleil
- Inscrit le : 20/10/2012
- Site internet
J'ai essaye de passer ce dernier au niveau bas, sans résultat (même page)
Niveau d'optimisation bas
Une désactivation (complète) du cache m'affiche à présent le site,
mais pas le nouveau logo, enfin pas en entier, j'aperçois le fond noir (nouveau logo) et des résidus de l'ancien.
header.tpl ???
une histoire de dimension, non ?
Visiteur
loreleil Membre non connecté
-
Booster Bazooka
- Voir le profil du membre loreleil
- Inscrit le : 20/10/2012
- Site internet
loreleil Membre non connecté
-
Booster Bazooka
- Voir le profil du membre loreleil
- Inscrit le : 20/10/2012
- Site internet
Et là, un ange passe ...
Réflexion faite ... la taille de mon png !!
Celui d'origine fait 70.1 kioctets
Or le mien en fait, un tout petit peu plus ... 943,0 kio
Je vais avant toute chose reconstruire un logo de même poids ...
Visiteur
Mais si ton image fait presque 1Mo en PNG alors il faut certainement la réduire ^^
loreleil Membre non connecté
-
Booster Bazooka
- Voir le profil du membre loreleil
- Inscrit le : 20/10/2012
- Site internet
Si j'ai un temps soit peu compris, c'est ici que cela devrait se passer pour la suite, après avoir un png de 70.1 kio max.
Code CSS :
* ##### Entéte de la page ###### */ div#header_container,div#header_admin_container { width:1012px; margin:auto; margin-top:15px; } /* ##### Entéte de la page ###### */ div#header,div#header_admin { height:60px; background:url(images/header.png) no-repeat; } /* ##### Conteneur en dessous de l'entéte ###### */ div#sub_header,div#sub_header_admin { height:65px; padding:0; padding-right:10px; background:url(images/subheader.jpg) no-repeat; } div#sub_header p a { color:#FFF; }
Visiteur
Code CSS :
div#header,div#header_admin { height:60px;
Il faura sûrement modifier la 'height' pour afficher ton image entièrement.
Comme précédemment dis, le poids de ton image n'influe pas sur sa visibilité, uniquement les dimensions.
Par contre si elle est lourde (comme la tienne actuelle, 1Mo c'est beaucoup trop lourd) les gens mettront du temps à l'afficher et certains (comme moi, travaillant actuellement avec un débit de 5Ko/s) quitteront rapidement ton site ^^
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie