Les quelques changements du look ‘n’ feel

J’ai réussi à faire tout ce que je voulais (j’y ai passé une bonne soirée quand même).  Une petite réserve juste sur le compteur de catégorie que j’aurais préféré inclu et de même couleur que le lien, mais bon autant tripatouiller du css c’est ‘facile’ autant le php qui se planque derrière c’est une autre affaire …

  • Sous-titre du blog en h2

Pas en h2 mais juste en gras, cela suffit je trouve

/*Mettre le sous titre du blog en valeur*/
#header p {
	font-weight:bold;
}

  • Colonnes 1,5-2 x plus larges

Voir le code pour comprendre, c’était pas facile

/*Redimensionnement du container pour laisser de la place aux colonnes gauche et droite*/
#container {
	padding-left: 170px;
	padding-right: 200px;
}
/*Agrandissement de la colonne droite*/
#rightsidebar{
	width : 150px;
}

/*agrandissement de l'espace réservé aux liens dans la partie droite*/
#rightsidebar ul ul li a {
	width:130px;
}

/*Agrandissement et repositionnement de la colonne gauche*/
#leftsidebar {
	right:200px;
	width:150px;
}

/*Empêche le retour à la ligne entre les catégories et le compteur*/
#leftsidebar ul ul li a {
 /*display:block;*/
}
  • Pagebar un rien plus haute/large
/*Agrandissement de la barre des pages 88->99 + padding de 1px*/
.headerlist {
	height:90px;
}
#header ul {
	padding:1px;
}
  • Headers des titres de posts un rien plus enveloppant (comme la pagebar en fait)
/*Agrandir les titres de post*/
.posttitle a {
	padding:1px 10px;
}
  • Peut-être supprimer les liens oranges dans une couleur plus passe-partout ?

Je m’y suis habitué donc je laisse tomber l’idée.

Ci dessous un fichier ‘patch’ montrant les différences et modification de façon assez bien résumée.
C’est un peu élitiste, mais pas très dur a comprendre si vous faites un peu attention

72,73c72,73
< 	padding-left: 170px;
< 	padding-right: 200px; 
--- 
> 	padding-left: 150px;      /* LC fullwidth */
> 	padding-right: 180px;     /* RC fullwidth + CC padding */
90c90
< 	width: 150px;             /* LC width */ 
---
> 	width: 130px;             /* LC width */
92c92
< 	right: 200px;             /* LC fullwidth + CC padding */ 
--- 
> 	right: 180px;             /* LC fullwidth + CC padding */
98c98
< 	width: 150px;             /* RC width */ 
--- 
> 	width: 130px;             /* RC width */
291c291
< 	height: 90px; /* 75 + 13 + 2*1 padding*/ 
--- 
> 	height: 88px; /* 75 + 13 */
301,302d300
<
< 	font-weight:bold;
319c317
< 	padding: 1px;	 
--- 
> 	padding: 0;
510c508
< /*	display: block;*/ 
---
> 	display: block;
643c641
< 	width: 130px; 
--- 
> 	width: 110px;
917c915
< 	padding: 1px 10px; 
--- 
> 	padding: 0 10px;

Merci à la femme de ma vie pour l’aide qu’elle m’a fournie ;-)

Posted in Uncategorized by El Gnap at August 13th, 2010.
Tags: , , , ,

Comments are closed.