Overblog Suivre ce blog
Administration Créer mon blog
27 février 2008 3 27 /02 /février /2008 00:04



AVANT TOUTES ACTIONS :

  • Dans Design, vérifiez que vous avez bien sélectionné le modèle PRETTY IN PINK
  • En haut du CSS, vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.


Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Global Mon Style
Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style

POUR ENLEVER LA COULEUR DE FOND DANS LES MARGES EXTERIEURES


La ligne existe déjà

body {margin:0px; padding:0px; background-color:#FCE4FA; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;}

vous rajoutez ce qui est en bleu

body {margin:0px; padding:0px; background-color:#FCE4FA; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;background:none;}

POUR ENLEVER LA COULEUR (ROSE FONCE) DANS L'ENTETE


Vous rajoutez la ligne

#ln_0 {background:none;}

POUR ENLEVER LA COULEUR (ROSE FONCE) DANS LE PIED DE PAGE


La ligne existe déjà dans le CSS

#footer {margin-top:10px; position:relative; color:#000; background-color:#E610DE;}

Vous modifiez ce qui est en rouge

#footer {margin-top:10px; position:relative; color:#000; background:none;}

POUR ENLEVER LA COULEUR (ROSE CLAIR) DANS LES 3 COLONNES


Vous rajoutez la ligne

 #global{background:none;}
POUR ENLEVER LA COULEUR DE FOND DANS LES REPONSES AUX COMMENTAIRES


La ligne existe déjà

.commentMessage {padding:5px; border:1px dotted #000; margin:0px;}

vous rajoutez ce qui est en bleu

.commentMessage {padding:5px; border:1px dotted #000; margin:0px;background:none;}

Repost 0
Published by Anna K - dans Archives
commenter cet article
15 février 2008 5 15 /02 /février /2008 00:44
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.



CHOIX DU DESIGN :

Dans la barre de menu, cliquez sur Design

adminv2.gif
Puis sélectionnez le thème graphique Funky 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
Dans mon style, collez le CSS suivant


body    { font-family: Verdana, Helvetica, Arial, sans-serif; font-size:small; color:#B63B3D; background-color:#F0E0D8; }
#global { min-width: 1005px;}

#cl_1_0,#cl_1_2 {margin:0px; width:20%;}
#cl_1_1    {margin:0px 1%; width:56%; padding:0 0.5% 0 0.5%;}

a         { text-decoration:underline; color:#B63B3D; font-size:110%; }
a:hover { text-decoration:none; color:#B63B3D;}
input {color:#B63B3D;}

#top    {padding:0px; border-bottom: 0px solid gray; margin-bottom: 10px;background-image:url(http://www.casimages.com/img/jpg/0707050513406265811330.jpg);
background-repeat:no-repeat;background-position:center;height:154px;}
#top h1 { padding:0px; margin:0px;color:#B63B3D; }

#footer   { clear:both; color: #B63B3D; border-top: 0px solid gray; }
#footer p { margin:0px; padding: 10px; }

.box{margin:auto; margin-bottom:15px; padding:0px;border:1px solid #591F20;border-top:0px solid #B63B3D;font-size:x-small; }
.box-titre  {background:none; margin:0px; padding:0px; overflow: hidden;background-color:#D69A9B;border-top:1px solid #591F20;}
.box-titre h2{height:auto; background:none;margin:0px; margin-top:5px;padding:0 0 0 5px; color:#591F20;text-align:center;border-bottom:1px solid #B63B3D;}
.box-titre span{background:none; display:block;margin:0px; padding:0px; }
.box-content { border:0px none;  padding:5px; }
.box-content li {color:#B63B3D;}
.box-footer  {background:none; margin:0px; padding:0px; font-size:6px;display:none;}
.box-footer h2{background:none;margin:0px; padding:0px; }
.box-footer  span{background:none ; display:block;margin:0px; padding:0px; }

.beforeArticle {padding:0px 0px 5px 0px; margin-bottom:4px; border-bottom:1px solid #B63B3D; width:100%; }
.date     { width:100%;text-align:center; }
.article h2 {text-align:center;}
.titreArticle{text-decoration:none;color:#591F20;}
.titreArticle:hover {text-decoration:none;}
.article    { margin-top:10px; padding:0px; color:#591F20;}
.article p  { padding:0px 0px 5px 5px; margin:0px; }

.h2commentMessage {color:#B63B3D;}
.commentMessage  { padding:5px; border:1px solid #591F20;margin:0px; background-color:#F0E0D8; color:#B63B3D;}
.responseMessage  { padding:5px;border:1px solid #591F20;background-color:#D69A9B;margin:0px;color:#F0E0D8;}
.commentOption   {text-align:right;font-size:85%;color:#B63B3D; margin-bottom:10px;}
.afterReactions .linkAddComment {color:#B63B3D;font-size:90%;}

.calendarTop1 { background-color:#F0E0D8;color:#B63B3D;}
.calendarTable1 {background-color:#B63B3D;}
.calendarDays1 {background-color:#F0E0D8;}
.calendarHeader1 {background-color:#B63B3D;}
.calendarToday1 {background-color:#B63B3D;}

Enregistrez.

CHOIX DE LA CONFIGURATION

Dans la barre de menu, cliquez sur Configurer

adminv2.gif

Cliquez sur Mise en page dans la colonne de gauche, tout en bas.
Choisissez une structure 1 colonne modules à gauche+1colonne article au centre + 1 colonne module à droite

Ensuite, vous gardez l'entête et le pied de page et placez les modules voulus dans les colonnes latérales.


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 TexteLibre) - 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 />
<div align="center"><font size="8">DesignAnnak :<br />
blog de designs OB</font></div>

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.
Repost 0
5 février 2008 2 05 /02 /février /2008 00:51



AVANT TOUTES ACTIONS :

  • Dans Design, vérifiez que vous avez bien sélectionné le modèle THE EMERALD FOREST
  • En haut du CSS, vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.


Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Global Mon Style
Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style

POUR ENLEVER L'ENCADREMENT DE L'ENTETE


La ligne existe déjà

#top    { border: 3px solid #626D13; margin:0px; width:790px;}

Il faut modifier ce qui est en bleu

#top    { border: 0px solid #626D13; margin:0px; width:790px;}

POUR ENLEVER LA COULEUR DE FOND DANS LE TITRE DU MODULE


La ligne existe déjà dans le CSS

.box-titre{ position:relative; background-color:#ABB78E; padding-left: 20px; background-image:url(http://fdata.over-blog.com/99/00/00/01/templates/232/default/article/common/pics/cotes.png); background-repeat: no-repeat; text-align: left; background-position:5px 0px; border-bottom: 2px solid #fff}

il faut modifier ce qui est en rouge

.box-titre{ position:relative; background:none; padding-left: 20px; background-image:none; text-align: left;  border-bottom: 2px solid #fff;}

POUR ENLEVER LA COULEUR DANS LE CONTENU DU MODULE


Les lignes existent déjà dans le CSS

.box{ position:relative; margin-bottom: 5px; border-bottom:1px solid #626D13; background-color:#FFF; padding-bottom:5px; border-bottom:1px solid #626D13;}
.box-content     {overflow:auto; padding: 2px; color: #626D13; background: #DDE3CF;}

On modifie ce qui est en bleu

.box{ position:relative; margin-bottom: 5px; border-bottom:1px solid #626D13; background:none; padding-bottom:5px; border-bottom:1px solid #626D13;}
.box-content     {overflow:auto; padding: 2px; color: #626D13; background: none;}

POUR ENLEVER LE FOND DANS LES COMMENTAIRES ET REPONSES


La ligne existe déjà

.commentMessage { margin:5px; border:1px dotted #626D13; background-color:#ABB78E; color:#626D13}

vous modifiez ce qui est en bleu

.commentMessage { margin:5px; border:1px dotted #626D13; background:none; color:#626D13}

POUR ENLEVER LE FOND DANS LES REFERENCES SOUS LES COMMENTAIRES ET REPONSES


La ligne existe déjà

.commentOption     {margin:5px; text-align:left; color:#626D13; margin-bottom:10px; background-color:#ABB78E; border:1px dotted #626D13; color:#626D13;}

il faut modifier ce qui est en rouge

.commentOption     {margin:5px; text-align:left; color:#626D13; margin-bottom:10px; background:none; border:1px dotted #626D13; color:#626D13;}


POUR ENLEVER LA COULEUR DE FOND DANS LES MARGES EXTERIEURES


La ligne existe déjà

body    { margin:0px; padding:0px; background-image:url(http://fdata.over-blog.com/99/00/00/01/templates/232/default/article/common/pics/fond.png); font-family: Arial,Verdana,sans-serif; font-size:x-small;}

vous modifiez ce qui est en bleu

body    { margin:0px; padding:0px; background:none; font-family: Arial,Verdana,sans-serif; font-size:x-small;}

Repost 0
Published by Anna K - dans Archives
commenter cet article
4 février 2008 1 04 /02 /février /2008 00:59
Les candidats

224 blogs se sont présentés à ce concours venant de diverses plateformes : Over-Blog, OldiBlog, BlogSpot, CanalBlog, MySpace, Doctissimo,,MidiBlogs, 6maBlog, HauteFort, VipBlog, Blog50, 20six, SosBlog, SkyRock, BlogSpirit, AutoBlog, Free, Blogg, BlogSpace ou ayant leur propre nom de domaine.

Nous passons donc à la phase de vote.

Pour ceux qui voudraient se promouvoir,  il est possible de mettre ce gif sur leur blog. Il suffira à leurs visiteurs de cliquer dessus pour se retrouver sur cette page. Il peut être intéressant de signaler le numéro de votre blog pour leur faciliter la tâche.


Les votes

Je vous rappelle que les votes sont ouverts du 4 au 29 février 2008.

  Registre clos

Résultats : les gagnants

Il n'est possible de voter qu'une fois par jour.

J'ai dû découper le sondage en 4 parties, il était trop lourd :

Notez autant de blogs que vous le désirez en sélectionnant dans le menu déroulant une note de 0 à 10.

Une fois la sélection complète effectuée
dans chaque sondage et avant de cliquer sur VOTEZ et de valider votre choix final,

AVERTISSEMENT :
  • vérifiez que les blogs pour lesquels vous ne votez pas sont bien à 0.
  • ce concours est organisé pour le fun : ce n'est pas le concours d'entrée à l'ENA. Relativisez ! Votre vie n'est pas en jeu
Pour vous aider, vous avez toujours accès à la liste récapitulative des blogs avec la saisie d'écran de leur page d'accueil :
Repost 0
Published by Anna K - dans Vie des Blogs
commenter cet article
3 février 2008 7 03 /02 /février /2008 00:26
Le registre des inscriptions est clos : voici la liste défintive des 224 candidats à notre concours du plus beau blog


1 - Vronski Beat
2 - Notre Cuisine Algérienne/
3 - Algérienne Pour Toujours
4 - Au Rendez-vous de Kri
5 - Ange Création
6 - Seule Au Monde
7 - Annecy Ma Ville
8 - Tout Sur Barrueco
9 - Games and Geeks
10 - Mes parfums d'Egypte
11 - L'Explorateur Vista
12- Le Musée à Ciel Ouvert
13 - Info PC
14 - L'Ecole pour les Parents
15 - A vos couleurs
16 - Le Jardin de Sissi
17 - La Grange aux Créations
18 - Carpe Diem
19 - Les Créations de [dd]
20 - Les Design de [dd]
21 - Camomille
22 - Fenua Blog
23 - Amateur de Nature
24 - Sous toutes les Coutures
25 - Le Blog Au Vol
26 - L'Univers d'Arielle
27 - Arielle la poêtesse
28 -Collection Privée Ascari
29 - Le Blog de Jackline
30 - Miriel Galadriel
31 - Quelques photos
32 - Le Jardin Enchanté
33 - Au Fil de mes Rêves
34 - De Tout et de rien
35 -  Culture Confiture
36 - Une vision de la japanim
37 - Japonica d'une Gaijin
38 - Voyage Culinaire avec Mimisan
39 - Adishatz
40 - SovietSuprem
41 - Sylvia et Chris
42 - Deydey
43 - Les Tribulations d'Antoine
44 - Photos et Loisirs
45 - Marie Bland
46 - Sabine Biazot
47 - Chorouky
48 - La petite Vie de Anna
49 - Peace Sells
50 - Un autre regard
51 - Montagne
52 - Photographies
53 - La Corbeille de fruits
54 - Bisounours
55 - Le Blog de Titou
56 - Tristana
57 - Chez Marie
58 - Le Blog de Francis
59 - L'avis de Julie
60 - Bakapulu
61 - LongKastedey
62 - Les manuscrits d'Aurore
63 - Services à la Personne
64 - Le blog des Loupiots
65 - Arteashow
66 - Le Jardin de mes pensées
67 - Objectif Photo
68 -Petits Contes et Cie
69 - Couleurs ailleurs
70 - Le Petit quotidien d'Annabel
71 - Animagifs
72 - Paris-Beijing
73 - F3V Factory
74 - Passion Création
75 - Montages et Restauration
76 - Egyptologifs
77 - Bienvenue en Thaïlande
78 - Entre mer et terre
79 - Clin d'oeil de Ranchal
80 - C'est Sport de Café 
81 - Out of Moorea
82 - L'aventure continue
83 - Les dernières News People
84 - L'Instant dit 
85 - Petits bonheurs...
86 - Viet-Nam 2006
87 - Les Nounous d'enfer
88 - Notre petite famille
89 - Le site des bons plans
90 - Le blog zazouille
91 - Faunaflore
92 - Photos pour vous
93 - Ce que j'écris, ce(ux) que j'aime
94 - Arcane
95 - Chipette
96 - Rebel
97 - My.art
98 - Eryn et sa planête
99 - le plaisir de courir
100 - Myricoud
101 - Ceedjanne
102 - Les potins de Ionard
103 -Le Zd83
104 - Belle étoile
105 - Akikcekça
106 - Revelise
107 - Kassandra
108 - Le blog d'Agathe
109 - Les cartes d'Agathe
110 - Joline
111 - Le blog de Trosh
112 - Suffragettes
113 - Ma Plume d'Argent
114 - La Chaumontaise
115 - La Fée d'ombre
116 - Oasis
117 -Le blog des escaliers
118 - Labakutch
119 - Le Blog des CE2
120 - Mes voyages...et..
121 - Erotissimo (adulte)
122 - Art Trading Card
123 - V.IT.R.I.O.L.
124 - Le blog de Pascale D
125 - Miss Blandine
126 - Carnets de Voyage
127 - Lola aime le chocolat
128 - VivaNatura.art
129 - Bulles dorées
130 - A toi mon toit
131 - Brigitte ZsamBokrethy
132 - Free Cuisine
133 - Epices-moi
134 - Photo.graph
135 - ZenAttitude
136 - Stella Vidal
137 - Rêves et Souvenirs
138 - Bibis Parle d'amour
139 - L'univers des anges
140 - Notre Japon
141 - Tableaux de Vera
142 - PoterieGériatrie
143 - MousePotato
144 - Helioss Art
145 - Blog de Mimy du 57
146 - The Madina Project
147 - Ballade Egyptienne
148 - Wilwarine
149 - Le p'ti Monde d'Alias
150 - Bord de mer
151 - Lunaworld
152 - Un clin d'oeil de Bretagne
153 - Manual22
154 - Les yeux de ma vie
155 - D'clics D'Isa
156 - UrbanLife
157 - Galimatias et Charabia
158 - Les céramiques d'Odile
159 - Le Scrap de Véro
160 - Le blog du Pierrot
161 - Les rêves de Sarah
162 - Le blog de Thomas
163 - Normandy 50
164 - ChanteCoucou
165 - Aventure Défender
166 - Le blog de Bloguette
167 - Le jardin secret de Petit Ange
168 - Mon quotidien à moi
169 - Teano Mon tout beau
170 - DécaP'Sur l'Heure
171 - Coriolis
172 - Cathie Photographies
173 - ScrapAnge
174 - MSN Maniac
175 - Balade en Cotentin
176 -L'oeil dans le viseur
177 - Scrap-Hil
178 - Digitscrap-hil
179 - Tahiti'Touv
180 - Balades à travers mes clichés
181 - Inspiration
182 - Vogue la galère!
183 - Stargat6
184 - La galerie de Martineb
185 - Fée Clochette
186 - Chez Bylbie
187 - Info-Express
188 - Les passions du capitaine René
189 - Ma passion...la photo
190 - JollyMeloPassion
191 - Coralie Colorie
192 - Un pinceau dans l'oeil
193 - Coralie et Océane
194 - BenoistVille
195 - Les Domi-Mots
196 - En route pour Tahiti
197 - Cheval Appaloosa
198 - Le blog de papier
199 - Cross Stitch Création
200 - Mon Nombril, moi et les autres
201 - Pef's art
202 - A la sauce Juliette
203 - La poésie de Laurélyne
204 - Bébé Blog
205 - La maison de Théo
206 - Chocolamande
>
207 - Mon style, ma Déco
208 - The rainbow of Sugar baby love
209 - Bulle pliante
210 - Photos Pyrénées Orientales
211 - Les photos de Lorenico
212 - Pat de Bigorre
213 - Développement Personnel
214 - Le petit monde d'Antigone
215 - Les photos de Lilou
216 - Les sauvages
217 - Chez Noisette
218 - Le Rottweiler une race magnifique
219 - Lili Gloss
220 - Ma vie détruite par la Police
221- Pensées sauvages
222 - Amiworld
223 - Funktion
224 - La Mouzon Family
 

Repost 0
Published by Anna K - dans Vie des Blogs
commenter cet article
15 janvier 2008 2 15 /01 /janvier /2008 00:26
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.



CHOIX DU DESIGN :

Dans la barre de menu, cliquez sur Design

adminv2.gif
Puis sélectionnez le thème graphique Funky 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
Dans mon style, collez le CSS suivant


body    { font-family: Verdana, Helvetica, Arial, sans-serif; font-size:small; color:#40586C; background:url(http://fdata.over-blog.com/1/29/47/23/thumbs/Fonds-carr--s/tweed07.jpg); }
#global { min-width: 1005px;}

#cl_1_0,#cl_1_2 {margin:0px; width:20%;}
#cl_1_1    {margin:0px 1%; width:56%; padding:0 0.5% 0 0.5%;}

a         { text-decoration:underline; color:#40586C; font-size:110%; }
a:hover { text-decoration:none; color:#40586C;}

#top    {padding:0px; border-bottom: 0px solid gray; margin-bottom: 10px;background-image:url(http://www.casimages.com/img/gif/070415045717481045.gif);
background-repeat:no-repeat;background-position:center;height:154px;}
#top h1 { padding:0px; margin:0px;color:#40586C; }

#footer   { clear:both; color: #40586C; border-top: 0px solid gray; }
#footer p { margin:0px; padding: 10px; }

.box{margin:auto; margin-bottom:15px; padding:0px;border:1px solid #293845;border-top:0px solid #293845;font-size:x-small; }
.box-titre  {background:none; margin:0px; padding:0px; overflow: hidden;background-color:#99AFC4;border-top:1px solid #293845;}
.box-titre h2{height:auto; background:none;margin:0px; margin-top:5px;padding:0 0 0 5px; color:#293845;text-align:center;border-bottom:1px solid #293845;}
.box-titre span{background:none; display:block;margin:0px; padding:0px; }
.box-content { border:0px none;  padding:5px; }
.box-content li {color:#000033;}
.box-footer  {background:none; margin:0px; padding:0px; font-size:6px;display:none;}
.box-footer h2{background:none;margin:0px; padding:0px; }
.box-footer  span{background:none ; display:block;margin:0px; padding:0px; }

.beforeArticle {padding:0px 0px 5px 0px; margin-bottom:4px; border-bottom:1px solid #40586C; width:100%; }
.date     { width:100%; }
.titreArticle{text-decoration:none;color:#000033;}
.titreArticle:hover {text-decoration:none;}
.article    { margin-top:10px; padding:0px; }
.article p  { padding:0px 0px 5px 5px; margin:0px; }

.h2commentMessage {color:#000033;}
.commentMessage  { padding:5px; border:1px dotted #f8f8f8; margin:0px; background-color:#40586c; color:#f8f8f8;}
.responseMessage  { padding:5px; border:1px dotted #40586C;background:#99AFC4; margin:0px;color:#f8f8f8;}
.commentOption   {text-align:right;font-size:85%;color:#40586C; margin-bottom:10px;}
.afterReactions .linkAddComment {color:#000033;font-size:90%;}

.calendarTop1 {background:url(http://fdata.over-blog.com/1/29/47/23/thumbs/Fonds-carr--s/tweed07.jpg);color:#000033;}
.calendarTable1 {background-color:#000033;}
.calendarDays1 {background:url(http://fdata.over-blog.com/1/29/47/23/thumbs/Fonds-carr--s/tweed07.jpg);}
.calendarHeader1 {background-color:#99AFC4;}

Enregistrez.

CHOIX DE LA CONFIGURATION

Dans la barre de menu, cliquez sur Configurer

adminv2.gif

Cliquez sur Mise en page dans la colonne de gauche, tout en bas.
Choisissez une structure 1 colonne modules à gauche+1colonne article au centre + 1 colonne module à droite

Ensuite, vous gardez l'entête et le pied de page et placez les modules voulus dans les colonnes latérales.


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 TexteLibre) - 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></div><br />
<div align="center"><font size="6">
DesignAnnak :<br />
blog de designs OB</font></div>

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.
Repost 0
6 janvier 2008 7 06 /01 /janvier /2008 00:58


AVANT TOUTES ACTIONS :

  • Dans Design, vérifiez que vous avez bien sélectionné le modèle ORANGE COUNTY
  • En haut du CSS, vérifiez que la case "Je souhaite modifier et appliquer la feuille de style à mon blog" est bien cochée.


Si vous êtes en mode normal, vous faîtes ces modifications dans le CSS Global Mon Style
Si vous êtes en mode avancé, vous faîtes ces modifications dans tous les CSS Mon Style

POUR ENLEVER L'ENCADREMENT DE L'ENTETE


La ligne existe déjà

#top    { width:794px; margin:0px auto; border: 3px solid #F90; }

Il faut modifier ce qui est en bleu

#top    { width:794px; margin:0px auto; border: 0px solid #F90; }

POUR ENLEVER LA COULEUR DE FOND DANS LE TITRE DU MODULE


Cette ligne existe déjà dans votre CSS, le fond est en rouge ci-dessous :

.box-titre{padding-left:20px; background:#FF9900 url(http://fdata.over-blog.com/99/00/00/01/templates/234/default/article/3/pics/cotes.png) 5px 0px repeat-y;text-align: left; border-bottom:2px solid #fff}

Vous la remplacez par

.box-titre{padding-left:20px; background:none ; background-image:none; text-align: left; border-bottom:2px solid #fff}

POUR ENLEVER LA COULEUR DANS LE CONTENU DU MODULE


Vous rajoutez la ligne dans le CSS

.box-content {background:none;}

POUR ENLEVER LES TRAITS ENTRE LES MODULES


La ligne existe déjà dans le CSS

.box{ position:relative; background-color:#FFF; padding-bottom:5px; border-bottom:1px solid #413D3D;}

Vous modifiez ce qui est en rouge

.box{ position:relative; background-color:#FFF; padding-bottom:5px; border-bottom:0px solid #413D3D;}

POUR ENLEVER LE TRAIT ENTRE LE TITRE ET LE CONTENU DE L'ARTICLE


La ligne existe déjà

.contenuArticle {padding-top: 4px; border-top: solid 1px #413D3D.}

Vous modifiez ce qui est en rouge

.contenuArticle {padding-top: 4px; border-top: solid 0px #413D3D}

POUR ENLEVER LE FOND DANS LES COMMENTAIRES ET REPONSES


La ligne existe déjà

.commentMessage { margin:5px; border:1px dotted #626D13; background-color:#BED2D8; color:#4C4C49}

vous modifiez ce qui est en bleu

.commentMessage { margin:5px; border:1px dotted #626D13; background:none; color:#4C4C49}

POUR ENLEVER LE FOND DANS LES REFERENCES SOUS LES COMMENTAIRES ET REPONSES


La ligne existe déjà

.commentOption     {margin:5px; text-align:left; color:#4C4C49; margin-bottom:10px; background-color:#BED2D8; border:1px dotted #4C4C49; color:#4C4C49;}

il faut modifier ce qui est en rouge

.commentOption     {margin:5px; text-align:left; color:#4C4C49; margin-bottom:10px; background:none; border:1px dotted #4C4C49; color:#4C4C49;}

POUR ENLEVER LA COULEUR DE FOND DANS LES MARGES EXTERIEURES


La ligne existe déjà

body    { margin:0px; padding:0px; background-color:#F1C17A; font-family: Arial,Verdana,sans-serif; font-size:x-small; color:#4C4C49; background-image:url(http://fdata.over-blog.com/99/00/00/01/templates/234/default/article/3/pics/fond.png);}

vous modifiez ce qui est en bleu

body    { margin:0px; padding:0px; background:none; font-family: Arial,Verdana,sans-serif; font-size:x-small; color:#4C4C49; }

Repost 0
Published by Anna K - dans Archives
commenter cet article
5 janvier 2008 6 05 /01 /janvier /2008 00:21
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 780px de large.



CHOIX DU DESIGN :

Dans la barre de menu, cliquez sur Design

adminv2.gif
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
Dans mon style, collez le CSS suivant


body {margin:0px; padding:0px;font-family: Ravie, Helvetica,Verdana,  Arial, sans-serif; font-size:small;background:url(http://www.casimages.com/img/070317064343395618.gif);
background-attachment:fixed; background-repeat:repeat-y;background-position:center ;background-color:#4D5B7F; }
#global {background:none;width:780px;}

a {text-decoration:none; color:#4D5B7F; font-size:110%;}
a:hover {text-decoration:underline; color:#4D5B7F;}

#ln_0{background:none;margin-left:-10px;}
#top h1 {padding:0px; margin:0px;}
#top  {margin:0px; padding:0px;  border:0px none;background:none;}

#footer {margin-top:10px; position:relative; color:#4D5B7F; background-color:transparent;}
#footer p {margin:0px; padding: 10px;}


#cl_1_0{}
#cl_1_1    {margin:0px;   padding:5px; float:right;width:570px;}

.beforeArticle {padding:0px 0px 5px 0px; margin:0px; width:100%; color:#4D5B7F;}
.article {margin-top:0px; padding:0px; margin-bottom:5px;color:#4D5B7F;text-align:justify;border: 1px solid #4D5B7F;}
.date {text-align:center;}
.titreArticle {text-decoration:none;color:#4D5B7F;}
.titreArticle:hover {text-decoration:underline; color:#4D5B7F;}
.divTitreArticle{text-align:center; }
.afterArticle {color:#4D5B7F;}
.topic a { color:#4D5B7F; }

.box { margin:0px; padding:0px; margin-bottom:10px;border: 1px solid #4D5B7F; }
.box-titre h2 {color:#4D5B7F; margin-left:10px; margin-right:10px; margin-top:10px; margin-bottom:0px;border: 1px solid #4D5B7F; }
.box-titre {padding:0px; text-align:center;}
.box-content {overflow:auto; padding:2px 5px; color:#4D5B7F;}
.box-content li {color:#4D5B7F;}

.newsletter .box-content {color:#4D5B7F;}
.calendarTop1 {color:#4D5B7F;}
.calendarHeader1 {color: #4D5B7F;}
.calendarToday1 {color:#4D5B7F;border: 1px solid #4D5B7F; }

.commentMessage {padding:5px; border:1px solid #4D5B7F; margin:0px;background-color:#BDC4CF;color:#4D5B7F;}
.responseMessage {padding:5px; border:1px solid #5A5A42; margin:0px;background-color:#4D5B7F;color:#BDC4CF;}
.commentOption {text-align:right; font-size:90%; color:#4D5B7F; margin-bottom:10px;}
.h2commentMessage {color:#4D5B7F; }

#formComment  {background-color:transparent;border:2px solid #4D5B7F;   }
#divRecommander { background-color:transparent; border:2px solid #4D5B7F;  }
#divNewsletter { background-color:transparent; border:2px solid #4D5B7F;  }

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

adminv2.gif

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 gauche.


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="780" align="center" background="http://www.casimages.com/img/gif/07090908295562651188836.gif" border="1">
    <tbody>
        <tr>
            <td><br />
            <div align="center"><font size="6"><font color="#bdc4cf">DesignAnnaK :<br />
            le blog de design OB </font></font></div>
            <div align="center">&nbsp;</div>
            </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.
Repost 0
4 janvier 2008 5 04 /01 /janvier /2008 00:06
Ca vous dirait de participer à l'élection 2008 du plus beau blog ?

Pas d'affolement, de complexe ou de modestie ;) il n'ait pas besoin d'avoir beaucoup trafiqué son CSS pour avoir  un joli blog :
  • le critère principal est l'harmonie des couleurs, la lisibilité, l'ergonomie...est-il plaisant de naviguer sur ce blog ?
L'inscription est ouverte à tous :
  • quel que soit le thème du blog (si c'est un blog adulte, merci de le signaler)
  • quelle que soit la plate-forme du blog
Alors :
  • la 1ère étape : en commentaire, vous laissez l'adresse de votre blog

Pour promouvoir ce concours, vous pouvez mettre une de ces bannières sur votre blog :

Ce joli Flash réalisé par Jean-Michel de INFO PC
Cet objet nécessite un plugin pour être lu ou le fichier n'est pas accessible.
Vous pouvez tenter d'ouvrir directement le fichier par ce


 
  • la 2ème étape : je récapitule toutes les inscriptions dans un module de sondage
Les candidats déjà inscrits
  • la 3ème étape : les blogs-candidats sont visités et notés de 1 à 10 par les participants et visiteurs de ce blog
  • la 4ème étape : promulgation des résultats : les candidats sont classés par le nombre de points obtenus 
Mais il faut jouer le jeu sérieusement : s'engager à visiter les blogs, les noter, faire des découvertes... pas cliquer comme un(e) malade sur la note de son propre blog.

LES DATES A RETENIR

Les dates d'inscriptions
: du 4 au 31 janvier 2008 :  Registre clos

Les dates de vote : du 4 au 29 février 2008 : clos

Les résultats : dimanche 9 mars 2008 : 
les gagnants

Les récompense
s : outre notre admiration éternelle, des visites sur votre blog et une mise en valeur des 3 premiers blogs dans un article.

Repost 0
Published by Anna K - dans Vie des Blogs
commenter cet article
1 janvier 2008 2 01 /01 /janvier /2008 19:04
Les Ficelles d'Anna K : Aide pour créer et personnaliser un blog

Code à recopier:


Repost 0
Published by Anna K - dans Vie des Blogs
commenter cet article