Ce design est destiné aux débutants qui n'y connaissent pas grand chose ni en CSS, ni en logiciel de dessin.
Il vous suffira de suivre les indications pour le mettre sur votre blog.
Ce design a été réalisé avec Fire Fox sous résolution 1024*768. Je l'ai vérifié sous résolution 800*600 et
1280*1024 et sous IE.
Ci-dessous, son aspect sous résolution 1024*768. Les colonnes de modules et d'articles font 800px de large.
CHOIX DU DESIGN :
Dans la barre de menu, cliquez sur Design
Puis sélectionnez le thème graphique
Pretty in pink en cliquant dessus
J'ai choisi de rester en mode normal : le design sera le même dans toutes les pages et donc un seul CSS.
Cliquez sur Mode avancé (CSS) à droite.
Cochez
Je souhaite modifier et appliquer la feuille de style à mon blog
Dans mon style, collez le CSS suivant
body {margin:0px; padding:0px;font-family: Fine Hand, Helvetica,Verdana, Arial, sans-serif;
font-size:small;background:url(http://www.casimages.com/img/070401045429439355.gif);
background-attachment:fixed; background-position:center left;background-repeat:repeat-y;background-color:#979DAF;}
#global {background:none;margin-left:150px;}
a {text-decoration:none; color:#5A547A; font-size:110%;}
a:hover {text-decoration:underline; color:#5A547A;}
#ln_0{background:none;margin-left:5px;}
#top h1 {padding:0px; margin:0px;}
#top {margin:0px; padding:0px; border:0px none;background:none;}
#footer {margin-top:10px; position:relative; color:#5A547A; background-color:transparent;}
#footer p {margin:0px; padding: 10px;}
#cl_1_0{}
#cl_1_1 {margin:0px; padding:5px; float:right;}
.beforeArticle {padding:0px 0px 5px 0px; margin:0px; width:100%; color:#5A547A;}
.article {margin-top:0px; padding:0px; margin-bottom:5px;color:##5A547A;text-align:justify;border: 2px solid #5A547A;background-color:#D9DBE1;}
.date {text-align:center;}
.titreArticle {text-decoration:none;color:#5A547A;text-decoration:underline;}
.titreArticle:hover {text-decoration:underline; color:#5A547A;}
.divTitreArticle{text-align:center; }
.afterArticle {color:#5A547A;}
.topic a { color:#5A547A; }
.box { margin:0px; padding:0px; margin-bottom:10px;border: 2px solid #5A547A;background-color:#D9DBE1; }
.box-titre h2 {color:#5A547A; margin-left:10px; margin-right:10px; margin-top:0px; margin-bottom:0px;text-decoration:underline; }
.box-titre {padding:0px; text-align:center;}
.box-content {overflow:auto; padding:2px 5px; color:#5A547A;}
.box-content li {color:#5A547A;}
.newsletter .box-content {color:#5A547A;}
.calendarTop1 {color:#5A547A;}
.calendarHeader1 {color: #5A547A;}
.calendarToday1 {color:#5A547A;border: 1px solid #5A547A; }
.commentMessage {padding:5px; border:1px solid #5A547A; margin:0px;background-color:#D9DBE1;color:#5A547A;}
.responseMessage {padding:5px; border:1px solid #768254; margin:0px;background-color:#434959;color:#D9DBE1;}
.commentOption {text-align:right; font-size:90%; color:#5A547A; margin-bottom:10px;}
.h2commentMessage {color:#5A547A; }
#formComment {background-color:transparent;border:1px solid #5A547A; }
#divRecommander { background-color:transparent; border:1px solid #5A547A; }
#divNewsletter { background-color:transparent; border:1px solid #5A547A; }
Si la police ne vous convient pas, effacer ce qui est en rouge ci-dessus.
Enregistrez.
CHOIX DE LA CONFIGURATION
Dans la barre de menu, cliquez sur Configurer
Cliquez sur Mise en page dans la colonne de gauche, tout en bas.
Choisissez une structure 1 colonne modules à gauche+1colonne article à droite
Ensuite, vous gardez l'entête et le pied de page et placez les modules voulus dans la colonne de droite.
PERSONNALISATION :
Vous êtes toujours dans la partie Configurer : cliquez sur le pavé qui représente l'entête (ci-dessus celui où il est écrit
designannak ) - contenu personnalisé.
Cliquez sur Editer la source
Copiez dans la source
<div style="text-align: right;"><span style="font-size: 8pt;">Design by <a href="http://annak.over-blog.com/" target="_blank">Anna K</a>.</span><br
/></div><br />
<table height="115" cellspacing="1" cellpadding="1" width="790" background="http://www.casimages.com/img/jpg/07090912460662651190865.jpg" border="1">
<tbody>
<tr>
<td>
<table cellspacing="1" cellpadding="1" width="95%" align="center" bgcolor="#d9dbe1" border="1">
<tbody>
<tr>
<td align="center"><font size="6"><font
color="#434959">DesignAnnaK : le blog de design OB </font></font></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
DesignAnnaK : le blog de design OB : remplacez par le titre de votre blog et validez.
Je crois que j'ai fait le tour. Si vous le testez, dîtes-moi ce que ça donne.
A voir grandeur nature chez :
Passe une bonne soirée bisous :)
me donnez vous l'autorisation d'utiliser votre design pour mon second blog , j'ai essayé de tout mettre en place , je voudrais faire un blog avec uniquement des vieilles cartes postales . . .
cela fait longtemps que j'admirais le style carnet mais je n'étais pas capable de le mettre en place , il me semble que là j'y arrive ,Â
si vous m'autorisez je vous mettrais en lien naturellementÂ
je vous remercieÂ
vous etes super adorableÂ
je trouve superbe , pour une personne qui comme moi , a beaucoup de mal, , j'adore , dites moi ce que vous , vous en pensez .Â
.et puis je voudrais pouvoir avoir plus de place comme sur mon autre blog , où dois je m'adresser pour pouvoir m'abonner comme pour le blog d'agatheÂ
excusez moi de vous ennuyerÂ
belle journée à vous
bonjour Anna
Je débute en blog.Après avoir demandé un avis sur mon blog, Thomas , sur le forum m'a conseillé de changer de design, après avoir changé la bannière et m'a dirigé entre autres vers ton blog d'aide.Je l'en remercie car j'ai trouvé des choses bien sympathiques.J'ai repéré notamment le modèle "cahier bleu , largeur fixe" mais j'ai 2 questions avant de me lancer : suis-je obligée de passer en design"pretty in pink" et dois je repasser en mode normal, maintenant que j'ai dû passer en mode avancé pour la bannière?Merci par avance.
Pour le monde avancé, il suffira de recopier le CSS dans chaque CSS : accueil, articles...
Agnès
J'avais une idée précise de l'apparence que je voulais donner à mon blog et après de longues recherches, c'est ici que j'ai trouvé les moyens techniques de la réaliser.
Ayant utilisé ce CSS comme base sur laquelle j'ai adapté le fond de ton cahier à spirale jaune et appliqué nombre de tes ficelles pour la personnaliser, on peut dire que je te dois mon design.
Et pour tout cela, je tiens à te dire un grand merci !
J'ai écrit une petite page pour l'indiquer et donner les liens correspondants afin que mes (futurs, parce-que je démarre tout juste) lecteurs le sachent d'une part car cela me paraît être la moindre des choses de le dire et qu'ils puissent aussi avoir recours éventuellement au travail précieux dont tu fais ici cadeau.
Loba.
J'avais une idée précise de l'apparence que je voulais donner à mon blog et après de longues recherches, c'est ici que j'ai trouvé les moyens techniques de la réaliser.
Ayant utilisé ce CSS comme base sur laquelle j'ai adapté le fond de ton cahier à spirale jaune et appliqué nombre de tes ficelles pour la personnaliser, on peut dire que je te dois mon design.
Et pour tout cela, je tiens à te dire un grand merci !
J'ai écrit une petite page pour l'indiquer et donner les liens correspondants afin que mes (futurs parce-que je démarre tout juste) lecteurs le sachent d'une part car cela me paraît être la moindre des choses et qu'ils puissent aussi avoir recours éventuellement au travail précieux dont tu fais ici cadeau.
Loba.