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.


1 résultat trouvé pour auteur_Dieu_Du-Ciel

Dieu Du-Ciel

Header sous phpBB2 - 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 ^^


Revenir en haut

La date/heure actuelle est Dim 28 Avr 2024 - 10:28