Forum fourre-tout
 
AccueilAccueil  PublicationsPublications  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  Connexion  

Poster un nouveau sujetRépondre au sujet
 

 Bannière de fond + Pattern = Deux fonds

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Partagez
Petit.Monstre.du.
Voir le profil de l'utilisateur http://kfarnahome.forumactif.com
Installer deux fondsAjouter 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 !
Message posté le 08.05.17 17:48
 

 Bannière de fond + Pattern = Deux fonds

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Partagez
Page 1 sur 1
 Sujets similaires
-
» Profiter d’une bannière de fond ET d’un fond [Résolu]
» Profiter d’une bannière de fond ET d’un fond
» Bannière de fond + fond du body [en cours]
» fond noir qui n'apparait pas en html résolu
» Fond de carte ( modifier le colori )

Permission de ce forum:Vous pouvez répondre aux sujets dans ce forum
le kfarnahome :: LE FOUTOIR GENERAL :: Les tutoriaux-
Poster un nouveau sujet   Répondre au sujetSauter vers: