Nouvelles versions des thèmes pour DotClear 1.2.1

« mai 2005 »
lun	mar	mer	jeu	ven	sam	dim
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31

"Il y a des moments dans la vie où on donnerait n'importe quoi pour savoir ce qu'on vient de comprendre d'essentiel." Pennac

précedent suivant

Nouvelles versions des thèmes pour DotClear 1.2.1

Par Zoe, mardi 3 mai 2005 - Thèmes - #39 - rss

L'ensemble des thèmes que vous pouvez librement télécharger sur ce blog ont été mis à jour afin de tenir compte des modifications apportées par la nouvelle version de DotClear.

Thème 3 colonnes fixes (version 1.2)

Thème 3 colonnes dont celle du milieu fluide (version 1.2)

Thème 3 colonnes toutes fluides (version 1.2)

Thème Green (version 1.2)

Ces 4 thèmes prennent en compte :

Les pages connexes : si le pluggin related de Zeubeubeu est installé
Les liens vers les autres thèmes : si le pluggin themeswitcher de Zeubeubeu est installé
La wikibarre de Pep

Les thèmes 3 colonnes comprennent l'extrabox de Kozlika

Trackbacks

Les trackbacks pour ce billet sont fermés.

1. Le vendredi 15 juillet 2005 à 22:28, de « Sésame, ouvre-toi »

J'ai décoré la caverne ^^

Et voilà ! Après plusieurs mois avec le thème par défaut, je me suis enfin décidé à créer un petit thème sympa pour mon blog. Je me suis fondé au départ sur le thème Green de Zoé, mais en fait j'ai pratiquement tout refait...

Commentaires

1. Le jeudi 5 mai 2005 à 14:47, par anne67

vraiment super ton site. J'ai utilisé ton thème 3 colonnes fluides, mais là ou je ne m'en sors pas (est-ce du fait d'IE ) c'est que le côté gauche, s'arrête où s'arrête les billets ou les photos ?

Mais encore bravo

2. Le jeudi 5 mai 2005 à 16:10, par Zoe

Anne67 : Merci pour le compliment ;)
Est-ce que je peux voir la page où tu as le problème s'il te plaît ? Parce que sur le site de Joffrey, tout à l'air d'être bon...

3. Le jeudi 5 mai 2005 à 17:09, par anne67

En fait, c'est lorsque j'ouvre un seul billet ou une galerie. Par ex. : http://joffrey.bouissac.net/?2005/03/29/67-nouvelles-rubriques là la colonne de gauche est coupée à hauteur de la fin du billet

Mais ce que je ne comprends pas (je débute...)c'est que lorsque je réactualise la page, je l'ai en entier... C pourquoi je pensais que celà venait peut-être d'internet explorer 6 ??

4. Le jeudi 5 mai 2005 à 17:34, par Zoe

Anne67 : Effectivement ça merde sous IE. Ce que je te conseille de faire en premier lieu c'est de corriger toutes les erreurs en xhtml car le code des pages de Joffrey n'est pas valide (infos sur la validation). Cela permettra déjà d'y voir plus clair et d'éliminer des causes au problème.

5. Le jeudi 5 mai 2005 à 17:57, par anne67

Merci pour tes conseils Mais pour celà, je suis encore un peu novice... il faut que je me plonge dans les codes.

6. Le jeudi 5 mai 2005 à 17:59, par anne67

et je ne sais pas ou trouver les explications...

7. Le jeudi 5 mai 2005 à 18:06, par Zoe

Si tu passes tes pages au validateur tu as toutes les infos sur ce qui ne va pas et les liens vers des explications (pas toujours évidentes pour un novice je te l'accorde) mais tu devrais arriver à corriger des trucs. Si tu as un souci, n'hésite pas à demander ;)

8. Le vendredi 6 mai 2005 à 17:48, par anne67

Merci

9. Le dimanche 8 mai 2005 à 14:09, par anne67

En fait, je crois que j'ai compris pourquoi celà ne marche pas, sur le coté gauche : j'ai ajouté la tribune et le vote que j'ai mis à la suite de l'extra box..
<div id="main">
  <div id="wrapper">
    <div id="extrabox">
      <?php dcKozliBloc(); ?>	
        <div id="Tribune">
          <h2>
            <img src="images/icones/Chat.gif" />  
            Livre d'or</h2>
            </h3>Laissez-moi un petit message, exprimez-vous, 
            mais restez dans le respect de la netiquette</h3>
            <?php dcTribune::showMsg(10,120,30,25,50); ?>
            <?php dcTribune::showForm(); ?>
          </div>
        SONDAGE
</div>
Peut-être aurais-je du mettre celà dans un autre contexte ? et pas dans l'extrabox ?

10. Le dimanche 8 mai 2005 à 14:13, par anne67

parce que lorsque je mets en 3colonnes- 1 fluide, j'ai le même problème. Le chargement s'arrête à la fin de l'extrabox

11. Le dimanche 8 mai 2005 à 18:58, par Zoe

Non, il me semble à première vue que ta tribune ne pose pas de problème. Cependant il n'est pas facile avec juste un petit bout de code de se faire une idée globale. Déjà, comme je te l'ai dit précédemment il faut corriger toutes les erreurs qui traînent. Pourquoi vas-tu me dire, simplement parce qu'avec une toute petite erreur l'affichage peut complètement débloquer. Et le code doit être du xhtml strict.
Donc déjà :

Met toutes tes balises en minuscules (ex : <FORM> devient <form>)

Remplace tous les <br> par <br />

A un moment tu mets : <div id="A venir"> et un id ne doit jamais contenir d'espace donc <div id="Avenir"> (n'oublie pas de faire aussi la modification dans les css.

Je sais, je ne te facilite pas la vie mais tu vas être obligée de passer par là... Courage ;)

12. Le dimanche 29 mai 2005 à 15:31, par Bricabrac

Hello... Je cherche des infos sur l'extrabox, mais comme Dame Koz est en plein déménagement... J'aurais aimé remplacer le fichier extra.txt par extra.html (qui a l'avantage d'être tout prêt et d'avoir les liens et images kivonbien, ce que je ne sais pas faire avec un fichier txt...). C'est possible ?

BàB, débutante de chez pire que débutante

13. Le dimanche 29 mai 2005 à 17:29, par Zoe

Bricabrac :
Tu n'es pas obligée de changer ton fichier extra.txt en extra.html
Tu mets simplement dans ce fichier tout ce que tu souhaites, avec les balises html qui vont bien, comme par exemple :
<p><a href="">mon lien</a> mon texte</p>

Sinon, si tu veux à tout prix changer l'extension de ce fichier (ce qui ne changera rien techniquement), tu ouvres le fichier prepend.php et tu remplaces la ligne :
function dcKozliBloc($filename = 'extra.txt') {
par :
function dcKozliBloc($filename = 'extra.html') {

14. Le lundi 30 mai 2005 à 10:25, par Bricabrac

Merci Zoé !

En fait, j'avais tenté la première solution, mais de toute évidence, extra n'était pas content, mais alors pas content du tout !

Et je cherchais à modifier le template, sans penser qu'il fallait aller voir dans prebend (Une partie de mes soucis vient aussi peut-être de ce que je suis pas encore passée en 1.2.1, j'ai tellement peur de tout casser, et comme mon thème actuel est une version archi customisée de Keepsake, je n'ai pas la possibilité de mettre le nouveau. Mais là, je pense qu'il vaut mieux que je fasse la màj)

BàB

15. Le samedi 4 juin 2005 à 02:53, par Liper

bonsoir,

Sous IE, avec le thème "3 colonnes dont celle du milieu fluide" on a une barre de défilement en bas qui ne sert à rien. comment modifier ca? voir ici: http://img172.echo.cx/my.php?image=imagebarre1ag.gif

a bientot

16. Le lundi 6 juin 2005 à 08:24, par Zoe

Ooops...
Petit bug causé par une toute petite erreur de ma part dans les css :
Au niveau de la sidebar, il faut rajouter une marge de droite de zéro, ce qui donne :
#sidebar { margin : 10px 0 10px 0; }
à la place de :
#sidebar { margin : 10px 10px 0; }
Désolée...

17. Le lundi 6 juin 2005 à 22:30, par Bricabrac

Hello Zoé,

Rien à faire avec le extra, qu'il soit en html ou en txt, ça ne passe pas. Il ne me reste que le texte seul, sans enrichissements ni photos. Si j'écris en html, il me recrache tout avec les balises bien visibles.

Sinon, autre question, j'adore sur Zoeland une couleur affectée à chaque catégorie. J'ai un peu zieuté ici et là pour piger la manip, mais pouic, nada. Tu as fait comment ?

BàB

18. Le mardi 7 juin 2005 à 14:32, par Zoe

Pour l'extra, ça marche chez moi et sur tout un tas d'autres sites... Donc tu as dû faire une erreur quelque part...
Pour les couleurs par catégories : Kozlika a écrit un article à ce sujet.

19. Le mardi 7 juin 2005 à 18:14, par Bricabrac

Ca, c'est évident que je me suis gourrée quelque part. Pourrais-tu, si ce n'est pas abuser, me donner aussi un lien, ou un exemple de la manière dont tu peux formater du html dans un fichier .txt (liens vers photos etc.). Et je te promets de faire quelque chose de beau (même si laborieux au départ) à partir de ton thème !

BàB

20. Le mardi 7 juin 2005 à 20:40, par Zoe

Comme je l'ai expliqué plus haut dans le commentaire n°13, il n'y a rien de sorcier.
2 possibilités :

A- Si tu veux une extrabox en html :

1. Tu crées un fichier (avec le bloc-note par exemple) dans lequel tu mets ce que tu veux, style :

<h2>Mon Titre</h2>
<p><img src="<?php dcInfo('theme');?>/images/mon_image.png" alt="Descriptif de mon image" title="Titre de mon image" /></p>
<p>Mon texte</p>

2. Tu enregistres ce fichier dans le dossier de ton thème (c'est-à-dire dans le même dossier que ton template.php). Tu appelles ce fichier extra.html

3. Tu ouvres ton template.php et à l'endroit où tu veux mettre ton extrabox tu copies colles :

<div id="extrabox">
<?php include(dirname(__FILE__)."/extra.html"); ?>
</div>

B- Si tu veux une extrabox en wiki :

1. Tu crées un fichier (avec le bloc-note par exemple) dans lequel tu mets ce que tu veux mais en wiki, style :

!!!Mon Titre
((url|texte alternatif))

Pour plus d'infos sur la syntaxe wiki, reporte toi aux "règles de formatage wiki" disponibles dans ton interface d'administration de DotClear, rubrique "Nouveau Billet"

2. Tu enregistres ce fichier dans le dossier de ton thème (c'est-à-dire dans le même dossier que ton template.php). Tu appelles ce fichier extra.txt

3. Tu ouvres ton template.php et à l'endroit où tu veux mettre ton extrabox tu copies colles :

<div id="extrabox">
<?php dcKozliBloc(); ?>
</div>

4. Dans le fichier prepend de ton thème, copie colle :

function dcKozliBloc($filename = 'extra.txt') {
$filename = dirname(__FILE__).'/'.$filename;
if (is_readable($filename)) {
if ($fh = fopen($filename, "rb")) {
$bloc = fread($fh, filesize($filename));
fclose($fh);
$wiki = new wiki2xhtml();
print($wiki->transform($bloc));
}
}
}

21. Le mercredi 8 juin 2005 à 13:40, par Bricabrac

Zoé : 3. Tu ouvres ton template.php et à l'endroit où tu veux mettre ton extrabox tu copies colles :

<div id="extrabox"> <?php include(dirname(_FILE_)."/extra.html"); ?> </div>

Voilà une info qui me manquait ! Déjà, ça marche mieux, nettement mieux, mille merci.

Il ne me reste plus qu'à trouver comment faire pour que maintenant, l'extra box soit bien en box, entourée et tout, et pas en tête du blog. Mais ça avance. (Laborieux, je sais)

BàB

22. Le mercredi 8 juin 2005 à 17:17, par Zoe

Il y a moyen de voir ce que tu prépares ? ;)

23. Le mercredi 8 juin 2005 à 18:37, par Bricabrac

Oui, mais faudrait que je bascule dessus, et c'est pas totalement en état. Donc je vais le faire dès maintenant, et pour l'heure qui vient, en espérant que tu passeras par là... (attention, site adulte !)

BàB

24. Le lundi 13 juin 2005 à 14:58, par kerik

bonjour, je n'arrive pas à changer la taille de la police des messages et celles des titres, help!

es-ce possible d'avoir à la place de "posté par" en haut, un "rédigé par" en bas, à cote de track=backs et commentaires? à la manière de ce blog: http://publiusleuropeen.typepad.com/publius/

merci et a bientôt.

(j'utilise le thème 3 colonnes dt celle du milieu fixe)

25. Le lundi 13 juin 2005 à 19:40, par tchuk

bisoir,

j'utilise aussi "3 colonnes dont celle milieu fluide", et j'aimerais réduire (dans la sidebar) l'écart à gauche entre le borde et les titres de catégories, les liens... mais je ne trouve pas de "padding-left" dans la css??! comment faire?

a++

26. Le mardi 14 juin 2005 à 18:32, par Zoe

Salut Kerik et Tchuk,

Taille police messages :
Si par "messages" tu entends "billets", dans les css, ça donnera par exemple :
.post-content { font-size : 1em; }

Si par "messages" tu entends "commentaires des billets", dans les css, ça donnera par exemple :
#comments blockquote { font-size : 1em; }

Taille police titres :
Quels titres ? Les h1, h2,h3... sont définis au début des css.
Les titres des billets sont des <h2> avec la classe post-title, donc coté css, si tu veux les différencier des autres h2 :
.post-title { font-size : 1em; }

"Rédigé par" à la place de "Posté par" et en bas :
Je ne sais pas où tu as vu "posté par" car dans mon thème il y a juste "par" suivi du nom de l'auteur.
Si tu veux déplacer ça, il faut que tu ouvres le fichier list.php
Ligne 32, tu vires juste :
Par<?php dcPostAuthor(); ?>,
Et ligne 41, après :
<p class="post-info-co">
tu rajoutes :
Rédigé par<?php dcPostAuthor(); ?> 

Sidebar :
La sidebar a un padding de 5px. C'est-à dire qu'il y a une marge de 5 pixels à l'intérieur de la sidebar et ce pour chacun des cotés : en haut, à droite, en bas et à gauche.

Si tu veux que les titres des catégories ("Rechercher", "Archives", "Liens"...) soient plus à gauche il faut que tu enlèves ce padding car les titres sont déjà collés à gauche.
Donc dans les css tu as :
#sidebar { padding : 5px; }
Si tu veux enlever le padding de gauche, ca te donnera :
#sidebar { padding : 5px 5px 5px 0; }
Les 4 chiffres dans l'ordre correspondent à : haut, droite, bas et gauche. Donc là j'ai mis 0 à gauche et j'ai laissé le reste à 5.

Autre possibilité : Si tu ne parles pas des titres des catégories mais des listes en dessous, tu peux jouer sur :
#sidebar ul { padding-left : 20px; }

27. Le mardi 14 juin 2005 à 20:00, par tchuk

re zoe,

je parlais des listes (noms des différents liens, noms des différentes catégories...). tu me dis de jouer sur padding-left, mais ds la css, il n'y a pas cela dans "#sidebar ul". alors lorsque je le rajoute manuellement, rien ne se passe quand même...

a++

28. Le mardi 14 juin 2005 à 20:12, par tchuk

autant pour moi, c'est moi qui me suis grouré, ca marche avec ta solution :)

encore merci chère Zoé

a+

29. Le vendredi 17 juin 2005 à 19:54, par Oli

Salut Zoé ;-)

Super design ..je me lance ds dotclear et voir ce que ca donne because je bosse comme webmaster ... dc je commence par mon site :p et ensuite on verra :p je trouve ton green super cool je v l'installer je te recontacte si blem il y a .. encore merci Biz Oli

30. Le jeudi 23 juin 2005 à 14:51, par Oli

bête question à 3 cents :p comment ajouter des liens ? marchi bcp biz Oli

31. Le jeudi 23 juin 2005 à 15:31, par Zoe

Salut Oli,
Partie administration de ton blog, Onglet "Outils", sous menu "Gestionnaire de liens" :)

32. Le vendredi 24 juin 2005 à 22:08, par shermix

Bonjour !

COmment mettre du javascript dans l'extra box ? en l'occurence google adsense ? car chez moi ya le code ki apparait mais pas les pubs ! merci beaucoup

33. Le samedi 25 juin 2005 à 12:53, par Zoe

Salut Shermix,

L'extrabox est à la base en wiki, donc ce doit être pour cette raison que le javascript n'est pas interprété.

Donc deux solutions s'offrent à toi :

1. Au lieu d'appeler ton extrabox par la fonction dcKozliBloc(), tu inclus ton fichier ainsi :

<div id="extrabox">
<?php include(dirname(FILE)."/extra.ihtml"); ?>
</div>

2. Sur le blog Regards d'Afrique, le problème avait été contourné en mettant directement la pub de google dans le fichier template.php

Donc chez toi, si tu la veux au même niveau que ton extrabox, ça devrait donner dans ton template.php :

<div id="extrabox">
<?php dcKozliBloc(); ?>
<div id="pub">
Le blabla en javascript de google adsense
</div>
</div>

34. Le samedi 9 juillet 2005 à 13:24, par Didier

Bonjour Zoe,

Je suis en train de reprendre ton thème default-3cols-1fluide. J'ai bien réussi à réduire l'espacement entre la colonne de gauche et la colonne du centre, mais par contre je n'arrive pas à trouver comment réduire l'espace entre la colonne du centre et celle de gauche. En fait je souhaiterais augmenter la taille de la colonne du centre pour laisser plus de place à mes billets.

Merci pour ton aide !

35. Le mardi 12 juillet 2005 à 07:56, par Zoe

Didier,

Tu peux me la refaire au ralenti s'il te plaît ? ;)

Si tu veux réduire les espacements entre tes 2 colonnes, tu repères les endroits où tu as des marges droites et gauches. A 1ère vue dans tes css, tu devrais pouvoir agir sur :

#carcasse { padding : 0 15em; } -> tu as 15em à droite et à gauche de ton blog

.main-content { margin: 0 2em; } -> 2em à gauche et à droite de tes billets (colonne du milieu)

.int-col { margin: 0 1em; } -> 1em à droite et à gauche de tes 2 colonnes (celle de gauche et celle de droite)

Sinon je sais pas pourquoi mais à vue de nez, je sens pas ton :
.main { width: 95%;}

Autre chose sinon : n'oublie pas que ce doit être du xhtml strict et non du html, donc les balises pour les sauts de lignes et pour les images doivent être fermées : <br /> <img .... />

36. Le samedi 16 juillet 2005 à 16:17, par sam

salut je me suis servis de ton theme green1.2 pour fair le blog a ma petite niece ... par contre 'jai un petit soucis il n'apparait pas dans le repertoire théme ? ai je trop bu ? ou alros j'ai loupé un truc ??? super boulot zoe ....

37. Le samedi 16 juillet 2005 à 19:26, par Zoe

Salut Sam,

Apparement tout marche de mon coté... Et vu que le thème est visible, c'est que tout doit être bon chez toi aussi ;) Bisou à Léa de ma part ;)

38. Le samedi 16 juillet 2005 à 21:27, par sam

je vois que tu as vus le theme il est magnifique bravo ... toute la famille est sur le ...... la maman de la petote voulait un blog... cracra 'jai dis attendez je 'men charge ... en réalité lea est la fille de ma niece...alros ej te dis pas, j'ai 3 generations sur le dos ( :-) effectivement ca devait etre un blem de cache ...je sais que c'est pas l'endroit mais j'ose ( sinon la frangine me fera pas mon repassage ) comment je peux faire pour que lea upload des images ... tu me sauve la vie si tu maides...j'en ai marre des boutade au boulot avec mes chemises froissées.... :-)

39. Le lundi 18 juillet 2005 à 01:00, par Kozlika

Sam > à ton avis, c'est dans les gènes de savoir repasser ou ta sœur a appris ? Et si tu t'y mettais ?

40. Le mardi 19 juillet 2005 à 13:30, par sam

:-) le probleme est que je suis gaucher :-) et j'ai un fer de droitier, bon j'ai reussis pour les images alros je sens que la soeusoeur se fera un plaisir de me faire oublier que je suis pas ambydextre :)) j'ai po trouver le theme zoeland il est pas telechargable ?? .. reamrque si tu vx m'apprendre a repasser on pourra trouver un deal ( SEL ) je cuisine comme personne :-)

41. Le mercredi 20 juillet 2005 à 18:40, par Zoe

Sam,
Tu vois que finalement pour les images ce n'était pas compliqué. Un peu comme le repassage, il suffit de s'y mettre :p
Le thème de ce blog c'est MON thème ! Le mien rien qu'à moi, non mais ! Je suis très possessive comme nana...
Mais d'ici quelques jours un nouveau thème devrait apparaître en téléchargement... Un thème pour les gens qui ont su garder une âme d'enfant. Les autres : s'abstenir... :)

42. Le mercredi 20 juillet 2005 à 20:03, par Pep

Si ça, ce n'est pas du teasing...

Honteux ! :-p

43. Le mercredi 17 août 2005 à 00:11, par Renaud

Bonjour, J'ai quelques difficultés a faire afficher un nombre de billet différents sur la page d'accueil du nombre affiché dans les catégories. Je veux 6 billets en accueil et 12 dans chaque catégorie.

J'ai suivi les indication du forum Dotclear mais il semble qu'elles ne s'appliquent pas à ce thème car je ne reconnais pas les fichiers .. prepend.php... par ex.

Je ne refuserais pas quelques indications sachant que je ne connais pas le php.

44. Le lundi 22 août 2005 à 19:15, par Zoe

Renaud,

1. La config de DotClear :

Par défaut demande l'affichage de 12 billets par page (dans la partie administration de DotClear / Configuration de DotClear).

2. Fichier home.php :

Tu vas devoir utiliser le fichier home.php
(Ce fichier permet un affichage différent en page d'accueil). S'il n'existe pas dans le dossier de ton thème, tu copies colles le contenu du list.php dans un nouveau fichier que tu nommes home.php

Dans ce home.php tu vas devoir faire des modifications :

Après la ligne :

Rajoute :
<?php $i=1; ?>

Puis à la place de la ligne :
<?php while ($news->fetch()) : ?>
Met :
<?php while ($news->fetch() && $i <= 6) : ?>

Enfin, à la fin du fichier rajoute :
<?php $i++; ?>
Juste avant la ligne :
<?php endwhile; ?>

-> Explication de ce bout de code :
Nous avons une boucle (while) qui va afficher 12 billets (précisé dans la config) à laquelle nous ajoutons un compteur ($i) que nous mettons à 1. A chaque fois que l'on passe dans la boucle, ce compteur va être incrémenté ($i++). Quand nous arrivons à 6 nous arrêtons la boucle ($i <= 6).

3. Fichier template.php :

Il faut préciser dans le fichier template.php que lorsqu'on est en mode "home" il faut afficher le fichier home.php, donc :
Rajoute :
<?php elseif ($mode == 'home') : /* Affichage de la page d'accueil */ include(dirname(FILE).'/home.php'); ?>
juste avant ça :
<?php elseif ($mode != 'post') : /* Si aucune erreur et mode != post on affiche une liste de billets */?>

Voilà, le tour est joué ! On a 6 billets en accueil et 12 dans les autres cas :)

45. Le mardi 6 septembre 2005 à 13:58, par vivi

Bonjour, J'installe un dotclear avec le "thème 3 colonnes fixes".

http://vivelespme.com/

J'en suis qu'au début... J'ai commencé à modifier la feuille de style pour l'adapter à mes besoins mais il y a un point qui dépasse mes compétances très limitées en CSS. Comment faire pour que les colonnes de droite et gauche aillent jusqu'au bas de la page (pour avoir complètement le trait qui sépare avec la zone centrale) ?

Merci :)

46. Le mardi 6 septembre 2005 à 14:51, par vivi

J'ai trouvé (je devais être bien fatiguée) ; Il suffisait de mettre :

content {

border-left : 1px solid #000; border-right : 1px solid #000; }

désolée pour le dérangement ;)

47. Le jeudi 29 septembre 2005 à 02:49, par Ramiel

Salut, Je cherche à Intervertir les deux colonnes (Extra et Sidebar) dans style.css Après quelques heures de bidouilles rien n'y fait. Quelqu'un aurait la soluce pour pouvoir modifier ca ? Vu que j'aimerai ma barre de lien et de syndication a gauche et ma barre extra a droite pour les photos ou les refereres.Merci d'avance et à bientôt

48. Le jeudi 29 septembre 2005 à 11:29, par Zoe

Ramiel : Le lien vers ton blog montre un thème à 2 colonnes et dans un thème à 2 colonnes il n'y a pas de colonne appelée Extra. Si tu veux intervertir les 2 colonnes (l'une s'appelle Sidebar et l'autre Main). Donc c'est à ce niveau qu'il faut faire les modification dans les css, soit :
#main { float:left; }
#sidebar { float:right; }

49. Le jeudi 29 septembre 2005 à 14:30, par Ramiel

Mince j'ai oublié de preciser que je travaillais sur le themes 2fixes-1fluide, le skin qu'il y a sur mon blog est home made. Par ailleurs, je pense qu'avant de modifier les css il vaudrait déjà mieux modifier l'ordre d'affichage des collones dans le template.php. Si tu peux me mailer pour les réponses à venir ca serait cool merci :)

50. Le vendredi 30 septembre 2005 à 15:04, par Zoe

As-tu parcouru le tutorial sur les 3 colonnes ? Ca devrait te donner des pistes ;)
Si tu t'en sors pas, dis le moi et j'aviserai :)

51. Le samedi 1 octobre 2005 à 16:48, par Ramiel

Effectivement, je suis enfin arrivé à quelque chose même si je rencontre encore quelques ennuis avec les browsers qui interpretent differement le CSS.

Quoiqu'il en soit, depuis que j'ai ton skin, plus moyen d'avoir le lien (Lire la Suite) lorsqu'un article a un chapeau.

Warning: printf(): Too few arguments in /var/www/free.fr/a/7/ramiel666/layout/functions.php on line 579

et cela fait reference à un morceau de code qui est le suivant :

@@{ global $news; if ($news->f('post_chapo') != '') { bprintf($s,$news->getChapo()); printf($l,$news->getPermURL());/b } else { echo $news->getContent(); } }@@

Donc si t'as une idée à propose de ça. je suis preneur

52. Le dimanche 2 octobre 2005 à 18:00, par Zoe

Ramiel : Je vois pas l'erreur sur ton blog ? Le problème est corrigé ?

53. Le lundi 3 octobre 2005 à 19:22, par Ben

Merci pour ce thème, c'est exactement ce que je recherchais...

Par contre je rencontre quelques petites difficultés :

J'aimerais bien que le vert de ma colonne de gauche descende jusqu'en bas.

J'aimerais bien aussi que le footer soit entièrement jaune

J'aimerais bien faire disparaitre la barre blanche qui apparait pour les related : http://cyber-ruralite.net/blog/index.php/ceci-est-un-test

Donc après tout ces j'aimerais bien, je voudrais en rajouter un dernier : j'aimerais bien remercier Zoé ! ;-)

Alors Merci Zoé !

54. Le lundi 3 octobre 2005 à 20:15, par Zoe

Ben :

Mettre du jaune à toute la page :
body { background-color: #ffcc33; }

Mettre du blanc pour le bloc du milieu :
#content { background-color: #fff; }

Mettre du jaune pour le footer :
#footer { background-color: #ffcc33; }

Pour les 2 colonnes (extra et sidebar) ça se complique.

Etape 1 :
Créer une image de la couleur verte qui aura la largeur des colonnes (pour la hauteur 1 pixel suffit). (Si les colonnes ont des largeurs différentes, créer 2 images.) Enregistrer l'image dans un dossier "images" qui sera dans le dossier du thème.

Etape 2 : Le template.php
Encapsuler le main, la sidebar et le footer dans un nouveau div (que j'ai appelé ici "bloc":
<div id="bloc">
<div id="main">...</div><div id="sidebar">...</div><div id="footer">...</div>
</div>

Etape 3 : les css
On met l'image de fond à la page, à gauche :
#page { background: transparent url(images/fond.png) repeat-y top left; }
On met l'image de fond au nouveau bloc, à droite :
#bloc { background: transparent url(images/fond.png) repeat-y top right; }

A priori ça devrait le faire. Si il y a des problèmes de décalage, tout se règle avec les margin et padding. Bon courage :)

J'en profite moi aussi pour un "j'aimerai" :
J'aimerai bien trouver du boulot en télétravail. Donc si quelqu'un a besoin de mes compétences, n'hésitez pas à me laisser un message ! :)

55. Le mardi 4 octobre 2005 à 00:04, par Pep

Zoe > Je me demande dans quelle mesure il ne s'agirait pas là de racolage passif ... :-p

56. Le mardi 4 octobre 2005 à 10:30, par Ben

Salut Zoé,

Passe moi un petit mail avec le détail de tes compétences... j'ai peut être un tout petit truc à proposer. (mais pas pour tout de suite, tout de suite) ;) Merci pour tes conseils, suis en train de mettre en application, si j'arrive au stade où je n'ai plus de cheveux, je te sollicite

Pep : C'est pas du racolage passsif mais actif !

57. Le mardi 4 octobre 2005 à 11:01, par Ben

Voilà, après des explications aussi claires, tout est à peu près en place. Un grand merci, c'était limpide et efficace, quoi demander de plus ?

Ben

PS : Si je veux faire descendre le blanc de mon "content" jusqu'en bas, il faut utiliser le même principe ?

58. Le mardi 4 octobre 2005 à 14:16, par Charles

Bonjour

Pourquoi quand j'écris dans l'extrabox un texte avec des accents celui-ci ne passe pas et je me trouve avec des ? à la place? j'ai pourtant juste édité le ficher extra.txt dans notepad

merci pour votre aide!

59. Le mardi 4 octobre 2005 à 14:44, par Zoe

Ben :
Essaie de mettre, dans les css, un fond blanc (#fff;) à la place du transparent pour #bloc et #page
Et merci pour l'info : je te ferai parvenir un mail prochainement...;)

Charles :
C'est qu'il y a un problème d'encodage de caractères.
Soit ton blog est en iso et ton fichier en utf-8, soit l'inverse. Bref il y a incompatibilité.
Donc si ton blog est en utf-8 il faut convertir ton fichier en utf-8 : Menu "Format / Encoder en UTF-8" de Notepad.

60. Le mardi 4 octobre 2005 à 15:18, par Pep

Zoe > Euh... tu es sûre de ne pas parler de Notepad++ ? Parce que le notepad ouinouin de base, je me marre ;-)

61. Le mardi 4 octobre 2005 à 15:34, par Zoe

Pour moi le Notepad ouinouin c'est le bloc-notes ! Tssss !
Alors pour le vrai, le bon, l'unique c'est là :
http://notepad-plus.sourceforge.net/
Et en plus c'est de l'Open Source !

62. Le mardi 4 octobre 2005 à 19:06, par xave

oopen-source, bien sûr ... Ne détourne pas la conversation : toi aussi tu est sous Windows !

63. Le mardi 4 octobre 2005 à 19:15, par Ben

Merci Zoé... ca marche super ! Sinon j'attend ton mail ;)

64. Le mardi 4 octobre 2005 à 19:18, par Pep

xave > Tu es sans doute sur ton clavier-de-smartphone-qui-tue, hein ? ...

65. Le mardi 4 octobre 2005 à 19:41, par xave

C'est un peu facile d'introduire des fautes grossières dans mes phrases. Tout le monde sait que nous sommes sur ton serveur.

66. Le mardi 4 octobre 2005 à 19:49, par Pep

xave > Et que tu es incapable de mauvaise foi ? Oui oui ...

67. Le mercredi 19 octobre 2005 à 10:22, par fg

salut,

je suis parti d'un de tes thèmes (3 colonnes fixes) et j'ai quelques petits soucis :
souci 1- j'essaie d'insérer un bandeau !! (je débute sous dotclear)
j'ai suivi leur tutorial, maqué quelle galère !
ils parlent d'insérer un bandeau en png, dans le dossier img (dossier que l'on trouve dans les thèmes par défaut mais pas dans ton thème)
donc j'ai essayé de bidouiller autrement : insert d'image dans le top, dans le début, façon php, façon html... rien n'y fait
au mieux j'ai l'emplacement mais sans l'image (elle est pourtant à sa place dans le serveur)
comment conseillerais-tu de faire ?
souci 2- j'ai changé dans css les largeurs de page, content, main etc... et tout est ok sous firefox, mais dans IE le content reste collé à droite et ne s'élargit pas... why ?

si c'est possible d'avoir quelques éclaircissements... ce serait avec grand plaisir...
merci - fg

68. Le mercredi 19 octobre 2005 à 14:34, par Zoe

fg,

Premier problème : le bandeau

1. Créer un bandeau, de la largeur et hauteur voulues.

Le choix du format d'image (png, jpg, gif...) dépend de ton image. Je m'explique : Le but quand on pose une image sur le web c'est que son poids soit le plus faible possible afin que le gens ne passent pas 3 plombes à attendre qu'elle s'affiche. D'autres paramètres viennent se greffer comme par exemple la transparence (le jpg ne la gère pas). Bref, l'ensemble des paramètres vont faire que ton image à un meilleur rapport qualité/poids en gif ou en png ou en jpg.

2. Créer un dossier "images" dans le dossier du thème. Et tu enregistres ton image dedans. Pour mon exemple je l'appelle fond.png

3. template.php
Juste après la ligne :
<div id="page"><a name="debut"></a>

Crée un bloc (que j'appelle pour mon exemple bandeau) :
<div id="bandeau">
Tu mettras ici le texte que tu veux
</div>

4. styles.css
Tu donnes les styles au bloc bandeau que l'on vient de créer dans le template.php, avec par exemple notre image de fond :
#bandeau {
background: transparent url(images/fond.png) no-repeat top left;
}

2ème problème : IE

Je ne vois aucun problème avec mon IE. Par contre tu as des erreurs dans ton code qui n'est pas valide, ce qui pourrait expliquer tes soucis. Pour plus d'infos, va voir ma page sur la validation.

69. Le vendredi 21 octobre 2005 à 22:27, par Renaud

Bonsoiir, Merci pour la réponse à ma premiere question sur le nombre de billet (cf plus haut). En fait j'ai résolu le pb en installant un plugin pagination dont je suis pleinement satisfait.

La je suis sur un autre casse-tête. Je souhaite personnaliser au maximum mes balises <title> et <meta="description">. Dans l'idéal une balise différente pour chaque type de page (home, cat, post, month). Pour le titre j'en suis la :

<title><?php dcSinglePostTitle('%s - '); dcSingleMonthTitle('%s - '); multicat::dcSingleCatTitle('Appareil photo numérique : %s - '); dcCustomTitle('%s - '); dcInfo('%s - ') ?></title>

Je voudrais juste rajouter le texte "appareil photo numerique" pour qu'il ne s'affiche que sur ma home page et non sur chaque post. Ca vous parait possible ou c'est du domaine de la magie vaudou ?

70. Le samedi 22 octobre 2005 à 18:16, par Zoe

Renaud,

Dans le prepend.php de ton thème rajoute :

if ($mode == 'home') {
$dc_custom_title = 'appareil photo numerique';
}

71. Le samedi 22 octobre 2005 à 19:02, par Renaud

Je ne dirai q'une seule chose mais haut et fort Zoe merci BEAUCOUP !

Et merci pour le thème aussi je l'ai un peu trituré mais je ne savais pas partir de zéro.

72. Le samedi 22 octobre 2005 à 19:11, par Zoe

Ben de rien ;) Pi les thèmes 3 colonnes sont faits justement pour être triturés et adaptés aux goûts de chacun...

73. Le jeudi 23 février 2006 à 10:43, par Jean-Baptiste

D'abord merci pour cette superbe base de travail ! Mon problème est simple, et me paraîtra sans doute enfantin quand j'aurai la solution, m'enfin : Je veux rajouter une marge autour de la page, je rajoute donc "margin: 24px 36px;" au div page. Le souci, c'est que la marge droite n'apparaît ni sous IE, ni sous Safari,... J'essaie de triturer les autres blocs, mais rien n'y fait... Comment régler ça ?

74. Le vendredi 24 février 2006 à 12:11, par Zoe

Jean-Batiste,
La manière la plus simple est de remplacer le margin:0; sur le body par tes valeurs, soit body { margin: 24px 36px; }
Bonne continuation ;)

75. Le vendredi 24 février 2006 à 13:34, par Jean-Baptiste

Merci merci, j'avais trouvé tout seul en oubliant de reposter ! (comme un idiot, j'appliquais les marges à #page au lieu de #body).

76. Le vendredi 24 février 2006 à 13:46, par Jean-Baptiste

Par contre, j'ai un nouveau problème.
IE ne comprend aucune des indications css appliquées au contenu de post.php et list.php... (les .post, .post-info, etc.). Je n'arrive pas à comprendre pourquoi ??

77. Le vendredi 24 février 2006 à 16:25, par Zoe

Ca c'est une colle ! :)

J'ai récup tes css et chez moi IE et Firefox : même combat, tout est identique. Donc vu que tes css sont bonnes, reste à voir au niveau des fichiers .php (qui diffèrent du template 3 colonnes original).
Une chose est sûre aussi c'est que ton code xhtml est valide mais il y a forcément un endroit dans tes fichiers .php qui n'est pas compris (voir pas aimé) par les navigateurs, reste à savoir quoi !

La solution qui me paraît la plus simple pour comprendre, serait de repartir du thème original : sans changer les fichiers .php mais en remplaçant mes css par les tiennes. Tu regardes si tes css sont bien prises en compte de la même façon entre les différents navigateurs. Si c'est le cas (et ça devrait l'être) tu modifies pas à pas tes fichiers .php en commençant par le template.php, bref en refaisant ce que tu as déjà fait. A chacune de tes modifications, tu vérifies que tout marche. Et à priori à un moment donné ça devrait foirer :p Mais au moins tu sauras à quel niveau.

Désolée de ne pouvoir faire mieux pour t'aider mais là, sans les fichiers .php je sèche. En tout cas tiens moi au courant que je me couche moins bête ce soir (voir demain) :-)

78. Le vendredi 24 février 2006 à 18:09, par Jean-Baptiste

Oui, c'est ce que je me suis résolu à faire. Je travaille sur Mac, et ça n'est pas simple de comparer le résultat entre Firefox/Safari sur mac et IE sur pc - dans un moment d'excessive paresse, j'ai très abruptement remplacé ton list.php par un autre, et bim bam boum... En tout cas, merci pour ta réponse circonstanciée et tes efforts ! Promis, je te tiens au courant (mais ça sera plutôt pour la semaine prochaine !)

79. Le dimanche 5 mars 2006 à 03:09, par wctrl*

salut je souhaiterais faire apparaître le nombre de billets à côté de leur titre dans Categorie. J'ai demander a shinoli mais lui ne sait pas. pourrais tu m'aidez en temps que concepteur du thème? avec mes remerciements. wince*

80. Le dimanche 5 mars 2006 à 15:57, par Zoe

Salut,

Pour ce faire il va falloir que tu modifies légèrement la fonction dcCatList() qui est appelée dans le template.

Etape1

Ouvrir le fichier prepend.php de ton thème
Copier coller les lignes ci-dessous à la fin du fichier mais avant la balise de fermeture du php (?>) :

/**
@function dcCatListNew

La fonction dcCatList() originale de Dotclear affiche une liste des catégories 
avec les liens pour y accéder. La liste générée est une liste non ordonnée (<ul>), 
il est donc très simple de la mettre en forme par la suite.

La fonction dcCatListNew comporte des ajouts permettant l'affichage 
du nombre de posts pour chacune des catégories.

@param string  block Chaine de substitution pour pour la liste ('<ul>%s</ul>')
@param string  item  Chaine de substitution pour un élément ('<li>%s</li>')
*/
function dcCatListNew($block='<ul>%s</ul>',$item='<li>%s</li>')
{
	global $rs_cat, $cat_id, $lang, $blog;
	
	$comp_url = '';
	
	if ($lang) {
		$comp_url = $lang.'/';
	}
	
	if (!$rs_cat->isEmpty())
	{
		$res = '';
		
		while (!$rs_cat->EOF())
		{
			if ($rs_cat->f('nb_post') > 0)
			{
				$id = $rs_cat->f('cat_libelle_url');
				$libelle = $rs_cat->f('cat_libelle');
				$nb = $rs_cat->f('nb_post');

				$lien = '<a href="'.
				sprintf($blog->front_url['cat'],$comp_url.$id).
				'">'.$libelle.' ('.$nb.')</a>';
				
				if ($cat_id == $id) {
					$lien = '<strong>'.$lien.'</strong>';
				}
				
				$res .= sprintf($item,$lien);
			}
			$rs_cat->moveNext();
		}
		$rs_cat->moveStart();
		
		printf($block,$res);
	}
}

Etape2

Ouvrir le fichier template.php de ton thème.
Allez au niveau de l'affichage des catégories situé dans la sidebar :

<div id="categories">
	<h2>Cat&eacute;gories</h2>
	<?php dcCatListNew(); ?>
</div>

Remplacer l'appel à la fonction <?php dcCatList(); ?> par l'appel à notre nouvelle fonction, soit : <?php dcCatListNew(); ?>

Voilà, le tour est joué :)

81. Le lundi 6 mars 2006 à 17:43, par yerbamate

bonjour ..j'ai installé le plugin citation dans l'extra.txt mais l'affichage du texte est des plus etrange...j'ai creé div.citation pour effectuer des changement mais je n'arrive pas a configurer l'affichage aurais-tu une solution a me proposer merci

82. Le lundi 6 mars 2006 à 19:17, par Zoe

Le plugin citation met automatiquement le texte dans un blockquote avec une classe appelée "citation-auto". Donc il faut simplement que tu précises les propriétés de cette classe dans tes css. Soit par exemple :

blockquote.citation-auto {
margin: 0;
padding: 0;
}

83. Le lundi 6 mars 2006 à 19:41, par yerbamate

merci de ta reponse voila ce que j'ai fait

<div id="extrabox"> <?php dcKozliBloc(); ?> <h2>Citations</h2> <?php dcCitation::afficher()?> code .css .blockquote.citation-auto { margin:0; padding: 0; background:#f6f6f6;

cela marche sous IE pas sous FFOx

84. Le lundi 6 mars 2006 à 19:52, par yerbamaté

j'ai cette erreur qui s'aafiche Fatal error: Call to a member function on a non-object in /var/www/free.fr/c/d/globzen/inc/session.php on line 80 est ce que cela a un rapport avec la question precedente que fais-je merci

85. Le lundi 6 mars 2006 à 20:06, par yerbamaté

fatal error..c'est rentré dans l'ordre

86. Le mardi 7 mars 2006 à 15:03, par Zoe

Je ne sais pas où tu en es mais après un passage rapide sur ton blog tu as des erreurs dans ton code (par exemple, on ne peut pas avoir plusieurs id qui portent le même nom) et une barre de scroll horizontale qui ne devrait pas exister. N'hésite pas à passer ton code au validateur. Pour plus d'info sur la validation...

87. Le mercredi 8 mars 2006 à 00:37, par wctrl*

Hello, merci, pour le code pour le nombre de post dans catégories ça marche nikel, au plaisir. wctrl*

88. Le samedi 1 avril 2006 à 22:24, par Marie

Zoé, je suis fan de tes thèmes. J'utilise le blogeur est dans le pré et celui de la plage. C'est un blog de classe et mes loulous en sont fous. A quand le prochain pour ceux qui ont gardé une âme d'enfant. Il me tarde de le découvrir et de faire la surprise aux petits loulous. Si tu peux envoie moi un mail pour m'avertir

89. Le jeudi 6 avril 2006 à 09:42, par Zoe

Marie : Bonne question ! Je ne prévois jamais rien à l'avance, c'est en fonction de l'envie du moment. Tu as des suggestions à me faire ? :)

90. Le dimanche 9 avril 2006 à 18:25, par Marie

Ce que préfèrent les enfants ce sont les animaux, alors je verrais bien un thème avec des girafes, un autre avec les animaux de la ferme ou encore des grenouilles. A bientôt

91. Le vendredi 5 mai 2006 à 21:10, par Sandro

Un grand merci à Zoe pour ces supers thèmes (3 colonnes fixes, en ce qui me concerne) que je me suis amusé à adapter à mon blog. En plus, en parcourant les commentaires de ce billet, j'ai trouvé pleins d'astuces qui m'ont été fort utiles (l'extrabox en html, par exemple).

De plus, les commentaires de Zoe m'ont fait réaliser l'importance d'un code "propre". Malgré mes connaissances rudimentaires, je me suis lancé dans une grande correction du code pour être conforme à la norme xhtml.

Bref, pour toutes ces raisons, merci Zoe ! ;-)

92. Le vendredi 12 mai 2006 à 15:34, par Sandro

Hello,

Question :

J'utilise le thème "3-fixes". J'ai fait tellement de changement dans le thème, que j'aimerai éviter de juste changer le thème et me retapper toutes les adaptations. Je cherche à transformer ledit thème pour qu'il soit comme "3-1 fluide", c'est à dire rendre la colonne du mileux fluide.

J'ai remarquà que la structure du templaite est différente dans les deux thèmes (par exemple, dans #wrapper, dans 3-fixes, il y a #content et #sidebar, mais dans 3-1fluide, c'est #content et #extrabox). Vu que je ne suis relativement débutant en CSS, je ne sais pas où je dois indiquer un width en %, des marges fixex, des marges négatives ou des "float-right",...

Si tu as le temps et l'envie... ;-)

93. Le vendredi 12 mai 2006 à 23:54, par Sandro

Ca y est. Je suis tombé sur ton tutorial et j'ai réussi à faire ce que je voulais. Merci ;-)

94. Le mardi 23 mai 2006 à 14:42, par adrian

J'ai un petit soucil de mise en forme de mon extrabox.

extrabox p {

padding: 0 10px 10px 20px; }

ne marche pas pour positionner l'interieur de texte...

Si c'est pas p on l'appelle comment?

95. Le mardi 23 mai 2006 à 15:28, par Zoe

Sur ton blog, l'extrabox se compose ainsi :

<div id="extrabox">
<h2>A propos</h2>
<span class="apropos">
Lorem ipsum dolor...
</span>
</div>

Il n'y a pas de balise <p>. Donc logique que les css ne soient pas appliquées.

Conclusion, il faut mettre le padding sur la class apropos :
.apropos { padding: 0 10px 10px 20px; }
Voir sur le span de la class apropos.

96. Le mardi 23 mai 2006 à 16:55, par Adrian

Meci d'avoir répondu aussi vite! Génial j'ai réussi à donner la place que je voulais à mon texte... Mais impossible de le mettre en forme ni en wiki ni en html c'est ou que j'ai faut la je viens de relire tous le fil des commentaires je comprend pas...

97. Le mardi 23 mai 2006 à 17:02, par Zoe

Qu'entends-tu par "le mettre en forme" ?
Si tu veux par exemple qu'il soit en gras et en rouge, il suffit de compléter tes css :
.apropos {
font-weight: bold;
color: #ff0000;
}
Etc.

98. Le vendredi 30 juin 2006 à 15:35, par seB

Hello tout le monde :) !

Et merci Zoe pour ton précieux travail, le template 3 colonnes fluide est vraiment "extra" tout comme le reste :) !!!

Je rencontre un problème génant, je ne sais pas si cela est lié à ce template alors je tente de chercher de l'aide ici, sait-on jamais.

Un topic de résolution a été créé sur le forum de DotClear alors si quelqu'un a une idée, ce serait vraiment sympa d'échanger à ce sujet.

Mon problème seulement sous IE (ok pour Mozilla) >>> "Un décalage surgit parfois entre textes et images, ce qui crée de grands espaces vides..."

La suite sur le topic : http://www.dotclear.net/forum/viewtopic.php?id=19321

++, seB

http://barris.fr

99. Le vendredi 30 juin 2006 à 16:50, par Zoe

As-tu des copies d'écran de ton problème ? Parce que là, je vois pas de quoi tu parles...

100. Le vendredi 30 juin 2006 à 17:31, par seB

Merci pour ta réponse :) Voilà navré j'avais justement viré le bug (mauvaise idée), tu peux à nouveau le voir avec IE et au niveau du billet "icomedie..." http://www.barris.fr - il faudrait déjà que je mette le site aux normes mais pour cela il faut que je comprenne bien chaque erreur, suis pas un cador en validation même si je commence à m'y intéresser sérieusement.

101. Le samedi 1 juillet 2006 à 03:18, par Zoe

Bon, comme tu l'as dit toi même il faut nettoyer ce code. C'est la 1ère étape afin de pouvoir mieux cerner ton problème.
Il te reste encore des avertissements :

1. Les balises pour les images doivent se fermer en xhtml : <img src="blabla.jpg" />
Tant que tu y es, rajoute des alt à chacune de tes images : <img src= "blabla.jpg" alt="texte alternatif si l'image ne s'affiche pas" />

2. Ton bloc sélection (<div id="selection"> du template.php) a des fautes :
Un <h2> ne peut pas contenir une liste (<ul><li>) donc : <div id="selection"><h2>A retenir</h2><ul><li>...</li><li>...</li></ul></div>
Si tu ne veux pas afficher le titre "A retenir", rajoute dans tes css : #selection h2 {display: none; } plutôt que de mettre le texte du titre en commentaire.

3. Dans ton template.php il te manque un <div> (en gras ci-dessous) :

<div id="page"><a name="debut"></a>
<div id="top">
<h1 id="blog-title">...</h1>
<p id="description">...</p>
<p id="navbar-top" class="navbar">...</p>
<p class="clear"> </p>
</div>

On appelle normalement ce div, "top", si tu lui donnes cet id, il se peut que ta mise en page change étant donné que dans tes css il y a déjà un #top de déclaré (mais pas utilisé). A toi de modifier les css en conséquence.

4. Les balises d'ouverture de javascript s'écrivent de cette manière : <script type="text/javascript"> et non <script language="JavaScript1.1">

5. Enfin, en xhtml, on évite de mettre des balises style "hspace" (...) car elles ne sont pas reconnues. Si tu veux des marges autour de tes images il faut le préciser dans les css.

Concernant maintenant ton "bug", on peut déjà voir que le problème n'arrive que quand ton image est contenue dans un paragraphe et qu'en plus il y a un texte juste au dessus d'elle : <p>texte<br /><img /></p>
On peut également constater qu'en plein écran il n'y a pas d'espace démesuré entre ce texte et l'image. C'est en réduisant la taille de la fenêtre qu'il se passe un truc bizare, comme si IE n'avait pas la place de tout afficher ou alors qu'il interprétait mal ton saut de ligne (<br>). Bref pour le moment j'ai pas de réponse. Donc je vais attendre que tu aies corrigé les erreurs... :-)

102. Le dimanche 2 juillet 2006 à 01:10, par seB

Vraiment merci pour toute ton aide :) Je vais nettoyer mon code selon tes remarques. Effectivement ça passe bien dans une résolution supérieure, j'ai optimisé pour du 1024x768 minimum, je n'avais pas vu étant en 1152 depuis (et ayant droit au même décalage) :)

Pour le bug en fait ça se produit même sans texte dans le paragraphe (j'ai laissé juste l'image pour que tu puisses voir). Et si je masque le billet icomedie, c'est l'image suivante qui se décale exactement pareil.

Je devrais peut être utiliser des bandeaux plus petits car il me semble que ça ne se produit que depuis leur apparition (n'utilisant pas trop IE, je ne peux pas en être certain)...

Dire que j'avais calculé au millimètre près pour la résolution mini, puis ils font tous les mêmes dimensions, c'est très intriguant, tout est peut-être lié à l'application d'un style à moment donné et qui vient glisser quelques millimètres par ci ou par là de trop... déjà, ménage ! :)

103. Le dimanche 2 juillet 2006 à 01:24, par seB

Euh j'ai complètement déliré en fait, les bandeaux je les ai calculé à partir du 1152*864 croyant tester en 1024*768. D'ailleurs en 1024 ça déborde voir se fusionne avec la colonne de droite :) ! Tu sais quoi, je vais changer les dimensions des bandeaux dardar :)

104. Le dimanche 2 juillet 2006 à 02:39, par seB

Bon voilà :) en fait c'était réellement un pb de largeur... merci pour le div et les autres conseils, je n'ai pas fini de tout appliquer... mais pour en revenir au bug : les images étaient trop larges pour les résolutions les plus basses, c'étaient elles qui notamment faisaient disparaître la colonne de droite à la fin des pages et provoquaient des décalages (espaces vides). J'utilise désormais une largeur de 500px pour leurs dimensions. J'ai également grappillé quelques pixels dans la feuille de style sur les padding tout ça :)) voilà encore merci pour tout et ce merveilleux template ;)) !

105. Le jeudi 7 septembre 2006 à 22:28, par Midonik

Bonsoir ,

J'aime beaucoups ton site , et particulièrement le côté encadrement des 2 bandes noires . J'ai essayé d'avoir la colonne de gauche ( extra.txt je suppose e ) et celle de droite ( sidebar je suppose ) en couleur mais j'arrive pas à les avoir en entier ....

J'ai bricole donc dans le theme 3 cool fluides en mettant la couleur dans le background de l'extrabox dans le style ccs , mais elle ne va pas jusqu'en bas , ou alors comme je l'ai fais en rajoutant des pargraphes ... mais c'est pas au point car ce fond ne grandira pas au fur et à mesure que les billets s'additionneront !!!!

et pour la colonne de droite j'ai fait pareil avec la couleur du background que j'ai ajouté , mais là ça va encore moins bas !!!!

y a-t-il une astuce ou une autre méthode plus fiable

En tout cas chouette boulot , c'est sympa de proposer des thèmes comme ça

A+

Bye

Midonik

106. Le dimanche 22 octobre 2006 à 14:34, par Zoe

Salut Midonik,

Tout n'est effectivement qu'affaire de background à positionner sur les bons <div> avec des repeat-y ;)

Bonne continuation et merci pour tes encouragements. A bientôt !

107. Le dimanche 11 mars 2007 à 16:37, par jeanjean

Bonjour, je ne sais pas si il y encore du "support" pour ce thème, mais bon...
Enfait, je voulais savoir ce que vous entendiez par "colonne fluide" car enfait, je recherche un thème dont seul le bloc avec les billets s'actualise, car je voudrais inseré un lecteur audio sur le côté gauche, mais le probleme, c'est qu'a chaque changement de billet ou quoi que ce soit, la page entière est actualisée et du coup, le morceau recommence à zero :s

Merci d'avance de votre aide.

108. Le mardi 7 août 2007 à 13:22, par Calorie

Merci beaucoup pour les thèmes 3 colonnes, super faciles à modifier, simple et épuré. La classe quoi :)

109. Le mardi 6 novembre 2007 à 23:13, par mou

Bonjour.

J'ai installé le thème 3 colonnes fixes et j'aimerais insérer une vidéo dailymotion dans le fichier extra.txt mais je ne connais pas la syntaxe wiki. Quelqu'un aurait il un exemple à me donner ?

Merci encore pour l'aide.

Les commentaires pour ce billet sont fermés.

Calendrier

À retenir

Catégories

Infos :

Liens

Association Humanitaire

Blogs

Graphisme

Mais encore...

Nouvelles versions des thèmes pour DotClear 1.2.1

Trackbacks

Commentaires