Installation d'un fond de page "Texture"


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

 



19-06-2008 | 2161 vues

Partager


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/blog
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
site/blog
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/blog
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
site/blog
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é.
Yzéra
site/blog
le 07-12-2010 à 21:51:00
Bonjour,

Je viens demander de l'aide. Je n'arrive pas à mettre un fond à ma page. J'ai tout éssayé mais il y a une chose que je ne dois pas voir et faire. Pouvez vous m'aider car j'aimerais participer au concours de noel.
Merci beaucoup pour votre réponse.
Yzéra
PapyClic
site/blog
07-12-2010 à 23:35:49
Bonsoir Yzéra
Je pense qu'il faut mettre les fonds de la partie cadre et contenu en transparent, c'est à dire :
background : #;

Pour voir le fond de page.
Bonne continuation
yzera
site/blog
le 08-12-2010 à 15:55:12
Re bonjour , j'ai essayé de mette le code CSS de la "page" que vous avez indiqué sur votre site, mais ca ne marche pas. Je n'arrive pas à placer une image dans le fond vert de ma page. Rien ne fonctionne alors que pour les autres pages ( cadre, menu ..) ça fonctionne . Pouvez vous m'aider, j'aimerais participer au concours Noel .

Merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

Cordialement

YZERA
PapyClic
site/blog
08-12-2010 à 16:28:49
re...
Je pense que c'est un problème avec IE qui ne reconnaait ton fond gif, car dans firefox ça fonctionne bien. J'ai fait plusieurs essais impossible ton code est bon.
Essaie avec une autre image.
Bonne continuation
yzéra
site/blog
le 08-12-2010 à 23:02:12
Re Bonsoir,
J'ai déjà écris deux message mais je ne sais pas ou ils sont partis. Je n'arrive pas à mettre une texture ou un dessin dans la partie "page". J'ai tout essayé, même copier le code CSS que vous avez mis dans le DIZ TEST pour la partie page. Ca ne fonctionne pas. Lorsque je mets le fond transparent il est blanc et il ne prend pas note de mon image. Merci de m'aider à nouveau. Cordialement
Yzéra
Yzéra
le 08-12-2010 à 23:10:25
Re bonsoir ,
Ca y est j'y suis arrivé avec Firebox. Merci et pardon pour tout ces messages de panique !!! lol je n'avais pas vu vos réponses je regardais tout en haut !!! je suis nulle !! lol
Monyka-Sensible
site/blog
le 23-01-2012 à 01:27:29
bonsoir, la blog de teste ne souvre pas sur la partie page d'accueil,
je ne peux pas visionner ce que je met ,
en rapport avec les astuces d'ici
pouvez-vous svp voir le pourquoi ?
PapyClic
site/blog
24-01-2012 à 07:59:30
Bonjour,Je crois que tu oublies de mettre .blog4ever.com à ton adresse.à voir : h ttp://feedback.blog4ever.com/knowledgebase/articles/3429-comment-acc-der-mon-blog-je-ne-trouve-pas-mon-
Poster un commentaire
Merci de recopier le nombre de gauche dans la case ci-dessous (Pourquoi?)

Liens

Voir les articles de la catégorie " Partie "Page" "
Imprimer cet article

Vous recherchez ? :

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