Welsh 2.0, 2 colonnes

Là où Kozlika tricote et détricote le xhtml, les css, un peu de PHP et surtout Dotclear.

Billet

Varia­tion pour deux colon­nes du thème Welsh 2.0

welsh2.jpg

A la demande de l’ami Biou pour son blog et d’autres aupa­ra­vant, j’ai ter­miné la varia­tion pour deux colon­nes du thème Welsh 2.0.

Il est livré dans le même embal­lage que Welsh 2.0 en trois colon­nes. Pour uti­li­ser la ver­sion en deux colon­nes, créer un réper­toire nommé 3cols-files dans le réper­toire du thème Welsh et y pla­cer les fichiers :

  • layout.css
  • screen­shot.jpg
  • style.css

Puis dépla­cer les trois fichiers con­te­nus dans le réper­toire 2cols-files à la place de ceux que vous venez de reti­rer.

(Pour ne pas nous épar­piller, merci de n’uti­li­ser les com­men­tai­res du pré­sent billet que pour les ques­tions spé­ci­fi­ques à cette varia­tion et de poser vos ques­tions géné­ra­les sur ce thème dans le billet de Welsh 2.0.)

Commentaires

1. Le mercredi 29 août 2007, 08:37 par Kagou

Merci pour cette mise à jour :)
Mon blog avec 2 colonnes -> Par ici

Alors première remarque, la colonne étant à droite (on aura bientôt le choix ?! ;) ), peut être qu'il serait bien de mettre l'option qui va bien afin , soit de tronquer, soit de réduire les images tros grandes qui débordent sur la colonne de droite (voir sur mon blog).
Deuxième remarque : tu parles de 2cols-files alors que dans l'archive c'est 2col-files

Et dernière remarque : il m'a été difficile de comprendre les explications pour passer en 2 colonnes.

Peut être qu'en fournissant les 2répertoires (3cols-files et 2cols-files), avec dedans les 3 fichiers qui vont bien. Il suffira par la suite de dire qu'il suffit de prendre les 3 fichiers dans le répertoire de l'option voulue et de les mettre à la racine en écrasant ceux existant.

Bonne journée

2. Le mercredi 29 août 2007, 08:54 par Kozlika

Bonjour Kagou et merci de tes remarques :)

Pour la première, que la colonne de menu soit à gauche ou à droite ne changera pas le fait que la colonne des billets ne peut accueillir un élément trop large pour elle sans casser la mise en page. Je ne souhaite pas ajouter de règle de tronquage car c'est au tenancier du blog de veiller au contenu qu'il y place ou de choisir s'il préfère retoucher son image ou la tronquer. En outre d'ailleurs, le tronquage n'est pas possible car la règle .post img {overflow:hidden;} ne pourrait s'appliquer que si .post@@ avait une largeur fixe, ce qui n'est pas le cas dans ce layout fluide... Quant à la réduire, on ne peut pas faire ça en automatique dans le thème : une fois encore c'est à l'auteur de charger les images en tenant compte de ses contraintes graphiques. Cependant la meilleure solution consiste à insérer une image en taille réduite (small ou medium) avec un lien vers l'image à sa taille originelle. Dotclear 2 permet de faire ceci très facilement depuis la fenetre d'insertion d'image.

Pour la deuxième remarque, tu as raison, je vais tacher d'etre plus claire. Cependant je préfère laisser le 3 colonnes en variante par défaut, ne serait-ce que pour que le blog s'affiche avec une présentation dès le départ sans que l'utilisateur doive obligatoirement passer par son ftp (manœuvre d'ailleurs impossible sur plate-forme...). Je vais reformuler.

Merci encore de tes suggestions :)

3. Le mercredi 29 août 2007, 10:12 par Kagou

Attention je ne te dis pas de mettre le 2 colonnes par défaut, mais juste que les 2 répertoires soient déjà créés dans ton archive, et qu'ils contiennent les fichiers correspondant. Cela évite 2 manipulations (création répertoire, et copie des fichiers dedans). Je pense juste simplification pour l'utilisateur :)

4. Le samedi 8 septembre 2007, 11:29 par Xyzo

Salut,
Excellent travail sur ce thème (et tes autres thèmes en général !) : je viens de l'adopter pour mon blog (http://blog.lmartin.fr).
Petite question : comment utiliser les onglets que tu as prévus en haut à droite ? Par exemple, je voudrais mettre en onglets la liste des différentes rubriques (catégories) de mon blog. C'est peut-être une question plus liée à DC2 en général, mais peut-être peux-tu me filer quelques pistes ;-) Merci d'avance !

5. Le samedi 8 septembre 2007, 11:45 par Kozlika

Tu veux l'alimenter automatiquement ou une insertion manuelle te conviendrait ? (tiens j'y pense, pour cette deuxième option je dois pouvoir faire un tuto standard pour que les onglets soient identifiés actifs).

(Et puis il faudrait que tu modifies la css car en ajoutant la description du blog ça a fait "descendre" les onglets :)

6. Le samedi 8 septembre 2007, 14:53 par Xyzo

> Tu veux l'alimenter automatiquement ou une
> insertion manuelle te conviendrait ?
Une insertion "manuelle" devrait faire l'affaire!

> (tiens j'y pense, pour cette deuxième option
> je dois pouvoir faire un tuto standard pour que
> les onglets soient identifiés actifs).
Excellente initiative ;-)

> (Et puis il faudrait que tu modifies la css
> car en ajoutant la description du blog ça a fait
> "descendre" les onglets :)''
Bien vu. J'ai modifié la CSS mais du coup, je me suis rendu compte que sous IE7, les onglets étaient trop hauts d'1 pixel : le même problème apparaît sur le thème Welsh 2.0 avant mes modifications (cf. ton blog en thème Welsh)...