Tout ce que je sais, c’est que pour mettre une image de fond tu dois coller ce code ci dans la feuille de style :
body { background : url(XXX) repeat top left; }
A la place du " XXX " tu dois copier l’adresse d’une image
C’est en mode mosaïque, il faut transformer "repeat" en "norepeat" il me semble pour qu’il n’y ait l’image qu’une fois :-)
Bon courage ^^
Merci Caly :-) Je vais essayer ça :p…
Je comprends rien à ce truc :D
J’adore ! LOL
la première chose à faire c’est de donner à ton journal un aspect "personnalisé" au lieu du thème choisi, et là tu auras tes différentes pages que tu pourras modifier
c’est assez difficile à expliquer, parce qu’il va falloir que tu refasses toutes tes marges, etc…
en gros, tu aimerais quoi ? changer la typo, mettre une image de fond, ou un fond de couleur, changer les espaces etc ?
Bah, je sais pas trop en fait, je voulais le faire au feeling, mais ça a l’air vachement corsé, limite, faudrait que je me lise un bon gros manuel de programmation… Lol…
Je crois que je vais me contenter du crépuscule et laisser tomber la personnalisation… Mais Merci quand même de tes petits conseils Caly :-)
Bizz Bizz !
/*
Feuille de style CSS par défaut Journal Intime.com
Utilisation autorisée seulement dans le cadre du site journalintime.com/ et ses
journaux.
Les commentaires sont compris entre / * et * / (sans espaces).
*/
/* Importe les éléments généraux pour le corps du texte */@import url(/ecrire/corps.css):
/* Enlève les marges et espaces à tous les éléments */
* { margin : 0; padding : 0; }
/* Définition des paramètres de la page : police et image de fond */
body {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : black;
background : url(fond2.png) no-repeat top left;
margin-left : 0em;
}
a {color : black ; text-decoration : none; }
a:hover { color : black; }
/* On place le titre du journal */
h1 { font-size : 1em;
padding : 1em;
margin-left : 1em;
margin-top : 1em;
}
h1 a { font-size : 2.5em;
color : #000;
text-decoration : none; }
/* On donne la largeur de la page et on la centre */
h1,#page { width : 60em; }
/* Pour le bloc menu : liens forum, pages indépendantes, archives */
#blocmenu {
background : url(fond07.png) no-repeat bottom right;
width : 10em; float : left;
border : 0.2px solid #ccc; border-left : none;
padding-right : 1em; margin-right : 1em;
padding-left : 1.5em; padding-bottom : 5em;
}
#blocmenu ul { list-style-type : none; }
#menu a { display : inline-block; width : 100%; padding : 0.1em; text-decoration : underline; }
#menu a:hover { color : black; }
#menu,#liste_pages { margin-bottom : 1em; }
#liste_pages a,#archives a { display : inline-block; width : 100%; text-decoration : underline; }
#liste_pages a:hover,#archives a:hover { color : black; }
/* Corps de la page : sous-titre et contenu */
#corps {float : right; width : 45em; font-family : arial }
h2 { margin-bottom : 1em; border-bottom : 0.1 dashed #ccc; }
h3 { margin-bottom : 1em; }
/* Liste des écrits */
#liste_ecrits dd { margin-left : 2em; }
#liste_ecrits dd.date { font-style : italic; }
#liste_ecrits dd.intro { margin-bottom : 1em; }
#liste_ecrits dt { font-size : 1.2em; font-weight : bold; }
/* Le texte du journal (n’apparait que sur la page d’accueil) */
#texte_journal { border : 1px solid #ccc; margin-bottom : 2em; padding : 0.5em;
font-family : Georgia, Times New Roman, Times, serif; background : url(fond00.gif) no-repeat bottom right; min-height : 5em; }
/* Les icônes : logo JI.com et "RSS Journal" */
#bas { padding-top : 1em; margin-left : 1em; list-style-type : none; float : left; width : 10em; clear : left; }
#bas li { margin-bottom : 1em; }
#bas a img { border : none; }
/* Mise en page de la liste des messages du forum */
#forum_page .pagination { margin-top : 1em; text-align : right; }
#forum_page .liste { width : 100%; border-collapse : collapse; border : 1px solid #ccc; }
#forum_page th { text-align : left; width : 43%; }
#forum_page th,#forum_page td { padding : 0.2em;}
#forum_page .titre { border-bottom : 1px solid #ccc; font-weight : bold; }
#forum_page .pair { background : #eee; }
#forum_page .reponses { text-align : center; width : 15%; }
#forum_page .titre .reponses { font-size : 0.9em; }
#forum_page .auteur { width : 12%; }
#forum_page .auteur .reponses { font-size : 0.9em; }
#forum_page .dernier { width : 30%; }
#forum_page .dernier .reponses { font-size : 0.9em; }
/* Lecture d’un message du forum */
#forum_message .reponse h2,#forum_message .reponse .id { display : none; }
#forum_message .auteur { float : left; width : 9em; text-align : right; font-family : Arial, Helvetica, sans-serif; clear : left; }
#forum_message .texte { margin-left : 10em; border : 2px dashed #ccc; padding : 1em; }
#forum_message .reponse h3 { width : 9em; font-size : 0.9em; float : left; clear : left; }
#forum_message .reponse { clear : both; margin-bottom : 2em; }
/* Formulaire d’envoi de message du forum */
#fpost { margin-top : 3em; }
#fpost .submit { margin-top : 1em; clear : both; }
#fpost dl { width : 60%; float : left; }
#fpost input[type=text],#fpost textarea { width : 100%; }
#fpost .tip { margin-top : 12em; margin-left : 65%; width : 20%; }
/* Mise en forme du bouton RSS */
.rss .btn { display : inline; font-family : Arial, Helvetica, sans-serif; font-size : 10px; padding : 1px 0; border : 1px solid #666; margin : 0; text-decoration : none; background-color : #fff; }
.rss .btnFront { display : inline; background-color : #f90; color : #fff; padding : 0 2px; border : 1px solid #fff; border-top : 0; border-bottom : 0; margin : 0px; }
.rss .btnText { display : inline; background-color : #898e79; color : #fff; padding : 0 2px; border : 0; border-right : 1px solid #fff; margin : 0px; }
quand tu es dans accueil tu clic sur "aspect visuel" (la palette de peintre)
là tu as au dessus, aspect visuel prédéfini, tu dois aller dans le menu déroulant et mettre -personnalisé- et puis cliquer sur -donner cet aspect au journal-
et puis tu vas dans le cadre du dessous -personnalisation de l’aspect visuel-
tu as les fichiers modifiables, toi tu dois toucher à la feuille de style, pas au reste (on peut mais c’est vraiment plus difficile, c’est avec ça que j’ai des photos différentes en fond de mon journal)
tu clic sur éditer le fichier, et tu effaces tout
tu mets le fichier que je t’ai donné et tu -enregistres- et puis tu -fermes- (c’est mieux que enregistrer et fermer)
et là tu vas avoir une base pour commencer tes modifs
tes couleurs, tes typos etc… une fois qu’on regarde un peu on voit assez vite où on se trouve
ah pardon, j’ai vu que tu voulais laisser tomber, je n’avais pas vu ton message, euh donc tu peux effacer mes derniers posts, ils ne te serviront à rien ^^