Double backround [phpBB2]
SOS-FORUM.com
     

Derniers sujets

» ATLANTIC CITY - rpg city
par Solitude 15/3/2017, 10:41

» Bonne Année 2015
par Chantra Chantrapa 5/3/2017, 20:31

» Rio de Janeiro
par Solitude 14/9/2015, 15:34

» Bon Anniversaire Zeco
par Laurent 29/5/2015, 06:29

» Plateforme d'affiliation Afflight
par Landry85 5/5/2015, 10:04


Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

Voir le sujet précédent Voir le sujet suivant Aller en bas  Message [Page 1 sur 1]

1 Double backround [phpBB2] le 31/1/2010, 23:52

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
This tutorial is a translation of this tutorial here.

In the template overall_header_new search (Ctrl+F) this :
Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
And add the following :
Code:
<div id="bodybottom" style="padding: 0px; margin: 0px">
Save and publish (do not preview, it can bug the templates).

In the template overall_footer search this :
Code:
<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>
</body>
And add just before :
Code:
</div>

Put this in the stylesheet CSS :
/*Body_Fix-------------------------------------------------*/
body, #bodybottom { padding: 0px; margin: 0px; }
/*Double_Fond-------------------------------------------------*/
#bodybottom {
background-attachment: scroll;
background-image: url("image_url");
background-repeat: repeat;
background-position: top left;
}
Complete with the properties of the second background :

In blue: Put the image address of the second background.

Black:
- For the image does not scroll down : fixed
- For the image should scroll down : scroll

Green:
- For the image does not repeat itself : no-repeat
- For the image is repeated mosaic : repeat
- For the image is repeated horizontally : repeat-x
- For the image is repeated vertically : repeat-y

Orange:
- To align vertically the image up : top
- To align to bottom : bottom
- To align center : middle

Red:
- To align horizontally the image left : left
- To align right : right
- To align center : center

Regarding the double background:
The second fund will be to overlay the "normal" one.
The second pattern may not feel completely up the page, if you have an image that should touch the footer use the normal background.
To make your adjustments on the normal background, here's how to edit and move your page background via CSS :
body {
background-attachment: fixed;
background-image: url("image_url");
background-repeat: repeat;
background-position: top left;
}

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

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

 
  •  

Créer un forum | © PunBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit