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"

Nom de l'attribut Nom CSS Valeur Valeurs possibles
Couleur de fond background Choisir
Image de fond background-image Adresse d'une image (clic droit>propriétés sur une image)
Répetition de l'image de fond background-repeat Dépend de l'image de fond

 

Code CSS de cette partie

 


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"

Nom de l'attribut Nom CSS Valeur Valeurs possibles
Couleur de fond background Choisir
Image de fond background-image Adresse d'une image (clic droit>propriétés sur une image)
Répetition de l'image de fond background-repeat Dépend de l'image de fond

 

Code CSS de cette partie

 


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"

Nom de l'attribut Nom CSS Valeur Valeurs possibles
Couleur de fond background Choisir
Image de fond background-image Adresse d'une image (clic droit>propriétés sur une image)
Répetition de l'image de fond background-repeat Dépend de l'image de fond
Taille de la bordure border-width Dimension (ex:2px)
Style de la bordure border-style
Couleur de la bordure border-color Choisir


 

Code CSS de cette partie

 



Article ajouté le 2008-06-19 , consulté 720 fois

Commentaires


Yzera le 13/12/2008 à 08:05:06
bonjour, J'ai besOIN de votre aide. Je n'ai plus danS le Dis perso la partie "image de fond" du coup je ne peux pas mettre une nouvelle image sur mon fonD. COMMENT PUIS JE FAIRE , Autre chose lorsque vous indiquez un langage "HTLM" à mettre dans le DIZ , je ne comprends pas ou il faut le mettre ?? MERCI DE VOTRE AIDE; Cordialement Yzéra
Yzéra site : artpassion.blog4ever.com/blog/index-141012.html | le 13/12/2008 à 08:07:01
Re bonjour et excusez moi, j'ai oublize de vous donner l'adresse de mon blog.
Cordialement et merci encore ....... YZERA
PapyClic le 13/12/2008 à 09:23:13
Bonjour Yzéra
Je t'envoie un mail pour t'expliquer.
Bonne journée
kariboyz le 02/02/2009 à 22:29:48
Bonsoir, est-il possible d'avoir une page une seule couleur mais en dégradé, par exemple commençant en noir pour finir en gris en bas de la page ?! Merci.
maryannick site : http://obonheurdemarie.blog4ever.com/blog/index-197977.html | le 14/02/2009 à 17:34:28
Bonsoir ...
Au secours Papyclic... j'ai déguisé mon site... pour la st valentin. (j'ai d'ailleurs trouvé meme que je pouvais mettre des textures... mais voilà... diz perso ne veut plus rien ... me céder..
Je voudrais mettre une texture sur la page (d'une couleur) le cadre une texture d'une couleur et le contenu... pareil... et rien n'y fais j'y suis depuis 14h... (entrecoupé d'une pause brioche...) mais je n'y arrive pas...
et question subsidiaire peux tu me dire si on peut mettre une couleur de texture différente par page...
merci beaucoup pour ton aide... car là je craque...
il s'agit de mon blog pro... je voudrai le faire propre et joli... mais rien n'y fait...
merci bôcoup... petite précision j'ai lu, j'ai presque tout lu... mais rien de rien... lol
marie
PapyClic le 14/02/2009 à 18:29:31
Bonjour maryannick

Tout ce que tu veux faire est possible, mais il manque les attributs à ton Diz Perso, qu'il faut rajouter en "Modidcation directe du CSS"
Dans la page, tu as réussi(les attributs étaient dans l'assistant)...

donc il ajouter les attributs :
background-image : url(htt p://);
background-repeat : repeat;

dans #cadre et #contenu

Puis tu les retrouvres dans l'assistant pour mettre l'adresse de l'image texture.
Dans les parties "Cadre" et "Contenu"

Pour la question subsidiaire, il faut ouvrir le composeur article en mode HTML, en cochant la case, puis au début de l'article tu colles les lignes suivantes(n'oublies pas de mettre l'adresse image)

<p> </p>
<style type="text/css">
background-image : url(htt p://adresse image);
background-repeat : repeat;
</stript>
<p>  *** </p>

Tu peux écrire ton article en retournant en mode texte, en décochant la case.
Attention!!! commence ton article dans le deuxième paragraphe, à la place des 3 astérisques.

Voilà j'espère que ces explications t'aideront.

Bonne continuation

Attention dans les adresses Internet ci-dessus, j'ai mis un espace htt p sinon le commentaire est refusé.


Poster un commentaire





http://





Merci de recopier le nombre présent à gauche dans la case de texte ci-dessous ( Pourquoi ? )





Liens

Voir les articles de la catégorie " Partie "Page" "

Imprimer cet article

Retour aux articles


Recommander ce blog | Contacter l'auteur | Reporter un abus | S'abonner au blog Flux RSS du blog | Espace de gestion

Créer un blog gratuit avec Blog4ever



Parrainé par PapyClic du blog/site "BRICABRAC" - CSS & HTML dans BLOG4EVER