Welsh 2.0
Welsh 2.0 (private joke) est un thème trois colonnes fluides avec onglets.
Pour personnaliser les onglets, éditez le fichier _top.html. Je ne mets pas ce thème en version 1.0 : il reste en beta jusqu'à ce que je trouve – ou que l'un de vous m'indique – un moyen simple et élégant d'alimenter automatiquement le menu horizontal (par exemple avec le premier lien pour l'accueil et les suivants pour les pages connexes choisies), avec le marqueur de la page active.
En attendant vous pouvez ici ou via mon formulaire de contact me demander de l'aide pour la personnalisation de votre menu.
Amusez-vous bien :)
Edit du 29 août. Mise à jour en 0.6 du thème : un répertoire 2-cols-files offre désormais les fichiers alternatifs pour une variation de ce thème en deux colonnes. Détails et mise en œuvre dans le billet y consacré.
Démonstration et téléchargement sur Dotaddict.
Kozlika, 8/04/2007 - Lien permanent - Fil des commentaires de ce billet
Commentaires
Il fait un peu "web 2.0" ce thème quand même... Sinon, pour la personnalisation des onglets, c'est pas faisable en mettant un paramétrage (comme pour CustomCSS par exemple), en enregistrant tout dans un "setting" etc..?
Pour son côté web 2.0 à ton avis pourquoi se nomme-t-il comme ça ? ;)
Ça m'a amusée de m'éloigner de mes terres habituelles, une sorte d'exercice à contraintes ;)
Pour les onglets : euh... aucune idée !
Ce thème est joli et bien plus digeste qu'un Welsh. :)
Moi je le prends.
Jolie couleurs :)
...et sinon pour les onglets, afin de garder l'onglet actif, on peut utiliser les body class. Par exemple :
.dc-home #supranav ul li a#home:link, #supranav ul li a#home:visited { background : transparent url(images/bg_nav_active.gif) no-repeat center top; color : #346; }
.dc-archive #supranav ul li a#archive:link, #supranav ul li a#archive:visited { background : transparent url(images/bg_nav_active.gif) no-repeat center top; color : #346; }
Oui oui, toutafé, ça règle une bonne partie des cas. C'est plus compliqué si on veut par exemple se servir des onglets pour afficher les catégories ou telle ou telle page connexe spécifique. En ce cas il faut modifier le fichier category.html (ou le template des related) pour pouvoir lui affecter une class spécifique propre à la catégorie. Je l'ai déjà fait pour un autre blog d'ailleurs.
Le plus gros « souci » (qui n'en est pas vraiment un), c'est que j'aimerais une interface qui permette de choisir le contenu des onglets même en n'ayant pas accès au ftp (je pense aux plate-formes de blogs par exemple).
Bah je crois que je laisserai tomber cet aspect d'automatisation et que je ferai des p'tits tutos de personnalisation de ce menu, c'est plus à ma portée :)
Pièces jointes mises à jour en fonction des remarques faites ici et sur le forum. Le numéro de version n'a pas été modifié.
Pffffffff, un thème qui s'appelle welsch et qui se mange pas, je ne sais pas si je vais vraiment l'aimer ! Il dégouline même pas, et j'ai beau y tremper mes frites, ça n'a aucun goût.
Ah ! Le thème qui manquait ! Joli coup Kozlika, il est très bien pour ce qu'il est censé être, web 2.0 style.
C'est la base qu'il me fallait - avec des onglets bien comme il faut - pour habiller un très proche futur blog.
Merci !
Mais je m'attendais quand même à un peu plus de welsh style rouge et vert tout de même ;-)
Question bête j'ai vu que tu avais mis le thème en version package mais le plugin pour installer un thème packagé existe-t-il ?
Non, pas encore :)
Quand je met un widget "lecteur fils de nouvelle" dans Bandeau extra, il y a la présence de l'icone RSS devant et décalage de la taille de l'icone.
Ah oui je vois pourquoi : le patron a donné la même class à ce widget qu'aux liens de syndication.
Dans le fichier sytle.css, aux alentours de la ligne 258, change :
.feed {en :
a.feed {Nickel je valide la modif ça fonctionne impeccable. A+
En attendant une solution plus pure pour les onglets actif voici une petite solution a base d'une pincée de PHP, il faut bien sur avoir activé cette fonctionnalité dans le about:config
Voici le principe:
Remplacer le texte id="active" par un petit test php, le petit bout de code php fonctionne de la façon suivante, il recupère l'adresse demandé par l'internaute et isole la dernière partie de l'URL il n'y a alors plus qu'a tester si il faut afficher id="active" ou pas.
Exemple j'ai une catégorie Artisans :
<li><a id="active" href="{{tpl:BlogURL}}category/Artisans">Artisans</a></li>
devient:
<li><a <?php if (array_pop(explode('/', $_SERVER[REQUEST_URI])=="Artisans") echo " id=\"active\""; ?> href="{{tpl:BlogURL}}category/Artisans">Artisans</a></li>
Voila en attendant mieux ça peu dépanner.
Ps: tpl:BlogURL c'est parsé par le moteur de template ce sont des double accolade.
Merci francis, je corrige les accolades et les crochets (il faut mettre des \ pour protéger les caractères non-wiki dans les commentaires).
Je me demande si on ne pourrait pas faire de ton code une fonction template à placer dans le fichier _public.php du thème ?
Très beau thème, propre, épuré et stylé !
Une question demeure, j'aurais aimé savoir comment disposer d'un lecteur RSS comme à droite :p c'est un plug j'imagine :o
Je me permet de répondre j'espère que Kozlika ne m'en voudra pas, non ce n'est pas un plugin c'est natif il s'agit d'un widget de présentation qui se nomme lecteur de fils nouvelles.
ah oui merci j'avais glissé :o)
Je n'arrive pas à mettre les tags comme sur le blog :'( c'est lié au template ?
francis > c'est un blog ici hein, tout le monde a le droit de répondre à tout le monde, au contraire ! ;)
PH > Sois plus précis : c'est-à-dire ? Et où puis-je voir ce dont tu parles ? Le champ « Site web » du formulaire de commentaire te tend les bras :)
PH il te faut vraiment faire un tour complet de la partie WIDGET et tous les essayer, en gros c'est pareil que le lecteur de fils il te faut faire un glissé déposé du widget correspondant dans une des deux colonnes. Tu peux essayer a volonté pas de risque de casser quoi que ce soit.
Adapté à Gandiblog.
Evidemment, le menu supérieur est pour l'heure en tout cas impossible à reproduire.
Merci à toi pour ce très chouette thème.
http://blog.cedricgodart.net/
Oué je passe pour un débile mental là lool :D en fait je voudrais faire un nuage de tag, on peut le faire en natif ? là j'ai juste le listing en colonne et j'ai regardé les options et ça n'y fait rien.
Cordialement
PH, boudiou, tu vas nous le donner ce lien vers ton site hein ? Pffffffff.
Parce que en principe ça se fait tout seul sur ce thème, donc sans voir ton site on ne pourra pas te dire ce qui ne va pas.
Ou bien... tu utilises un autre thème ? Lequel ? (il nous faut vraiment ton url...)
J'ai compris, en fait j'ai pas assez de billet/tag du coup ils sont en très gros et vu qu'ils sont assez long les mots (développement par ex) et bien ça merdouille et ca met le suivant en dessous. Bonne analyse ?
Autrement comment tu fais pour que TES commentaires soient en une couleur différente? :)
En stylant différemment dt.me{ } et dd.me{ }
C'est déjà fait dans ce thème. Si chez toi ça ne fonctionne pas, vérifie que tu renseignes à l'identique les infos de ton profil utilisateur et les champs du formulaire de commentaire.
ok merci sinon j'aurais aimé discuté avec toi via MSN par exemple, si tu pouvais me contacter via http://live.ithink.fr ça serait sympa ou ajoutez mon adresse e-mail si tu disposes de Msn messenger (WLM)
A plus
Désolée, je ne fais pas de support par messagerie instantannée. D'abord parce que je m'y ferais bouffer le peu de temps qu'il me reste, ensuite parce que l'aide donnée individuellement ne peut pas profiter aux autres. Je réponds aux mails envoyés via le formulaire de contact pour les personnalisations de mes thèmes (pas pour le support de Dotclear, pour ça il y a le forum) quand la demande est particulière.
Oui ce sont deux bonnes raisons, j'ajouterai que les mails, les forums ont une chose que j'apprécie beaucoup dans l'époque que nous vivons c'est de nous laisser maître de notre temps.
Comme j'adore ce thème, je l'ai décliné sur mon blog mobile
http://www.play-mobile.be
Quelqu'un sait-il si les onglets sont envisageables avec Gandiblog vu l'impossibilité d'accéder aux fichiers de configuration en dehors du CSS ?
Cedric superbe ça donne vraiment mais pour te donner un petit retour contructif voici ce qu'il te manque encore je trouve :
1/ Sur le billet "Esato publie..." le texte est trop collé à l'image il faudrait que ça respire un poil (peut-être a faire dans le thème Kozlika doit le savoir);
2/ Sur le billet "Thème du noki..." idemi l'image colle au liseret de séparation ça c'est vite corrigé sans besoins de touché au thème en ajoutant une ligne;
3/ Enlever la justification dans ton edito en haut à gauche.
En tous les cas c'est vraiment top avec ce thème et le bandeau titre que tu as fait.
Il est bien plaisant, ce petit Welsh 2.0.
Il commence a poser des problèmes pour les écrans en dessous de 830px de large, mais de telle taille d'écran ne doit plus être très courant.
J'ai une petite sujétion pour les barre d'onglet : si on les place dans le menu top, ils se situent en haut de page en l'absence d'une feuille de style pas très valide il me semble.
On peut aussi les placer en footer avec un positionnement absolu (il suffit de bien les coordonner avec les espaces du haut de page). Je ne peux pas vous le montrer, mes hébergement sont Out, en dehors de Wamps..., mais cela fonctionne sans problème.
Il est magnifique ce thème c'est un des plus beau pour dotclear 2 qui circule en ce moment je l'ai pris sans hésiter. vous pouvez voir ce que ça donne via le lien ^^. En tout cas merci beaucoup, je voulais faire mon thème moi même mais je manque de temps et se familiariser avec le moteur de blog dotclear 2 ne semble pas être une mince affaire...
Joli & adopté!!
Jluk, > je le sais pour la largeur mais c'est délibéré : un trois colonnes à moins de 800px s'écraserait trop, on a donc un ascenseur horizontal au-delà (en deça plutôt).
Pour le menu des onglets qui apparaît avant le contenu dans la source, tu confonds "valide" et "conseillé" : ça n'a rien d'invalide mais on conseille en effet – moi la première – de placer le contenu juste après le titre. Les raisons en sont que les navigateurs textuels lisent dans l'ordre de la source et qu'on doit donc se taper tout ce qui précède le contenu avant d'y accéder. Or ce qui précède dans ce layout c'est quatre ou cinq liens, ça ne me semble pas bien grave :) En revanche dans une version future je les déplacerai sans doute après le prelude afin que les liens d'évitement soient lus avant les onglets.
miwi > vu :) Quant à se familiariser avec dotclear 2, ça vient très vite dès qu'on s'y penche un peu et puis la doc devrait y aider.
Mg > adopté ? pas vu sur le lien sur ton nom.
Cédric, francis > j'y suis pour rien, c'est Cédric qui met du code pabo dans ses billets (
<img src="/public/2007/avril/img.jpg" alt="img.jpg" align="left" />par exemple) ;)Oups, désolé Kozlika, mais j'ai grandement adopté ton thème pr un blog à caractère plutôt privé ( une bande de potes ), dont l'accès est restreint.. Mais enfin ils aiment tous le visuel! ;)
Au fait j'ai un petit service à demander aux utilisateur de ce thème:
J'ai actuellement comme projet de créer via la pate forme multiblog de dotclear 2 un autre blog. Le blog est créé et a comme URL www.miwispace.com/wwg.php.
la solution des onglets a du coup pris été pour moi une option plus qu'intéressante!
Alors hop ni une ni deux j'ai rajouté mon petit onglet WWG. Mais comment faire pour qu'il s'active quand je suis sur la page daccueil de l'autre blog ??
Après moult essais je suis desespéré ...
Qu'elqu'un aurait t'il la solution ?
personne ? :(
Tu as le début de réponse au commentaire 15 il suffit de l'adapter un peu.
Merci pour ta réponse francis !
En suivant tes conseil j'ai donc écrit:
<li><a <?php if (array_pop(explode('/', $_SERVERREQUEST_URI)=="index.php") echo " id=\"active\""; ?> href="index.php">Miwi's Blog</a></li>
<li><a <?php if (array_pop(explode('/', $_SERVERREQUEST_URI)=="wwg.php") echo " id=\"active\""; ?> href="wwg.php">WWG</a></li>
et là Dotclear me sort l'erreur :
Fatal error: Only variables can be passed by reference in /home.10.7/miwispac/www/cache/cbtpl/a3/31/a331743178c14e58191c51eb7c540958.php on line 5
Je tiens à signaler que je suis hébergé chez OVH et que par conséquent mon blog est défini dans l'administration comme été à l'adresse www.miwispace.com?
Ok l'erreur ne provient pas d'OVH mais du fait qu'il faut autoriser le PHP au sein du thème pour cela dans l'admin a partir de about:config il faut mettre tpl_allow_php à Oui.
Ensuite pour adapter un peu vu que OVH ne supporte pas le PATH_INFO ou pas tous les jours il faut modifier explode('/' en explode('?' puisque ce n'est plus le séparateur / qui est utilisé mais ?
Ne pas hésiter a faire un echo array_pop(explode('?', $_SERVERREQUEST_URI) cela permettra d'afficher provisoirement ce que cela renvoi et ainsi adapter le == au cas par cas. A+
Je te remercie de ton aide francis elle m'a été précieuse.
Je te remercie aussi, Francis, j'avoue ne guère avoir de temps disponible ces temps-ci pour répondre ici :/
Bonjour,
J'aurais voulu savoir comment on peut bloquer la largeur du design à 950px maximum ? afin de faire une banniere fixe en réalité
merci
Bonjour
pour commencer bravo pour votre script.
ma question est la suivante: comment peux ton diminuer les interlignes entre 2 Widgets ?!
merci
Dans le fichier layout.css, tu cherches ces lignes :
#page { margin : 20px auto; padding : 0; text-align : left; width : 86%; min-width : 800px; }et tu les remplaces par :
#page { margin : 20px auto; padding : 0; text-align : left; width : 950px; }(la réponse précédente était pour Citron.)
Romain, la marge entre les widgets se trouve dans cette règle du fichier layout.css :
#blognav div, #blogextra div { margin : 48px 4px 26px 4px; }(marge au-dessus : 48px, marge en dessous : 26px)
Tu peux modifier ces valeurs à ton gré.
sympa ce thème, je le teste sur mon blog.
Par contre, ça ne passe pas avec tous les écrans.
Au boulot la sidebar chevauche le contenu, du coup les extra se retrouvent ... tout en bas de la page à droite.
Et curieusement quelque soit l'écran (15" - 17") et la résolution d'écran (1024 ou 1152)...
Chez moi j'ai un 19" et ça passe.
Quel navigateur ? Parce que depuis là tout de suite (15 pouces), je n'ai pas ce souci.
Ah non je viens d'aller voir : c'est ton iframe dans le billet du 7 mai qui est très large. Du coup quand la largeur totale n'est pas suffisante, ça met le souk.
Je précise que chez moi, je suis bien sûr équipée des dernières versions de firefox et IE, ce qui n'est pas le cas au boulot où IE 6 est installé sur tous les postes.
Je pense que cette chose y est pour beaucoup dans le dysfonctionnement de l'affichage de mon blog, Mais bon comme c'est une chtite boîte de 4700 personnes, je vais pas leur rentrer dans le lard tout de suite pour qu'ils upgradent les machines rien que pour mon souci perso ... ;-) Alors si autre solution il y a, je suis preneuse.
Arrgh, on a posté en même temps.
Bon ben je vais revenir au précédent thème, car cette largeur de 500px est aussi celle de toutes les photos que j'affiche sur ce blog, donc ça n'ira pas.
En tous les cas merci pour tes jolis thèmes. A nous de trouver celui qui convient.
A oui un détail important peut-être, cette page non plus ne passait pas au boulot. Pourtant il n'y a rien de particulier qui pourrait gêner.
Ah ? Ben je suis perplesque et je n'ai pas d'idée de l'origine car je viens de visualier à nouveau sur un portable (15 pouces / IE pour win) et ça passe. Grumble !
Il est très sympa ce thème, bravo !
Petite question : il y a 2 css layout:
- layout.css (default)
- layout-2c.css
A quoi sert le layout-2c.css ? J'ai interverti avec layout.css mais n'ai pas vu de différences.
Merci encore pour ce thème
J'ai passé la journée sur ce thème. Merci Kozlika pour le travail fourni, c'est excellent.
J'ai commencé à le modifier pour le personnaliser à mes goût (2 colonnes fixe, top avec image rotative, date du billet sur fond image, ...). Ceux qui veulent voir le résultat sur mon espace de test, c'est là : http://thierry.web4all.fr (je n'ai fait que la page d'accueil).
En tous cas, merci beaucoup Kozlika pour ton travail des plus utiles pour les débutants que nous sommes.
Hello Koslika, J'ai fait des hard copy d'écran de ce que je vois au boulot. J'aimerais pouvoir te les envoyer si c'est possible ...
Thierry tu as encore un peu de travil je viens de jeter un oeil et les onglets "Le blog" "Mes photos" flottent plus haut que la ligne bariolée de gris sous FF.
Merci Francis.
pour les onglets, oui, c'est volontaire. Mais je les ai redescendu un peu vers la ligne bariolée, qui fait très web 2.0 ;-)
J'ai encore 2-3 trucs à peaufiner sur cette page d'accueil, et ensuite je répercute sur les autres.
Il y a quelquechose que je n'arrive pas à virer, c'est la petite zone blanche qui se trouve tout en bas de la page, sous le footer. C'est visible sous IE et Firefox. Faut dire que je suis crevé en ce moment, je dois passé à coté d'un truc évident.
Un dernier truc que j'arrive pas à faire, c'est l'activation des onglets selon le contexte. J'ai pourtant activé le PHP dans la configguration, mais rien n'y fait. Là, je comprends pas...
Plus je bosse dessus, plus j'apprécie le travail clair et précis de Kozlika. Je suis pas le genre à frotter la manche, mais là, faut reconnaitre que c'est du travail clean.
Pour le blanc sous le footer, ajoute dans layout.css la ligne :
#footer p { margin-bottom : 0;}L'activation des onglets, ton onglet galerie renvoie une erreur 404 (c'est censé aller sur quel type de page ?). Pour l'autre onglet (blogroll), tu as un fichier html dédié au blogroll, remplace l'appel automatique au _top.html par le même code placé en direct sauf que tu attribues l'
id="active"au lien blogroll et non au lien de retour vers la home.Pour les trucs gentils que tu me dis, merci, mais en fait ça n'est pas bien compliqué : j'essaie de faire comme j'aurais aimé trouver un thème que j'aurais souhaité adapter lorsque j'ai débuté. Tant mieux si j'y parviens :)
Merci pour les infos.
Bon, ça avance tout doucement, mais surement. Les dernières modifs sont : changements de quelques icones, correction des propriétés de blognav et blogextra (il y avait pas d'erreur, juste adaptation à ma disposition), colorisation du nuage de mots clés (ca j'aime, je trouve qu'en plus de la taille, un repère visuel est pas mal. Reste à afiner le choix des couleurs), activation de l'onglet 'mes liens' (merci - encore - Kozlika).
Un gros truc sur lequel je bloque, c'est la page 'mes photos' qui sera une page personnalisée, mais conservant le style du blog (comme la page des liens donc). Et là, ça semble pas simple d'incorporer simplement sa petit page dans la structure. J'ai trouvé le plugin 'related', mais il me plante la page 'tableau de bord' de l'admin (pourtant, j'ai une install très propre). Faut que je trouve comment faire ça, et simplement.
Normalement related doit fonctionner c'est quoi les symptomes de ton admin ? Sinon en attendant tu peux faire un fichier photo.php a part tu passes un billet dédié a cela en xhtml et dedans tu places une iframe qui va afficher ton photo.html je suis en train de faire comme cela pour une galerie flash mais pas avec ce thème.Ce qui peut être sympa dans le cas de l'iframe c'est justement que cela peu être un vrai système de galerie style falsh phpmygallery ou autre.
sur tableau de bord, j'ai ça :
quoteNotice: Undefined variable: p_url in /var/www/virtual/thierry.web4all.fr/htdocs/plugins/related/_install.php on line 53
Warning: Cannot modify header information - headers already sent by (output started at /var/www/virtual/thierry.web4all.fr/htdocs/plugins/related/_install.php:53) in /var/www/virtual/thierry.web4all.fr/htdocs/inc/clearbricks/common/lib.http.php on line 98
/quote
Sinon, pour le reste, j'ai bien accès à la section 'pages connexes'.
Concernant le thème en lui-même, je vais essayer de le finaliser complétement pour la fin de semaine. J'ai encore 2-3 idées.
Tu as quelle version de DC (visible en haut dans la barre de titre) de l'admin exemple 2.0-beta6.2 verifie aussi dans about-config la variable related_url_prefix par defaut y a static dedans.
Je suis en 2.0-beta6.2, mis à jour avec SVN
Oui, la variable est à STATIC.
Merci Kozlika !! addopté pour mon cybercarnet :-)
(et je viens de repasser pour lire les commentaires qui peuvent donner de bons trucs)
Vraiment sympa ce thème, Kozlika. Le commentaire n'est pas très original j'en conviens, mais c'est juste pour signaler qu'il y a un nouvel utilisateur qui l'a adopté. En lisant les billets qui précèdent, je vois que la communauté est super "calée" côté codes alors que je suis quasiment débutant. D'ailleurs je note que dans l'adresse de ton blog http://jetheme.klafoutis.org/post/2... il n'est pas fait référence à dotclear2. Comment tu as fais celà.
Merci de ton attention
Bonjour Tikol, tu veux dire que le mot « dotclear » ne figure pas dans l'adresse ? C'est qu'on peut nommer le répertoire des fichiers de dotclear comme on veut (ici « jetheme ») il suffira alors d'en tenir compte dans les paramètres de configuration. Mais ça n'est pas le lieu ici pour t'expliquer tout ça. Je t'invite à te rendre sur le forum et y poser ta question si une recherche ne te fournit pas la réponse.
Merci d'être venu me dire que tu utilisais l'un de mes thèmes, ça fait plaisir que les gens prennent le temps de le faire :)
Merci pour la réponse et effectivement j'ai commis une légère confusion entre le Welsh de Klafoutis et le forum. Le premier est à consommer sans modération, le second c'est pour aider à la digestion pour les estomac par encore habitué. Je reviendrai donc plus tard sur ton blog reprendre du Klafoutis et du Welsh pour t'indiquer à quelle sauce je les ai accomodés.
bjr Kozlika,
j'ai lu en long et en large la plupart des commentaires fait sur les thèmes mais aucun ne traitent de mon problème.
J'ai pris le thème Welsh que j'ai adapté. Mon principal soucy se trouve au niveau de la bannière. Comme tu peux le voir sur mon (futur) blog, l'accroche est en plein milieu. Hors j'aimerai le positionner sous le nom du blog (qui lui fait partie de l'image de fond afin d'avoir une police particulière) ou plus exactement à partir de la moitié du Z (dans le blanc de la bannière).
Es ce possible ?
Voilà, j'ai lancé cette nuit la nouvelle version de mon blog en DC2 et surtout avec une adaptation du thème WELSH proposé ici. Le résultat se trouve là :
http://www.mars1969.net
Il me reste un truc à finir, c'est les boutons de navigation dans le bandeau (supranav je crois) qui doivent s'activer en fonction de la page (mes photos ou mes liens). Je verrai ca ce soir.
Merci encore pour ce thème.
Bon, j'ai fait ca pour activer les onglets en fonction du contexte :
<li><a <?php if (array_pop(explode('/', $_SERVERREQUEST_URI)=="Mes-photos") echo " id=\"active\""; ?> href="related/Mes-photos">Mes photos</a></li>
<li><a <?php if (array_pop(explode('/', $_SERVERREQUEST_URI)=="blogroll") echo " id=\"active\""; ?> href="blogroll/">Mes liens</a></li>
Et j'ai ce message d'erreur :
Fatal error: Only variables can be passed by reference in /var/www/virtual/mars1969.net/htdocs/cache/cbtpl/24/f4/24f42b49874f1d8c5b7e05a980c56c96.php on line 9
Précision : le PHP est bien activé.
Bon, j'ai réglé mon petit souci des onglets. J'ai maintenant de beaux onglets actifs en fonction de l'url. Pour info, vous trouverez ci-dessous mon bout de code (c'est le premier bout de code PHP que je pond, soyez indulgents).
Les onglets sont visibles là : http://www.mars1969.net
J'ai simplifié un peu le code. Sur le premier lien (le blog), c'est peut-être pas nickel, mais bon, ça marche super. Si des améliorations sont possibles, n'hésitez pas.
@@<li><a href="\{\{tpl:BlogURL\}\}" <? if ($_SERVER['REQUEST_URI']!="/index.php/related/Mes-photos" && $_SERVER['REQUEST_URI']!="/index.php/blogroll/") echo "id=active"; ?>>Le Blog</a></li>
<li><a href="/index.php/related/Mes-photos" <? if ($_SERVER['REQUEST_URI']=="/index.php/related/Mes-photos") echo "id=active"; ?> >Mes photos</a></li>
<li><a href="/index.php/blogroll/" <? if ($_SERVER['REQUEST_URI']=="/index.php/blogroll/") echo "id=active"; ?> >Mes liens</a></li>@@
(désolé, j'ai pas réussi à passer le code du commentaire précédent en mode CODE)
Super thème de Koz. Merci.
Merci aussi à Thierry pour le code des onglets. Je ne connais rien en php, mais j'ai adapté et en tâtonnant, ça fonctionne pas mal du tout.
A voir par là http://jipiblog.free.fr
Encore bravo et merci pour ce superbe thème. Adopté pour moi !
Par contre, j'ai eu beau lire et relire les commentaires sans trouver de réponse, alors je relance la question de la barre de menu sur gandiblog. Possible ou pas possible ?
Parce que ca fait un peu vide là-haut ...
Et encore merci!
Bonjour et merci beaucoup pour ce très beau thème, que j'ai adopté et adapté pour la plateforme de blogs francoblog.ru.
Le thème y a perdu un peu de la fantaisie qui en faisait le charme, mais bon il fallait une petite touche de rigueur institutionnelle... :)
Vivement le prochain !
Bonjour,
Je viens de démarrer avec Dotclear et j'ai adopté votre thème. Félicitations !! Je suppose qu'il y a bien du travail est derrière.
Avant de poser ma question, je voudrais préciser qu'a part quelques connaissances en html, je suis nul en script et php. Cependant, y aurait il un moyen d'exploiter les 4 liens du haut (blog, liens 1, etc...) donc comment y insérer ses propres liens ?
En vous remerciant pour votre aide.
Cordialement
BC
Bonjour BC. Ces liens sont dans le fichier _top.html situé dans le répertoire du thème, on peut les modifier à sa convenance.
Bonsoir et merci pour votre réponse trés rapide.
Sous quelle forme puis je mettre les liens ? Directement sous la forme "http:/monsite.fr/sdsdd.htm" ou y a t'il une manipulation plus "complexe" à faire ?
Je m'excuse pour ces questions qui paraissent certainement trés stupides mais viennent d'un nul en script;
Vous remerciant à nouveau
Cordialement
BC
Désolé de revenir vous ennuyer. Après essai en remplaçant "Lien 2" par une adresse, pas d'effet. Pourriez vous me dire comment l'on peut affecter une adresse type http://monsite.fr ou autre lien direct à "LienX"
Encore merci
Cordialement
BC
Il y a une différence très nette entre ne pas savoir et être stupide ! :)
Oui le tout est de remplir le champ compris entre les guillemets de
href=""avec l'url vers laquelle on souhaite pointer et ce qui se trouve entre > et </a> par le mot qu'on veut voir à la place de Lien 2 ou Lien 3, etc.Je ne sais plus comment dire ma géne de vous poser toutes ces questions mais je suis confronté à un trés gros probléme: le blog apparait parfaitement sous Firefox mais sous IE7 seuls les billets apparaissent et deux Widgets à gauche. Le reste à gauche comme à droite n'apparait pas (liens, catégories, texte, derniers billets, etc...) Ceci sur deux machines différentes.
Si vous avez une solution, je suis preneur car abattu de ce résultat aprés 3 jours de travail...
Encore un grand merci
Cordialement
BC
Bonjour et merci pour ton aide ici et sur le forum. Elle m'a été d'un trés grand recours.
Je cherche un outil trés simple pour comptabiliser le nombre de visiteurs uniques par jour. J'ai trouvé des choses mais pour DC1. En existe t'il pour DC2?
Merci et bonne journée
Encore merci
Cordialement
BC
Je dois être un boulet (j'ai honte de poser cette question:) ), mais ne vois pas ou sont les pièces jointes pour télécharger l'archive de ce thème...
Arf oui, désolée : j'ai changé d'hébergement et manifestement toutes les pièces jointes ont perdu leur chemin :( Je les ai remises.
Merci bien
Ola
Merci pour ce thème, carré comme je les aime.
Un petite chose, comment enlever le soulignage de lien dans un billet, je me casse les dents la-dessus depuis un moment mais je ne trouve pas pas l'astuce dans le style.css.
Merci d'avance !
Le soulignement est la présentation par défaut des liens dans tous les navigateurs. Si on ne souhaite pas les avoir il faut le préciser. C'est ce que j'ai fait avec la propriété
text-decoration : none;sur les liens pour lesquels je voulais modifier cette présentation. Tu peux en faire autant sur.postet/ou.post-content,.post-chapo, etc. en fonction de ceux que tu veux ainsi modifier. Si tu souhaites qu'aucun lien ne soit souligné tu peux le mettre dans la règle globale des liens (a{text-decoration:none;}). Cependant fais attention que les couleurs texte courant/liens étant peu contrastées les liens vont beaucoup perdre en visibilité.Merci, ça roule
J'avais zapper les .post
Merci pour ton boulot...
Je suis toujours très content du thème Welsh de Kozlika dont je me suis inspiré pour mon blog, merci encore.
Je viens de constater aujourd'hui un tout petit problème, dans les listes à puces de la sidebar, dans le widget 'derniers commentaires' appelé 'Ils ont dit sur ce blog...' sur mon blog, notamment sur la première ligne : il n'y a pas de puce.
Une idée ?
Je vois ces puces sans souci (firefox / mac). Dans quel contexte de plate-forme/navigateur ne les vois-tu pas ?
Ola
Juste un mot pour signaler que je viens de terminer (et réussir) la migration de mon blog, de DC1 vers DC2. J'ai opté pour ce thème avec la déclinaison en 2 colonnes sur toute la largeur que j'ai un peu customisé...
Encore merci pour tout le boulot que tu réalises ;)
Bonjour,
Je souhaiterais modifier les intitulés "billets précédents" et "billets suivants" et aussi faire passer la position du 1° à droite et le second à gauche par rapport au n° de page.
Pourriez vous m'y aider, s'il vous plait ?
Vous en remerciant par avance
Cordialement
billets précédents et billets suivants sont des mentions insérées dans les fichier *.html du thème voir ici par exemple tu peux remplacer ces mentions par le texte de ton choix.
Merci !!!
je vais aller y voir
Bonne journée
Merci pour ton aide mais tu t'adresses à un nul!!
J'ai été faire un tour dans deux répertoires:
- welsh-2-0
- default
dans le 1°, je ne trouve que top et archive_month en *.html
donc semble pas étre là.
dans le 2°, j'ai bien des fichiers html (exemple: home.html) mais je n'y retrouve pas les lignes qui me permettraient de remplacer/modifier les lignes des mentions que je veux atteindre.
J'ai évidemment loupé quelque chose mais quoi ??
Merci +++
Bonjour et bravo pour ce thème. Une idée pour le rendre compatible avec la nouvelle version beta 7 ?
BC > Oui pardon : il te faut en effet repérer les fichiers.html où tu souhaites faire des modifs, les dupliquer depuis le thème par défaut et les placer dans le thème que tu utilises. Ainsi tu laisseras le thème par défaut intact.
Quant aux portions à modifier, elles sont pour le moment "internationalisées" sous la forme
(pour billets précédents) et{{tpl:lang next entries}}(pour billets suivants).{{tpl:lang (...)}}, est un type de fonction de Dotclear qui permet d'afficher du texte dans la langue du blog – ne reve pas, ça ne traduit pas n'importe quel terme, seulement ceux "précuits" –.Tu peux remplacer
{{tpl:lang previous entries}}paraller lire les billets d'avantsi ça te chante :) Il faut simplement bien faire attention de remplacer de{{à}}inclus.patg68 > Uh ? La mise à jour beta7 ne réclame aucune mise à jour de thème.
@BC
dis moi si ça marche je viens de le faire chez moi.
Par contre la ligne s'est mise à gauche.
Bonjour,
j'ai supprimé , sous le top , les hachures. Mais je ne vois pas par Où commencer pour mettre tout ce petit monde raccord.
le top , la page la nav.
merci.
PierreL, la pagination est alignée à gauche dans ce thème. Si tu veux modifier l'alignement il faut le faire dans la règle de
.paginationOk pour la pagination.
Pour la position de la Supranav dans le top, je ne trouve pas .
Merci Koz.
j'ai mis ça
et ça fonctionne.
Petit problème avec un onglet, le seul que j'ai créé , il fonctionne mais ne passe pas en selected, sa couleur ne change pas après le clic .
Bonsoir,
Merci beaucoup pour les modifs à faire ds les fichiers html. J'ai fait les modifs ds home.html et c'est parfait. Merci !!!
A propos de pagination, y a t'il un moyen pour que les indications "aller à la ..." + Page X de Y + "aller à la.." soient centrées ?
Merci et bonne soirée
Cordialement
Ça se passe dans à pagination ( dans le CSS ).
Merci mais dans quelle partie du style.css ??
bonsoir ,
presque fini mais 2 soucis sur la supranav
- 2 pixels sous les onglets entre Firefox et Safari , avec ou sans cache ça perdure.
- le seul onglet modifié fonctionne mais pas la couleur de selected.
http://111reportages.net/DCE/index....
pomme + f , recherche " pagination " , magique !
Bon j'ai tout relu et j'arrive pas à voir le problème des onglets .
Ils fonctionnent mais la couleur " active" n'est pas sélectionnée.
Ces onglets pointent sur des billets précis. Pour l'instant il n'existe pas de moyen de faire ce que tu souhaites pour ce cas de figure, ou plutot il en existe un mais compliqué à mettre en place. (Je mentionne d'ailleurs la difficulté à ce sujet à la fin de ce billet :
Si c'est super important on peut essayer de chercher une ruse mais quoi qu'il en soit ça risque d'être tordu : mes compétences en PHP étant très limitées, je suis obligée de passer par des circonvolutions dans la css qui ne sont pas très « propres ».
Je ne comprends pas
- c'est vrai que ta nav a un comportement bizarre
- pour mon cas je veux pointer vers des billets précis et avoir le changement de couleur de l'onglet
- pour le cas du PHP je n'ai pas compris , mais si ça résout mon problème ça m'intéresse.
Donc là je n'ai pas compris ( pourquoi l'avoir proposé si elle ne fonctionne pas ) , j'ai du rater quelque chose.
Sinon je considère le thème terminé, il s'appelle
Welsh 2.0 mutant.
http://111reportages.net/DCE/index....
Si ça marche pas avec IE merci de me le signaler .
Salut, j'ai adopté ton thème pour sa sobriété, sa largeur et ses 3 colonnes. Malheureusement je ne sais pas comment dispatcher les widgets dans l'une ou l'autre colonne. :(
Je retire ce que j'ai dit... un vrai boulet parfois...
Ola
Concernant la couleur active des onglets, en mixant plusieurs solutions trouvées sur la toile, j'arrive à une mixture qui fonctionne en ajoutant un zest de php dans le fichier _top.html du thème. C'est certes un peu lourd, mais opérationnel, et si ça peu aider ... résultat ici
Le but du jeu est de tester l'URL active avant d'afficher les onglets. Par exemple si l'URL /post/url/4 est affichée, alors le tag "active" est rajouté à l'onglet correspondant (et n'y est pas sur les autres). Pour l'onglet home, c'est un peu différent, on teste toutes les URL des différents onglets et si elle ne sont pas actives, on en déduit qu'on est sur "home".
Ci-dessous la partie concernat les onglets de mon fichier _top.html, chaque ligne <li>......</li> correspond à un onglet, les liens sont de la forme /post/url/3 ce qui correspond à l'adresse absolue d'un billet (depuis la racine du blog), étant en path_info pour les url sur mon blog ça donne qque chose comme :
/post/2006/06/08/21-titre du billet
<div id="supranav">
<ul>
<li><a href="{{tpl:BlogURL}}" <? if ($_SERVER['REQUEST_URI']!="/post/url/1" && $_SERVER['REQUEST_URI']!="/post/url/2" && $_SERVER['REQUEST_URI']!="/post/url/3" && $_SERVER['REQUEST_URI']!="/post/url/4" && $_SERVER['REQUEST_URI']!="/post/url/5" && $_SERVER['REQUEST_URI']!="/contact") echo "id=\"active\" "; ?>>home</a></li>
<li><a href="/post/url/1" <? if ($_SERVER['REQUEST_URI']=="/post/url/1") echo "id=\"active\" "; ?>>lien1</a></li>
<li><a href="/post/url/2" <? if ($_SERVER['REQUEST_URI']=="/post/url/2") echo "id=\"active\" "; ?>>lien2</a></li>
<li><a href="/post/url/3" <? if ($_SERVER['REQUEST_URI']=="/post/url/3") echo "id=\"active\" "; ?>>lien3</a></li>
<li><a href="/post/url/4" <? if ($_SERVER['REQUEST_URI']=="/post/url/4") echo "id=\"active\" "; ?>>lien4</a></li>
<li><a href="/post/url/5" <? if ($_SERVER['REQUEST_URI']=="/post/url/5") echo "id=\"active\" "; ?>>lien5</a></li>
<li><a href="/contact" <? if ($_SERVER['REQUEST_URI']=="/contact") echo "id=\"active\" "; ?>>contact</a></li>
</ul>
</div>
Comme je ne suis pas sûre de l'interprétation des caractères spéciaux dans les commentaires, je l'ai mis ligne au format texte : _top.html.txt
Oups, je n'ai cité Thierry, merci à lui pour le tips concernant les onglets ;)
Merci , j'avais pas vu les réponses depuis la 116. Le RSS ne semble plus marcher avec NetVibes
Tout d'abord merci Kozlika pour ce superbe theme que j'ai adopté sur mon blog www.standartux.fr. Ma question ne va pas être inconnue car elle concerne la gestion des onglets actifs, longuement traité dans cette file de commentaires...
Pourquoi cette syntaxe echo "id=\"active\" "; ?>> pour definir un onglet actif ? comme ci-dessous :
<li><a href="/contact" <? if ($_SERVER'REQUEST_URI'=="/contact") echo "id=\"active\" "; ?>>contact</a></li>
pourquoi pas simplement ?
echo id="active"
j'ai appliqué la méthode de Taltan mais le resultat n'est toujours pas satisfaisant, l'onglet cliqué ne restant pas actif (sachant que j'ai fait un copier-collé avec adaptation du code PHP ci-dessus mais que mon niveau de codage PHP = quiche).
NB : Pour l'onglet survolé, j'ai remplacé l'image en surbrillance par l'image "active", ce qu'a du faire aussi Taltan sur son blog.
Thierry m'a dit ça , mais je n'ai pas encore testé :
J'ai mis ca moi dans le code _top :
<li><a href="" <? if
($_SERVER'REQUEST_URI'!="/index.php/related/Mes-photos" &&
$_SERVER'REQUEST_URI'!="/index.php/blogroll/") echo "id=active"; ?>>Le
Blog</a></li>
<li><a href="/index.php/related/Mes-photos" <? if
($_SERVER'REQUEST_URI'=="/index.php/related/Mes-photos") echo
"id=active";
?> >Mes photos</a></li>
<li><a href="/index.php/blogroll/" <? if
($_SERVER'REQUEST_URI'=="/index.php/blogroll/") echo "id=active"; ?
> >Mes
liens</a></li>
salut,
merci pour ce thème, j'ai cherché pendant longtemps un thème clair et propre comme celui-là, il me convient farpaitement :)
(ok, j'ai juste modifié la police de caractère et la marge entre les widgets)
dommage que les onglets marchent pas sur les gandiblogs :(
sinon super boulot !
Merci beaucoup pour ce superbe thème !
Petite suggestion : inclure le style pour le calendrier de DayMode (parce que là on ne distingue quasiment pas les jours avec lien de ceux sans).
Ah autre chose : je cherche désespérément à réduire l'espace entre les widgets, quelqu'un peut m'orienter, je dois être fatigué je n'ai vraiment pas trouvé !
Note : mon niveau en CSS c'est vraiment les bases des bases + l'aide des spec. du W3C...
Bon ça va, j'ai trouvé pour la marge entre les widgets : tout en bas de layout.css :
#blognav div, #blogextra div { margin : 48px 4px 26px 4px; }Et je me suis débrouillé pour le calendrier, si ça vous intéresse, n'hésitez pas à aller piocher chez moi (/themes/welsh-2-0/style.css).
Bravo et merci encore pour cet excellent thème !
Qu'est-ce que je suis bête... la réponse a déjà été donnée (j'ai cherché espace, écart, marge, hauteur... mais pas interligne !) : http://jetheme.klafoutis.org/post/2... !
Ah, encore quelque chose : ça serait bien d'avoir par défaut quelque chose de plus que la h4isation pour les notes (.footnotes), afin des les différencier des sous-titres. Un petit contour, une icône, enfin il faut voir.
Je vais sûrement le modifier chez moi, mais ça serait à mon avis bien que ça soit par défaut dans le thème. ;)
(mais non, je ne floode pas ! :P)
Bonjour,
je viens vous remercier pour la mise à disposition de votre thème que j'utilise pour mes début avec DotClear !
il est rare de trouver un thème à trois colonnes et j'espère que vous allez continuer à le faire vivre en version trois colonnes ;)
merci encore !
Merci à vous de prendre le temps de venir m'en faire part :)
Bonjour,
Juste un petit merci... J'ai découvert ce thème alors que je cherchais à "habiller" le blog du club Robot de mon école, et il est vraiment génial... Sobre, beau et classe à la fois. Merci beaucoup pour ce super travail !
j'ai 2 petites questions sachant que j'ai déjà dit que les css n'étaient pas mon fort (commentaires 122) :
- comment rajouter une image dans le bandeau? faut-il respecter un format et une taille spécifique? car mes essais n'ont pas été fructueux, je suspecte la taille de mes images.
- comment insérer une image (style logo licence CC) dans une colonne ? ou l'intégrer dans un widget
merci à vous
Au passage, je donne ce que j'utilise pour les plugins DayMode et Citations (à mettre dans style.css) :
/* Début ajouts pour le calendrier */ #sidebar div#calendar table { width: 100%; text-align: center; margin: 0 auto; border-collapse: collapse; } #sidebar div#calendar table caption { margin: 0 auto; } #sidebar div#calendar table th { /* color: #000; */ background: transparent; } #sidebar div#calendar table td { width: 14%; line-height: 1.5em; border: 1px solid #EEE; } #sidebar div#calendar table td a { display: block; /* background: #fff; */ color: #f91; font-weight: bold; text-decoration: none; } #sidebar div#calendar table td a:hover { /* background: #f91; */ color: #a08; } /* Fin ajouts pour le calendrier *//* Début ajouts pour les citations */ #sidebar div#citations { background : #ffffff url(images/quote.gif) no-repeat 2px 24px; } #sidebar div#citations .contenu { text-indent : 2em; padding : 0px 4px; line-height : 1.2em; margin : 1em 0; } /* Fin ajouts citations */Vous pouvez voir ce que ça donne ici : http://nicopensource.free.fr/. Vous pouvez bricoler facilement à partir de ça, j'ai notamment laissé la couleur d'arrière-plan en comment.
bonjour Super travailJ''avais adopté votre thème Welsh il y a quelques mois Je me remets à mon site et découvre qu'il y a eu des avancées dans le foncionnement des onglets. J'ai parcouru tous les commentaires et j'ai compris le systè:me Intervenir sur le fichier_top.html , et faire pointer l'onglet sur un article Par contre je reste bloqué sur le fait que mon billet apparait aussi sur la première page du blog Comment faire?(ex: bllet "culture" sur lequel pointe mon onglet "Test")
Comme StandarT le demande, dans quel fichier intrervenir pour intégrer évntuellemnt une image dans le bandeau?Merci
Je me permet de répondre à quelques questions...
<div id="top"> <h1><span><a href="{{tpl:BlogURL}}">{{tpl:BlogName encode_html="1"}}</a></span></h1> <div id="supranav"> <ul> <li><a href="{{tpl:BlogURL}}"<? if ($_SERVER['REQUEST_URI']!="/dotclear/index.php?static/Moi" && $_SERVER['REQUEST_URI']!="/dotclear/index.php?contact" && $_SERVER['REQUEST_URI']!="/dotclear/index.php?static/A-propos" && $_SERVER['REQUEST_URI']!="/dotclear/index.php?static/Page-Hacker" && $_SERVER['REQUEST_URI']!="/dotclear/index.php?static/Realisations") echo " id=\"active\""; ?>>Le blog</a></li> <li><a href="/dotclear/index.php?static/Moi"<? if ($_SERVER['REQUEST_URI']=="/dotclear/index.php?static/Moi") echo " id=\"active\""; ?>>Qui suis-je ?</a></li> <li><a href="/dotclear/index.php?static/Realisations"<? if ($_SERVER['REQUEST_URI']=="/dotclear/index.php?static/Realisations") echo " id=\"active\""; ?><? if ($_SERVER['REQUEST_URI']=="/dotclear/index.php?static/Page-Hacker") echo " id=\"active\""; ?>>Mes réalisations</a></li> <li><a href="/dotclear/index.php?contact"<? if ($_SERVER['REQUEST_URI']=="/dotclear/index.php?contact") echo " id=\"active\""; ?>>Me contacter</a></li> <li><a href="/dotclear/index.php?static/A-propos"<? if ($_SERVER['REQUEST_URI']=="/dotclear/index.php?static/A-propos") echo " id=\"active\""; ?>>À propos…</a></li> </ul> </div> </div> <p id="prelude"><a href="#main">{{tpl:lang To content}}</a> | <a href="#blognav">{{tpl:lang To menu}}</a> | <a href="#search">{{tpl:lang To search}}</a></p>#top { position : relative; height : 120px; }par :
#top { height : 120px; background : transparent url(images/top.png)repeat-x; padding : 0 0 0 120px; }et mettre un top.png dans le dossier images, très large (attention au poids tt de même) si vous ne voulez pas qu'il soit répeté, exemple : http://nicopensource.free.fr/dotcle..., ou alors plus petit si c'est un motif qui se répète.
Merci Nicolas !
Oui, merci encore pour vos réponses Nicolas et Kozlika, je mettrai en application ces details dés que j'aurais un peu plus de temps!
bonjour,
j'ai abandonné le problème en cours de route, je voulais savoir si la nav horizontale avait trouvé sa solution ( simple )
( l'onglet actif qui n'est pas actif )
merci.
bonjour
Thierry m'avait communiqué ce code pour les onglets
*******
<li><a href="/index.php/related/Mes-photos" <? if
($_SERVER'REQUEST_URI'=="/index.php/related/Mes-photos") echo "id=active";
?> >Mes photos</a></li>***************
Mais je vois " related" faut-il installer " related "
Bonjour,
j'utilise le théme Welsh 2.0,et j'aurai aimer utilisé le widget blogRollPage,pour cela il faut l'integrer au théme comme spécifier ici http://wiki.saymonz.net/#adaptation...
je ne suis pas trés doué en php et html et je ne sais pas comment mi prendre.
un petit coup de main ne serait pas de refus
Merci a toi
Bonjour,
je voudrais mettre une adaptation de welsh dans docaddict , mais je cale sur les onglets.
Cela a-t-il avancé ?
Merci.
> 26. Le samedi 21 avril 2007, 12:52 par PH
> Autrement comment tu fais pour que TES commentaires soient en une couleur différente? :)
Je ne sais pas comment je me suis souvenu de ce commentaire, enfin j'avais le même problème, et il faut apparemment spécifier une URL dans ses Informations utilisateurs (dans l'admin : Utilisateurs → {nom d'utilisateur} → URL), et la même dans les commentaires.
Si on a une page "à propos de moua", ça colle bien.