Vous remarquerez que j'ai changé de décor. J'étais tannée du noir et quand je suis allée chez L'ex, ça m'a donné le goût de rajeunir mon espace. Par contre, j'suis pas trop habile avec le HTML et là, j'aimerais que la colonne où mes écrits apparaissent sois plus large et que la colonne avec mes liens soit plus étroite.
C'est Grey's Anatomy dans 3 minutes. Je n'ai pas vraiment le temps (et l'envie) de jouer avec du HTML ce soir, mais j'apprécierais grandement que quelqu'un me donne un coup de main pour rendre le tout à mon goût. J'suis allée voir un peu le code, j'ai fait quelques changements, mais rien de drastique et pas assez pour que je sois satisfaite.
Des volontaires???
5 comments:
Effectivement, le blanc donne un bon coup de "fraîcheur" à ton chez toi. Je voyais pas ça comme ça, mais là j'ai l'impression que le noir faisait plus sombre et dépressif.
Bonne chance dans le HTML, moi j'suis pourrie! Alors je peux pas t'aider!
Pour toi ma belle, je peux bien essayer de t'aider.
La première chose que j'essaierais à ta place c'est, dans le code HTML, là où c'est écrit:
#main-wrapper {
line-height: 1.4;
float: left;
padding: 10px 12px;
border-top: solid 1px #fff;
width: 428px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
/* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */
voice-family: "\"}\"";
voice-family: inherit;
width: 404px;
}
change les Width 425 et 404 par quelque chose de plus grand, du genre 525 et 504 (je ne sais pas pourquoi il y en a deux, je crois c'est une question de compatibilité avec différents navigateurs)
Et pour rétrécir la sidebar:
#sidebar {
float:right;
border-top: solid 1px #fff;
padding: 4px 0 0 7px;
background: #fff;
width: 240px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
change width: 240px par qqc comme 200px.
Également, il faudra que tu changes la largeur où il y a la description de ton blogue (consultation sur place gratuite) :
.descriptionwrapper {
background: #fff url(http://www.blogblog.com/snapshot_sable/bg-sidebar3.gif) 1px 0 no-repeat;
float: right;
width: 250px;
padding: 0 0 0 8px;
margin: 1px 0 2px 0;
}
remplace width: 250px par width 210px ou un truc du genre.
Au total, la largeur de ta page est de 800 px. Alors, si la somme des deux est inférieure à 800px (ou un peu moins en fonction des marges) c'est ce qui crée l'espace blanc entre ton contenu et ta sidebar.
Tu peux mettre la description de ton blogue (consultation sur place) plus large que ta sidebar, ca va faire une zone bleue plus large. En tout cas, t'as juste à expérimenter avec ces 3 endroits, tu devrais t'en tirer.
:)
Je trouve ça aussi plus joli. Et beaucoup plus facile à lire!
Idem, c'est plus clair, plus aéré, moins heu heu, sombre... Bon, je n'arriverai pas à écrire un poème avec ça, moi...
MERCI Mat pour ton coup de main! Tu es un génie!!! Maintenant, c'est à mon goût!!!
C'est vrai qu'avec le fond blanc, c'est moins déprimant... Est-ce que la grosseur du texte est suffisamment grosse???
Post a Comment