Partagez | 
 

 Bannière de fond + Pattern = Deux fonds.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage

avatar

JE SUIS.. Invité !
Invité




profil +

MessageSujet: Bannière de fond + Pattern = Deux fonds.   Mar 13 Nov - 6:40



Installer deux fonds
Ajouter un pattern en fond quand on a déjà une bannière de fond

Titre ; Bannière de fond + Pattern = Deux fonds
Langages ; CSS (et un peu de HTML)
Niveau ; Débutant
Informations ; Il vous faut avoir accès aux templates de votre forum, donc être fondateur.
On va déjà installer la bannière de fond. Pour se faire, il faudra l'installer via la feuille de style CSS. Il vous faut donc y placer le codage CSS suivant (Panneau d'administration ► Affichage ► Images & Couleurs ► Couleurs ► Feuille de style CSS). Copiez-collez, ajoutez l'url de votre bannière à l'endroit prévu, puis validez la feuille :
Code:
div#background2{
      width: 100%; height: 100%;
      margin: 0px; padding: 0px;
      background: transparent url('ADRESSE DE L'IMAGE DE VOTRE BANINERE') top center no-repeat;}
A savoir ; Il n'y a rien à changer mis à part l'url de l'image. La bannière est actuellement centrée en haut de la page.

Pour ce qui est de votre pattern -ou tout autre image que vous voulez en fond de page, DERRIÈRE votre bannière-, vous l'installez normalement, via la gestion des images, dans le champ Image du fond de page :. N'oubliez pas d'enregistrer vos modifications !

Pour que l'effet soit visible, il vous faut évidement ajouter l'id à votre forum. Direction les templates et plus particulièrement le template overall_header (Panneau d'administration ► Affichage ► Templates ► Général) dans lequel vous cherchez la balise d'ouverture du BODY :
Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
Utilisez CTRL+F si besoin est. Juste après cette balise d'ouverture, ouvrez votre id. Copiez/collez ceci :
Code:
<div id="background2"><!--début balise second fond-->
Ensuite, il faut bien évidemment fermer votre balise id. et ça, c'est à faire juste avant la balise de fermeture < / BODY >, tout en bas de votre template :
Code:
</div><!--fermeture balise second background-->
. N'oubliez pas d'enregistrer et de publier votre template !
A savoir ; N'oubliez pas non plus d'ajouter une banière normale en .pnj dite "vide" et de laisser le champ couleur Couleur intérieure du cadre du forum : vide, pour que les fonds soient visibles !
Revenir en haut Aller en bas

avatar

JE SUIS.. Invité !
Invité




profil +

MessageSujet: Re: Bannière de fond + Pattern = Deux fonds.   Mar 13 Nov - 21:04


Merci beaucoup de nous avoir fait part de cet utile tutoriel.
Revenir en haut Aller en bas

avatar

JE SUIS.. Sunhae !
THE Queen of Xyon Xyon

THE Queen of Xyon Xyon



profil +

MessageSujet: Re: Bannière de fond + Pattern = Deux fonds.   Mer 14 Nov - 11:02


Merci ! (:
Je connaissais déjà mais je faisais pas comme sa O:



CHAPELIER FOU
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://heartart.forumsgratuits.fr/



JE SUIS.. Contenu sponsorisé !





profil +

MessageSujet: Re: Bannière de fond + Pattern = Deux fonds.   


Revenir en haut Aller en bas
 

Bannière de fond + Pattern = Deux fonds.

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Heart Art :: Archives Tutoriels :: Codage-