Installation d'un fond de page "Texture"
ACCUEIL <<< Partie "Page" <<<

En noir sur l'image
Les tableaux du DizPerso, ci-dessous, contiennent tous les attributs utilisés pour créer une page avec un effet de transparence, ce qui permet de voir au maximun le fond de page et de faire défiler le reste du contenu de la page.
Si toutefois, certains attributs ne sont pas présents dans votre assistant, en dessous de chaque tableau, vous trouverez le CSS correspondant que vous pouvez copier et coller dans la feuille de style en ouvrant le deuxième onglet "Modification directe du CSS".
Vous trouverez des exemples de textures dans cet articles [
lien]
Partie "Page"
Code CSS de cette partie
body
{
background : #FFFFFF;
background-image : url(http://www.blog4ever.com/blogfichiers/205392/boximages/205392080616060236.gif);
background-repeat : repeat;
background-attachment : fixed;
}
Le fond de la partie "Cadre" doit être rendu transparent car il recouvre pratiquement totalement la page, pour un autre exemple je mettrai l'image dans le cadre.
Pour mettre le fond transparent, background mettre comme valeur le "#" et pour l'image à la place d'une adresse background-image mettre comme valeur "http://". De cette façon l'attribut reste présent dans l'assistant mais avec une valeur nulle.
Partie "Cadre"
Code CSS de cette partie
#cadre
{
background : #;
background-image : url(http://);
background-repeat:repeat;
background-attachment:fixed;
border : 0px solid #000000;
}
Dans la partie "Contenu", il en est de même, mettre " # " comme valeur de la couleur de fond et "http://" pour image de fond. En plus j'indique la solution pour les bordures, si dans l'une des parties vous avez comme ci-dessous les 3 lignes, mettez la taille à "0px". Si ces attributs sont dans le fichier CSS, sous la forme suivante : "border: 1px solid #000000" mettez également "0px".
Partie "Contenu"
Code CSS de cette partie
#contenu
{
background : #;
background-image : http://;
background-repeat:repeat;
background-attachment:fixed;
border-width : 0px;
border-style : solid;
border-color : #009933;
}
Article ajouté le 2008-06-19 , consulté 161 foisCommentaires
Liens
Voir les articles de la catégorie " Partie "Page" "Afficher une version imprimable de cet articleRetour aux articles