AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Header sous phpBB2

    Partagez
    Dieu Du-Ciel
    MasculinAge : 34Messages : 64

    le Mar 28 Juin 2011 - 12:31



    Édit responsable : Le code a été un peu modifié pour ne pas être aussi barbare.

    Bonjour les gens alors voilà après de multiples recherche je viens de trouver sur un site étranger comment ajouter un header (haut de page) sous phpBB2, donc je le partage. Pour ceux qui ne savent pas de quoi je parle, le header sera une image/couleur de fond derrière le logo.

    Dans les templates:

    "overall_header", et cherchez :

    Code:
    <table width="100%" cellspacing="0" cellpadding="0" border="0">
    <tr>
    <!-- BEGIN switch_logo_left -->

    et remplacer le table par:

    Code:
    <table class="headerbar" width="100%" cellspacing="0" cellpadding="0" border="0">

    Enregistrez et Publiez votre template, puis allez dans votre CSS (couleur et feuille de style CSS) et collez sa:

    Code:
    .headerbar {
    background-attachment: fixed;
    background-color: #color;
    background-image: url("adresse_url_de_l'image_de_fond");
    background-repeat: repeat;
    background-position: top left;
    }

    background-attachment:
    - Pour que l'image ne défile pas lorsque vous descendez, inscrivez fixed
    - Pour que l'image défile lorsque vous descendez, inscrivez scroll

    background-color:
    -La couleur de fond que vous souhaitez attribuer à la zone

    background-image:
    -Lien direct de votre image

    background-repeat:
    - Pour que l'image ne se répète pas, inscrivez no-repeat
    - Pour que l'image se répète en mosaïque, inscrivez repeat
    - Pour que l'image se répète horizontalement, inscrivez repeat-x
    - Pour que l'image se répète verticalement, inscrivez repeat-y

    background-position:
    - Pour aligner le fond en haut, inscrivez top
    - Pour aligner le fond en bas, inscrivez bottom
    - Pour aligner le fond au centre, inscrivez center
    - Pour aligner le fond à gauche, inscrivez left
    - Pour aligner le fond à droite, inscrivez right
    - Pour aligner le fond au centre, inscrivez center

    Voilà il me reste à trouver les bordure gauche/droite

    Merci de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^



    avatar
    Offrande
    FémininAge : 27Messages : 194

    le Ven 3 Mai 2013 - 23:39

    Merci beaucoup pour le partage !

    Je vais aller tester cela de suite comme personne ne l'as encore fait.
    et je vais même tenter de mettre m'as barre de navigation et ma zone de rechercher dedans, on verra bien ce que cela vas donner ham2

    Tendrement.
    avatar
    Okhmhaka
    FémininAge : 33Messages : 31851

    le Sam 4 Mai 2013 - 0:07

    Salut !

    Hum... j'ai des doutes. Tu remplaces un ouverture de tableau par le début d'une ligne de tableau, ça me parait un peu étrange. En plus, je ne vois pas vraiment ce que tu entends par "header"... Il faudrait peut-être un exemple visuel x)



    avatar
    Offrande
    FémininAge : 27Messages : 194

    le Lun 6 Mai 2013 - 4:19

    Bien je penser mettre la barre de navigation + la zone de recherche sur le header, le header servirait de fond comme sur l'ancienne version de NU Very Happy
    Unicat
    FémininAge : 25Messages : 48

    le Mer 12 Juin 2013 - 16:05

    Est-ce qu'on pourrait avoir un screen ou un exemple sur un forum test ? Parce que je ne voudrais pas installer ça sur mon forum et tout gâcher...



    :siffle: 
    avatar
    Offrande
    FémininAge : 27Messages : 194

    le Dim 30 Juin 2013 - 14:27

    Bonjour tout le mode,

    Bien ce serai comme un 2ème Background qui serais placer tout en haut du forum et celui-ci servirait de header comme sur pas mal de forum à ce que j'ai pus voir et il ferrait 100% de largeur :) .

    Bisous à tous.
    avatar
    Ne2faly
    MasculinAge : 23Messages : 15

    le Dim 1 Déc 2013 - 16:10

    Merci Very Happy!
    avatar
    Parka
    MasculinAge : 39Messages : 100

    le Jeu 19 Fév 2015 - 1:27

    Merci cher ami !
    avatar
    Samiki
    FémininAge : 20Messages : 84

    le Dim 24 Mai 2015 - 0:39

    Merciiii Very Happy




    Dakeris RPG ♦ Un monde nouveau régi par la peur
    Le forum ouvre ses portes, nous vous attendons nombreux !

    avatar
    P'tit loup
    MasculinAge : 35Messages : 438

    le Dim 21 Juin 2015 - 16:24

    merci beaucoup ^^



    avatar
    Hopefox
    FémininAge : 20Messages : 33

    le Lun 7 Sep 2015 - 15:14

    merci ! :)
    avatar
    Kelalin
    FémininAge : 25Messages : 1948

    le Lun 7 Sep 2015 - 17:50

    Merci beaucoup pour le partage ! \(>o<)ノ
    avatar
    LeMonarque
    MasculinAge : 32Messages : 26

    le Sam 13 Aoû 2016 - 12:26

    Merci
    avatar
    Illeanëlia
    FémininAge : 32Messages : 91

    le Mer 5 Juil 2017 - 23:44

    merci comme toujours très instructif pour progresser et pouvoir à mon tour faire de même.
    avatar
    Alsan
    MasculinAge : 21Messages : 53

    le Dim 7 Jan 2018 - 15:19

    Merci
    avatar
    mourad
    MasculinAge : 61Messages : 4

    le Ven 23 Fév 2018 - 12:57

    bonjour , en suivant bien les indications pour le faire , mon header ou image de tete n’apparaît pas . vous pourriez m'aider a comprendre , d'autant que suis nul hi . merci
    avatar
    Coco-Lapin02
    MasculinAge : 50Messages : 167

    le Mer 7 Mar 2018 - 1:59

    merci
    Contenu sponsorisé


      La date/heure actuelle est Jeu 20 Sep 2018 - 10:35