[Absolution V2] Banniere (header)
Règles du forum
[Nom exact du style] Description de votre problème
[Nom exact du style] Description de votre problème
[Absolution V2] Banniere (header)
Bonsoir je désirerais mettre une bannière mais sur le style il y a logo-text-bg.png et Header.gif comment faire pour ne mettre qu'une seule bannière sans que ça dépasse sur les coté ?
-
- Administrateur phpBB Assistance
- Messages : 8664
- Enregistré le : 19 avril 2010
- Hébergeur(s) : Monarobase
- Localisation : Au soleil
- Contact :
Re: [Absolution V2] Banniere (header)
Hello,
alors je viens de tester c'est tout bon mais faut mettre les mains dedans car pour avoir un bon résultat faut poser des rustines
Je te donne les codes en fonction de mon exemple à toi d'adapter pour ton header

Ouvrir : styles / absolution_v2 / theme / absolution.css
Chercher :
Ajouter après :
( code servant à agrandir le header sur la hauteur, modifier 150 pour l'augmenter / diminuer )
Chercher :
Ajouter après :
Ouvrir : styles / absolution_v2 / template / overall_header.html
Chercher :
Remplacer par :
Bien sûr ton image doit se trouver dans theme / images
rafraîchis le theme / template est c'est good
alors je viens de tester c'est tout bon mais faut mettre les mains dedans car pour avoir un bon résultat faut poser des rustines

Je te donne les codes en fonction de mon exemple à toi d'adapter pour ton header


Ouvrir : styles / absolution_v2 / theme / absolution.css
Chercher :
Code : Tout sélectionner
#header {
width: 100%;
Code : Tout sélectionner
height: 150px;
Chercher :
Code : Tout sélectionner
.clear { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}
Code : Tout sélectionner
/* Logo */
.logo-header {
float: left;
padding-top: 10px;
padding-left: 5px;
margin-top: 5px;
margin-left: 5px;
}
Chercher :
Code : Tout sélectionner
<div class="float-left">
<!-- IF $USE_IMAGESET_LOGO -->
{SITE_LOGO_IMG}
<!-- ELSE -->
<h1>{SITENAME}</h1>
<!-- ENDIF -->
</div>
Code : Tout sélectionner
<div class="logo-header">
<a href="{U_INDEX}"><img src="{T_THEME_PATH}/images/logo.png" width="LARGEUR" height="HAUTEUR" alt="Ton domaine" /></a>
</div>


rafraîchis le theme / template est c'est good

Très absent en ce moment ...
Conditions générales de services - Conditions générales de support - C.G.U
Merci de mettre un titre de sujet explicite pour toutes vos demandes de support
Référencement gratuit
Conditions générales de services - Conditions générales de support - C.G.U
Merci de mettre un titre de sujet explicite pour toutes vos demandes de support
Référencement gratuit
Re: [Absolution V2] Banniere (header)
Franchement merci de ta rapidité, je testerai ce soir 

Re: [Absolution V2] Banniere (header)
Merci , mais j'ai du retirer :
/* Logo */
.logo-header {
float: left;
padding-top: 10px;
padding-left: 5px;
margin-top: 5px;
margin-left: 5px;
}
Car ça me déplaçait ma bannière mais j'ai un fond blanc juste en dessous comment le retirer ?
http://www.fmcenter.fr
/* Logo */
.logo-header {
float: left;
padding-top: 10px;
padding-left: 5px;
margin-top: 5px;
margin-left: 5px;
}
Car ça me déplaçait ma bannière mais j'ai un fond blanc juste en dessous comment le retirer ?
http://www.fmcenter.fr
Re: [Absolution V2] Banniere (header)
et sur mon pc c'est nickel mais sur un autre pc ou sur mon mobile la bannière dépasse trop sur la droite la taille idéal serait ?
-
- Administrateur phpBB Assistance
- Messages : 8664
- Enregistré le : 19 avril 2010
- Hébergeur(s) : Monarobase
- Localisation : Au soleil
- Contact :
Re: [Absolution V2] Banniere (header)
Il faudrait que tu réduises la taille de ta bannière pour ensuite adapter le css en fonction des dimensions que tu vas indiquer dans le code html 

Très absent en ce moment ...
Conditions générales de services - Conditions générales de support - C.G.U
Merci de mettre un titre de sujet explicite pour toutes vos demandes de support
Référencement gratuit
Conditions générales de services - Conditions générales de support - C.G.U
Merci de mettre un titre de sujet explicite pour toutes vos demandes de support
Référencement gratuit
Re: [Absolution V2] Banniere (header)
Mais la dimension ideale pour le style c'est combien?
Re: [Absolution V2] Banniere (header)
Salut
La dimension idéale des bannières c'est celle qui va bien avec ton écran

Voila donc ca n'existe pas, car il n'y a pas de dimension "Idéale" de l'écran de tout le monde
Et je parle pas des mobiles ....
La dimension des bannières au sens "strict" c'est connu http://fr.wikipedia.org/wiki/Wikip%C3%A ... s_et_logos
Donc si ton site a une dimension variable, le mieux à faire serait une bannière en background centrée au milieu, qui serait suffisamment large pour couvrir toutes les dimensions max, en 2 mots faut refaire ta bannière
La dimension idéale des bannières c'est celle qui va bien avec ton écran

Voila donc ca n'existe pas, car il n'y a pas de dimension "Idéale" de l'écran de tout le monde

Et je parle pas des mobiles ....
La dimension des bannières au sens "strict" c'est connu http://fr.wikipedia.org/wiki/Wikip%C3%A ... s_et_logos
Donc si ton site a une dimension variable, le mieux à faire serait une bannière en background centrée au milieu, qui serait suffisamment large pour couvrir toutes les dimensions max, en 2 mots faut refaire ta bannière
Re: [Absolution V2] Banniere (header)
Merci de m'avoir éclairci
-
- Administrateur phpBB Assistance
- Messages : 8664
- Enregistré le : 19 avril 2010
- Hébergeur(s) : Monarobase
- Localisation : Au soleil
- Contact :
Re: [Absolution V2] Banniere (header)
regarde par ici les tendances - Mars 2011Forzayew a écrit : Mais la dimension ideale pour le style c'est combien?

Je peux difficilement répondre à ces questions dans le sens où je suis en Dual Screen ( 1920 x 1080 / 1680 1050 )

Très absent en ce moment ...
Conditions générales de services - Conditions générales de support - C.G.U
Merci de mettre un titre de sujet explicite pour toutes vos demandes de support
Référencement gratuit
Conditions générales de services - Conditions générales de support - C.G.U
Merci de mettre un titre de sujet explicite pour toutes vos demandes de support
Référencement gratuit