[Absolution V2] Banniere (header)

[Forzayew]

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é ?

[EnYgmA]

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 :

Code : Tout sélectionner

#header {
	width: 100%;

Ajouter après :

Code : Tout sélectionner

height: 150px;

( code servant à agrandir le header sur la hauteur, modifier 150 pour l'augmenter / diminuer )

Chercher :

Code : Tout sélectionner

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

Ajouter après :

Code : Tout sélectionner

/* Logo */
.logo-header {
    float: left;
    padding-top: 10px;
	padding-left: 5px;
    margin-top: 5px;
    margin-left: 5px;	
}

Ouvrir : styles / absolution_v2 / template / overall_header.html

Chercher :

Code : Tout sélectionner

<div class="float-left">
        <!-- IF $USE_IMAGESET_LOGO -->
            {SITE_LOGO_IMG}
        <!-- ELSE -->
            <h1>{SITENAME}</h1>
        <!-- ENDIF -->
        </div>

Remplacer par :

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>

Bien sûr ton image doit se trouver dans theme / images

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

[Forzayew]

Franchement merci de ta rapidité, je testerai ce soir

[Forzayew]

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

[Forzayew]

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 ?

[EnYgmA]

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

[Forzayew]

Mais la dimension ideale pour le style c'est combien?

[zach]

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

[Forzayew]

Merci de m'avoir éclairci

[EnYgmA]

Mais la dimension ideale pour le style c'est combien?

regarde par ici les tendances - Mars 2011



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