Modifier son Livejournal

J'espere que mon tuto est a la bonne place sinon vous pouvez le déplacer svp

Tout d'abord je pense que le plus simple est de commencer avec un layout déjà codé, ensuite vous avez la possibilité de tout changer (ca ne ressemblera donc plus au layout de base)

vous pouvez trouver des layouts un peu partout

Moi je vais utiliser celui la pour l'exemple:

http://community.livejournal.com/refuted/8893.html#cutid1

* Journal > customize journal

* Vérifiez que vous etes bien en S2 :

Spoiler:

Spoiler:

Spoiler:

*Ensuite pour ce layout utilisez "2 Column (sidebar on right)" dans page setup, puis "Configurer le thème choisi"

*Dans le menu de gauche cliquez sur "sidebar"
répondez à chaque question ainsi:

Spoiler:

c'est ici qu'on peux modifier la colonne sur le côté ( vos liens (show the lik list in the sidebar) un blurb (espace de texte)... Mais je suis pas encore trés au point donc je ne vais pas l'expliquer ici.

*Ensuite allez dans costum css:
pour la question "Use layout's stylesheet(s)" c'est trés important d'y répondre la réponse dépend du layout, c'est le plus souvent indiqué sur la page ou vous ayez pris le code de votre layout ici c'est "No"

*Ensuite collez le code dans "Custom stylesheet" puis "Save change"

Le layout est maintenant installé. vous pouvez l'utiliser ainsi mais c'est mieu de le personaliser à votre gout.

*REMARQUE IMPORTANT: Si vous utilisez le layout sans le modifier dans votre biographie ( modifier votre profil) collez : Stylesheet by <lj user="ici inscrivez le nom d'utilisateur qui à fait le layout">

Vous pouvez donc modifier le code pour personaliser votre layout, chaque partie du code correspond à une partie du layout, je vais essayer de vous expliquer ce que je sais:

* Pour changer de fond on utilise des pattern ( ce sont des echantillons d'images qui se répetent à l'infini lorqu'on les mets l'une à coté de l'autre

ces cette parie du code qui permet de mettre un fond:

Spoiler:

le code #EAFAED designe la couleur du fond, vous pouvez uniquement changer la couleur en changeant ce code (les code couleurs se trouvent facilement sur internet ou vous pouvez les avoir avec photoshop il me semble)

Si vous voulez utilisez un pattern remplacez ce code par:

Spoiler:

Et voila vous avez maintenant un beau fond

* Installer un Header:

Cherchez dans votre code ces indications:

Spoiler:

Retenez 750 px c'est la largeur que doit avoir votre header

Puis allez tout en bas de votre code, sautez une ligne et collez ceci :

Spoiler:

(sans espace entre le chiffre de la hauteur de votre header et px)

Et voila votre header est installé (enfin normalement ^^)

Dans certains layout ce paragraphe est déjà inclu alors avant de le remetre une 2eme fois cherchez le, s'il est déjà présent modifez le.

* La suite repose toujours sur le même principe, les codes sont trés organisés, chaque paragraphe correspont à une partie du layout qui est indiquée au début de chaque paragraphe

( utilisez un dictionnaire francais anglais pour tout comprendre )

Par exemple

Spoiler:

Ce paragraphe designe vos liens dans votre lj, vous pouvez changer la couleur en changeant le code, "text décoration" ce sont des effets de text que vous pouvez utiliser (je n'ai jamais fait donc jpeux pas vous expliquer)

Spoiler:

Ce paragraphe designe vos liens quand vous passez votre fleche de souris dessus, pareil qu'au dessus vous pouvez changer la couleur, mettre des effets. La ligne "border-bottom"

c'est le soulignement vous pouvez changer la couleur, et la largeur du soulignement (mettez 0px si vous n'en désirez pas)

Spoiler:

Ca c'est pour le cadre le plus grand sans compter le fond (ici il es blanc) vous pouvez donc changer la couleur ( et d'autre choses surement mais je suis pas trés au point la encore)

Spoiler:

Cette partie c'est la partie pour la colonne a droite ( ou à gauche si à float c'est écrit left) si vous voulez que cette barre soit de couleur différente vous pouvez enlever le transparent et mettre un code couleur

Spoiler:

Ca c'est pour le cadre ou vous postez vos articles pareil vous changez la couleur en enlevant le transparent

Spoiler:

ce code et celui la :

Spoiler:

servent pour la barre entre le header et le contenu du lj:

dans la premiere partie du code vous pouvez changer ceci:

Spoiler:

Dans la deuxieme partie:

Spoiler:

Et voila ce que je peut vous expliquer pour l'instant on doit pouvoir changer beaucoup d'autre choses mais faut avouer que c'est un peu long et difficile à comprendre ^^
Si vouse avez des questions n'hesitez pas!

Wouahh, super tuto, merci c'est génial Very Happy

Et oui il est à la bonne place Wink

Merci!

ca fait plaisir vu le temps que j'y ai passé Very Happy

Invité

merci ton tuto est super =)

Derien

Super tuto ! merci beaucoup pour ton aide Julie!

Merci!
Je testerais ça!
Mon LJ n'est vraiment pas au point Rolling Eyes

coucou!
j'ai un petite question... tu parles d'un code pour pouvoir modifier son layout... mais je ne trouve pas de code...

Merci pour ta réponse!

c'est le code qui ce trouve dans le carré a l'étape 9 ici: http://community.livejournal.com/refuted/8893.html#cutid1

tu copie ce code, tu le colle dans "Custom stylesheet" comme c'est expliqué et c'est ce que tu a collé que tu doit modifier.

merci beaucoup!!
mais mon header n'apparait pas sur le livejournal aprés avoir mis le code....

est ce que tu a bien cliqué sur save change?

oui oui! et j'ai héberger mon header sur imageshack comme le pattern (qui fonctionne) mais impossible de le faire apparaitre...
veux tu que je te passe le code que j'ai mis?-

ouai je veux bien regarder mais je te promet rien je suis pas super experte Wink

Oui mais tu es plus forte que moi (c'est pas difficile de toute façon)

voila mon code

Spoiler:

ok j'essais ca des que j'ai un peu de temps Wink

dac merci beaucoup! je te passe le lien déja :

http://fastelpaints.livejournal.com/

et le code :

Spoiler:

Enfait il manque un } à la fin du premier paragraphe :

body {
background-image: url(https://2img.net/r/ihimizer/img186/6893/pattern147ri9.gif);
background-repeat: repeat;
}

a, a:link, a:visited, a:active {
color: #6DA8C1;
text-decoration: none;
} ...

J'ai tésté normalement ca fonctionne Very Happy

Géééniiaal!!!

quelle honte!! pourtant les feuilles de style comme ça je connais lol
merci merci^^

j'ai un petit soucis. j'ai bien mon header qui s'affiche mais j'ai un espace en
dessous. est ce que cela vous la deja fait ?

je vous laisse le lien pour vous le monter : http://abidbol.livejournal.com/

Petit nouveau Nombre de messages : 22 Age : 35

J'ai le même probléme que homer je ne sais pas du tout comment faire pour enlever cette espace .

Quelqu'un pourrait-il m'aider s'il vous plait ??

Vous avez bien remplie le tout?
parce que c'est vrai que si on oublie de mettre la hauteur du header cela peut creer un espace.
enfin bon c'est ma première théorie... Rolling Eyes

Spoiler:

moi jen'ai eu aucun pb, ce tuto est parfait et m'a sauvé la vie, lol
MErci bcp.
Wink

Petit nouveau Nombre de messages : 2 Age : 29

Un petit truc en plus, si vous ne voulez pas de publicité et que votre sidebar est sur la droite, vous pouvez la cacher simplement en mettant ce code-ci.

Code:: sidebar {display; none}

Si je me suis trompé ça se peut. Mais pour éviter les publicités, ça marche.

Bonjour, je sais que ce sujet n'a pas été actualisé depuis un moment mais il m'intéresse beaucoup. Malheureusement, mon header ne s'affiche pas. J'ai même essayé le code de mamzeloul, au mieux j'ai réussi à afficher son header mais même en le remplacant par le mien, ça ne fonctionne toujours pas.
En espérant avoir une réponse..
Bonne soirée.

Administratrice Nombre de messages : 11442 Age : 32

Est-ce que tu es sûre d'avoir mis le lien vers l'image dans le code, et non pas vers une page internet qui contient l'image ?

Tu pourrais nous poster l'adresse que tu as mis pour ton image (qui est hébergée) stp Wink