Personnaliser son blog (Tutoriel)

Ca marche! Les visiteurs de mon blog peuvent maintenant voir un petit adipose qui leur fait coucou!

Fearless a écrit:

J'ai édité mon post pendant que tu écrivais

De rien! Et ravie de voir que ça marche !(Je veeeeeeuuuux un Adipose )

Ahhh je me posais justement la question pour mettre une couleur de fond à mes commentaires!
Merci pour le tuto Fearless! ça marche nickel

Je viens de me créer un blog sur Overblog, et je suis en train de l'aménager ... et ce n'est pas facile facile !!!
Grâce au tuto de Fearless sur la 1e page, j'ai réussi à élargir la zone principale, malheureusement, j'ai du mal faire quelque chose, parce que la zone que j'avais à droite (calendrier, liens, and co) a sauté en dessous ...
Je retenterai ce soir en rentrant chez moi (là je suis au boulot) !
Si vous avez des conseils à me donner, n'hésitez pas !!! Je n'ai vraiment pas la bosse de l'informatique !
C'est par là : http://curieuseartemis.over-blog.com
Tiens, je viens de me rendre compte que le joli fond dans des couleurs pastels que j'avais réussi à mettre a disparu, et que le rouge est de retour
Et merci pour ce super topic très utile

EDIT : j'ai compris pourquoi le fond avait sauté, c'est corrigé. Par contre, j'ai toujours mon problème de mes deux colonnes qui sont l'une de dessous de l'autre !!! Quelle galère !!!

EDIT 2 : je croyais avoir compris, mais non, le rouge est de retour en texture Mais Pourquoââââââ

C'est sur que créer sur over-blog c'est plus difficile que sur Hautetfort ^^

Au sujet de ton fond, il apparait très bien chez moi

Concernant les colonnes, est-ce que tu as bien modifié la largeur globale aussi ?

Artemis : Mon conseil. Oublie overblog et va sur hautetfort, bcp plus simple a personaliser avec des choses plus jolies.
Je suis chez overblog parce que j'ai eu la chance d'être invitée par eux et quand je dois changer qqch, je peux demander de l'aide à leur techniciens.

Sinon il y a aussi blogspot qui est très bien, mais over-blog, c'est super compliqué!

Zut ! J'avais pris OverBlog, parce que j'aime bien insérer des images, voire mettre des séries de photos et je crois que l'espace disponible y était plus important...
Je vais essayer de voir si je peux me débrouiller un peu, sinon je repasserai chez Hautetfort...

Ca y est, le fond apparaît (peut être qu'il ne faut pas être trop pressé avec eux, j'ai l'impression qu'il faut un peu de temps avant que les modif' soient prises en compte !)

@ Fearless : je crois que tu as probablement mis le doigt sur mon problème de colonnes !!! Je vais essayer de voir ce que je peux faire. Merci !!

EDIT : en effet, je n'avais pas modifié la somme totale des colonnes. Merci Fearless ! Par contre, je n'ai pas encore tout compris à ce qu'il fallait additionner parce que ça fait des choses pas très jolies (enfin pour le moment je laisse comme ça en attendant de comprendre)

Pour les photos, si tu héberges sur des sites comme sur le forum, ça te laisse bcp d'espace, et de toutes façon tu as 100 giga sur h&F au moins maintenant.

Je commence à apprivoiser OverBlog, mais voilà, j'ai encore une question !
En fait, lorsque je laisse un commentaire, que ce soit chez Overblog, Wordpress, Hautetfort, je vois que les autres personnes ont des jolis avatars à côté de leur commentaire, sauf moi qui ai toujours l'image par défaut... Comment est-ce que je peux faire pour personnaliser cet avatar
Merci beaucoup pour votre aide !

C'est simple Artemis, il te suffit juste de t'inscrire sur Gravatar

Et contente de voir que tu as réussi à vaincre Overblog

Merci Fearless ! J'y vais de ce pas !

je ne sais pas où poster cette question alors je me lance:

Depuis hier, quand j'ouvre la page de mon blog, mon anti virus me précise que je ne devrais pas ouvrir cette page web car elle contient un lien vers un site de phising; j'ai compris que le lien était contenu dans la fameuse pub qui s'affiche en haut de la page d'accueil;
je ne sais pas quelles sont les conséquences, mais je n'ose pas retourné sur mon blog depuis! alors j'aimerais déménagé mon blog sur over blog dont j'ai remarqué l'absence de pub sur les pages web;

Voilà ma question; comment je peux faire pour déménager mon blog sur un autre hébergeur sans perdre tout ce que j'ai écris jusqu'à présent?

Rosetyler, ton problème s'est arrangé depuis ?
J'ai essayé de voir si c'était possible de passer de hautetfort à overblog, et pour l'instant, j'ai encore rien trouvé
Mais si ça peut te rassurer, je n'ai jamais eu aucun problème en allant sur ton blog

Voilà ! Depuis hier, j'ai enfin mon propre blog !
Grâce à ce topic, j'ai finalement abandonné l'idée d'over-blog pour choisir blogspot qui se révèle assez simple à manier (suffisamment en tout cas pour l'usage que je souhaite en faire). Merci donc à tous vos conseils !
Je ne sais pas si je vais réussir à le rendre aussi dynamique que vous tous, ni si mes avis vaudront vraiment la peine d'être lus, mais ça me fait plaisir d'entrer sur la blogosphère. N'hésitez pas à passer y laisser vos commentaires ! C'est par ici :

Et bien bienvenue dans la blogosphère Annwvyn

Et merci d'avoir remonté le topic, ça me rappelle qu'il faut que je fasse quelques petites mises à jour car hautetfort a changé son mode de personnalisation

Bienvenue dans la blogosphére!!

Fearless, ils ont changé quoi??

Ils ont fait une mise à jour dans le mode avancé, ça fait que maintenant pour personnaliser c'est plus simple/compliqué/barrer la mention inutile

En résumé, maintenant qu'on a pris un peu l'habitude sur hautetfort il va falloir tout ré-apprendre depuis le début

Bienvenue dans la blogo Annwvyn !

Arff, j'avoue, depuis la mise à jour, je n'ai pas encore été trifouillé pour faire des changements, donc je ne sais pas encore à quoi m'attendre

Bonjouuuuur !!!

Après avoir fait du blogspot, puis du canal blog, je me suis inscrite sur hautetfort, mais à vrai dire je n'y comprends rien du tout ! J'ai bien essayer de faire avec les tutoriels que j'ai trouvé sur Lambton, mais je n'arrive pas à modifier mes templates... C'est comme si je n'y avait pas accès !
De plus je ne comprends même pas comment insérer un liste de liens vers les blogs que j'aime, ni faire une partie spéciale pour les choses que j'aime, bref je comprends rien du tout

Je désespère complètement parce qu'à chaque fois que je vais sur une plateforme pour un blog il y a forcément quelque chose qui cloche...
Ca me démoralise et du coup j'ai plus très envie de tenir un blog (même si j'adore ça !)

Pourriez-vous m'aider ?

Hautetfort c'est le bien


Commençons par le plus simple : les listes !
Etape 1 : Pour faire une liste des liens ou des choses que tu aimes, tu dois aller dans "Listes" tout simplement. Ensuite, tu verras, il y a marqué "Créer nouvelle liste". Tu choisis le type (liens, livres, films, etc etc), le nom de ta liste, tu y ajoute tes liens/livres/films et c'est bon !
Etape 2 : Tu vas dans "Présentation", puis "Contenu des colonnes". Tu verras s'afficher une liste d'éléments . Parmi ces éléments, doit figurer ta liste : si par exemple tu l'as appelée "Wonderland", tu verras s'afficher un élément intitulé" Wonderland".
Tout ce qu'il te reste à faire c'est cliquer sur "ajouter à droite" ou "ajouter à gauche" en fonction de la colonne où tu veux la placer.
Etape 3 : On vérifie que la colonne apparait bien

Pour le template, qu'est-ce que tu n'arrives pas à modifier ? Et tu veux dire quoi par c'est comme si tu n'y avais pas accès ?

Et merci pour le remontage de topic. Je me suis ainsi souvenue que je n'avais toujours pas fait ce que j'avais dit que je ferai il y plusieurs moins, et j'ai ainsi remarqué que les images n'apparaissaient plus ! Je m'occupe de tout ça dès que je rentre chez moi !!

Merciiiiiiiii

Pour les templates, ce qu'il se passe c'est que la colonne de CSS choisies je peux pas la modifier et que le seul truc que je peux modifier c'est sur la droite, et il n'y a pas grand chose...

Ça fait partie de ce que j'avais dit que je ferai en février dernier

Et donc, c''est tout à fait normal ça ! Ce qu'il faut c'est que tu copies-colles de la case de gauche vers la case de droite les choses que tu veux modifier en y intégrant tes modifications.

Mais à partir de là, ça se complique un peu car il faut connaitre les codes. Mais en même temps c'est aussi beaucoup plus simple car il suffira de faire du copier-coller de ce que je vous posterai dès que je serai chez moi ! ^^

ça me donne envie d'aller refaire un petit tour sur vos blogs les filles faut pas croire, je vous suis! Vous êtes surveillées melles! Moi, je n'en ai pas, je n'ai pas le courage d'en faire un et j'aime tellement de choses que je ne pourrai pas faire un blog sur un seul thème, bref ça serait le grand foutoir Vous êtes trop fortes les filles

Oh mais Miss Margaret, aucune de nous ne fait de blog sur un seul thème ! On y parle de tout ce qu'on veut - c'est difficile de faire un blog sur un seul thème.. j'ai tenté une fois, ça n'a pas duré longtemps

Et donc, comme promis faisons du copié-collé

Comme je le disais un peu plus haut, le design avancé de Hautetfort a changé. Quand vous allez sur votre "Feuille de styles" vous tombez sur deux cases : "CSS du design que vous avez choisi" à gauche, et "Votre CSS personnalisée" à droite.

La case de gauche ne nous intéresse pas, vu que de toute façon on ne peut pas y toucher. Concentrons-nous donc sur celle de droite !
En fonction de ce que vous voulez personnalisé, voila ce que vous devez y coller :
Les mots en rouges sont les choses à modifier selon vos choix ! (sans oublier de supprimer mes commentaires à côté bien sur ^^ )


Pour le fond :

}
body{
color:#804F4A; - changer la couleur du texte sur tout le blog
background-image:url("lien de votre image"); - changer l'image de fond du blog.
}

Pour la bannière : (si vous voulez juste changer la bannière et non pas tout le design du blog)
}
#banner-img{
background-image:url("lien de votre image");
}

Pour le contenu :

#container {
width: 975px; - changer la largeur globale du blog
border: 0px solid #000; - changer la largeur/couleur de la bordure du blog
}
#center {
width: 610px; - changer la largeur de la zone des articles
border-left: 1px solid #BF8273; - changer la largeur/couleur de la bordure de gauche de la zone de texte
border-right: 1px solid #BF8273; - même chose, mais à droite
}
#left {
width: 178px; - changer la largeur de la colonne de gauche
border-left: 2px solid #BF8273; - changer largeur/couleur de la bordure de la colonne de gauche
border-right: 2px solid #BF8273; - changer largeur/couleur de la bordure de la colonne de droite
font-size:105%;
}
#right { ---- Tout pareil que la colonne de gauche, mais à droite
font-size:105%;
width: 178px;
border-right: 2px solid #BF8273;
border-left: 0px solid #BF8273;
background-color: #fff;
}
.commentparent.author, .commentchild.author {
border-bottom: none;
background-color:#EFECCA; - changer la couleur du fond des commentaires postés par vous
}


Faites bien attention à finir chacune de vos lignes par un point-virgule ; et d'avoir un } à chaque début et fin de "paragraphe" de code !

Voila pour l'essentiel et le plus général !
Pour le reste, il vous suffit de copier-coller les paragraphes de la gauche vers la droite et ensuite de faire les modifications. Comme il y a des tas de petits paragraphes et tout autant d'endroits modifiables sur le blog, impossible de tout mettre - si vous voulez modifier quelque chose en particulier (titre des articles, images, fond bla bla bla) dites-le moi et je vous dirai ce qu'il faut recopier
Have fun ! ^^