AccueilDernières imagesRechercherS'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.

Le Deal du moment : -17%
(Black Friday) Apple watch Apple SE GPS + Cellular ...
Voir le deal
249 €

    Header sous phpBB2

    avatar
    Dieu Du-Ciel
    MasculinAge : 40Messages : 64

    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 ^^



    Header sous phpBB2 Sansre2wy
    Offrande
    Offrande
    FémininAge : 33Messages : 194

    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.
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    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)



    sign
    Offrande
    Offrande
    FémininAge : 33Messages : 194

    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
    avatar
    Unicat
    FémininAge : 31Messages : 48

    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: 
    Offrande
    Offrande
    FémininAge : 33Messages : 194

    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.
    Ne2faly
    Ne2faly
    MasculinAge : 29Messages : 15

    Dim 1 Déc 2013 - 16:10

    Merci Very Happy!
    Parka
    Parka
    MasculinAge : 45Messages : 100

    Jeu 19 Fév 2015 - 1:27

    Merci cher ami !
    Samiki
    Samiki
    FémininAge : 26Messages : 84

    Dim 24 Mai 2015 - 0:39

    Merciiii Very Happy



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

    P'tit loup
    P'tit loup
    MasculinAge : 42Messages : 451

    Dim 21 Juin 2015 - 16:24

    merci beaucoup ^^



    Header sous phpBB2 30xivrd
    Hopefox
    Hopefox
    FémininAge : 27Messages : 36

    Lun 7 Sep 2015 - 15:14

    merci ! :)
    Anonymous
    Invité

    Lun 7 Sep 2015 - 17:50

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

    Sam 13 Aoû 2016 - 12:26

    Merci
    Illeanëlia
    Illeanëlia
    FémininAge : 38Messages : 404

    Mer 5 Juil 2017 - 23:44

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

    Dim 7 Jan 2018 - 15:19

    Merci
    mourad
    mourad
    MasculinAge : 67Messages : 4

    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
    Coco-Lapin02
    Coco-Lapin02
    MasculinAge : 56Messages : 167

    Mer 7 Mar 2018 - 1:59

    merci
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 11:44