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".
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
body
{
background : #FFFFFF;
background-image : url(http://www.blog4ever.com/blogfichiers/205392/boximages/205392080616060236.gif);
background-repeat : repeat;
background-attachment : fixed;
}
{
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.
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
#cadre
{
background : #;
background-image : url(http://);
background-repeat:repeat;
background-attachment:fixed;
border : 0px solid #000000;
}
{
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"
| 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
#contenu
{
background : #;
background-image : http://;
background-repeat:repeat;
background-attachment:fixed;
border-width : 0px;
border-style : solid;
border-color : #009933;
}
{
background : #;
background-image : http://;
background-repeat:repeat;
background-attachment:fixed;
border-width : 0px;
border-style : solid;
border-color : #009933;
}
Commentaires
Yzera le 13/12/2008 à 08:05:06bonjour, 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é.