[Absolution V2] Banniere (header)

Image Toutes les demandes de support touchant au style de votre forum.
Règles du forum
[Nom exact du style] Description de votre problème
Verrouillé
     

Auteur du sujet
Forzayew
Messages : 19
Enregistré le : mars 2012

[Absolution V2] Banniere (header)

Message par Forzayew » jeu. 15 mars 2012 23:40

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

Avatar du membre

EnYgmA
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 8643
Enregistré le : avril 2010
Hébergeur(s) : Monarobase
Localisation : Lyon
Contact :

Re: [Absolution V2] Banniere (header)

Message par EnYgmA » ven. 16 mars 2012 07:40

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 :clin:

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

Image

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 :clin:

rafraîchis le theme / template est c'est good :clin:
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 - Forum informatique


Auteur du sujet
Forzayew
Messages : 19
Enregistré le : mars 2012

Re: [Absolution V2] Banniere (header)

Message par Forzayew » ven. 16 mars 2012 08:00

Franchement merci de ta rapidité, je testerai ce soir :vivepa:


Auteur du sujet
Forzayew
Messages : 19
Enregistré le : mars 2012

Re: [Absolution V2] Banniere (header)

Message par Forzayew » sam. 17 mars 2012 01:47

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


Auteur du sujet
Forzayew
Messages : 19
Enregistré le : mars 2012

Re: [Absolution V2] Banniere (header)

Message par Forzayew » sam. 17 mars 2012 12:57

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 ?

Avatar du membre

EnYgmA
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 8643
Enregistré le : avril 2010
Hébergeur(s) : Monarobase
Localisation : Lyon
Contact :

Re: [Absolution V2] Banniere (header)

Message par EnYgmA » sam. 17 mars 2012 13:02

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 :clin:
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 - Forum informatique


Auteur du sujet
Forzayew
Messages : 19
Enregistré le : mars 2012

Re: [Absolution V2] Banniere (header)

Message par Forzayew » sam. 17 mars 2012 14:53

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

Avatar du membre

zach
Support phpBB Assistance
Support phpBB Assistance
Messages : 1313
Enregistré le : décembre 2010

Re: [Absolution V2] Banniere (header)

Message par zach » sam. 17 mars 2012 18:12

Salut

La dimension idéale des bannières c'est celle qui va bien avec ton écran

Image

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

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


Auteur du sujet
Forzayew
Messages : 19
Enregistré le : mars 2012

Re: [Absolution V2] Banniere (header)

Message par Forzayew » sam. 17 mars 2012 18:42

Merci de m'avoir éclairci

Avatar du membre

EnYgmA
Administrateur phpBB Assistance
Administrateur phpBB Assistance
Messages : 8643
Enregistré le : avril 2010
Hébergeur(s) : Monarobase
Localisation : Lyon
Contact :

Re: [Absolution V2] Banniere (header)

Message par EnYgmA » mar. 1 mai 2012 09:08

Forzayew a écrit : Mais la dimension ideale pour le style c'est combien?
regarde par ici les tendances - Mars 2011

Image

Je peux difficilement répondre à ces questions dans le sens où je suis en Dual Screen ( 1920 x 1080 / 1680 1050 ) :^^:
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 - Forum informatique

Verrouillé

Retourner vers « Support Styles phpBB3 »