Les ateliers du klafoutis - Welsh 2.0 - Commentaires

Welsh 2.0 - Nicolas

Nicolas — Sat, 05 Apr 2008 21:36:50 +0200

> 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.

Welsh 2.0 - pierreL

pierreL — Wed, 02 Apr 2008 14:13:30 +0200

Bonjour,

je voudrais mettre une adaptation de welsh dans docaddict , mais je cale sur les onglets.

Cela a-t-il avancé ?

Merci.

Welsh 2.0 - Clark Gaybeul

Clark Gaybeul — Wed, 07 Nov 2007 22:15:16 +0100

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

Welsh 2.0 - pierreL

pierreL — Sat, 03 Nov 2007 17:46:58 +0100

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 "

Welsh 2.0 - pierreL

pierreL — Fri, 26 Oct 2007 10:55:36 +0200

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.

Welsh 2.0 - StandarT

StandarT — Wed, 10 Oct 2007 10:39:30 +0200

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!

Welsh 2.0 - Kozlika

Kozlika — Mon, 08 Oct 2007 09:26:36 +0200

Merci Nicolas !

Welsh 2.0 - Nicolas

Nicolas — Sun, 07 Oct 2007 10:56:30 +0200

Je me permet de répondre à quelques questions...

- comment insérer une image (style logo licence CC) dans une colonne ? ou l'intégrer dans un widget : tu ajoute un widget "texte", et tu met <img src="adresse de l'image" alt="texte alternatif" /> pour l'image.

Le _top.html : je vous donne à titre d'exemple le mien qui fonctionne très bien :

<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&nbsp;?</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>

Un image dans le titre : solution pas très propre mais fonctionnelle : dans layout.css, remplacer :

#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.

Welsh 2.0 - patfab

patfab — Sat, 06 Oct 2007 00:14:44 +0200

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

Welsh 2.0 - Nicolas

Nicolas — Sat, 22 Sep 2007 12:20:58 +0200

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.

Welsh 2.0 - StandarT

StandarT — Wed, 19 Sep 2007 19:58:44 +0200

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

Welsh 2.0 - Schnouki

Schnouki — Sun, 09 Sep 2007 21:24:52 +0200

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 !

Welsh 2.0 - Kozlika

Kozlika — Fri, 07 Sep 2007 10:13:15 +0200

Merci à vous de prendre le temps de venir m'en faire part :)

Welsh 2.0 - Ducatman

Ducatman — Fri, 07 Sep 2007 01:40:48 +0200

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 !

[ping] Welsh 2.0 - Aoraki, je thème

Aoraki, je thème — Wed, 29 Aug 2007 08:01:28 +0200

Welsh 2.0, en deux colonnes

A la demande de l'ami Biou pour son blog et d'autres auparavant, j'ai terminé la variation pour deux colonnes du thème Welsh 2.0....

Welsh 2.0 - Nicolas

Nicolas — Fri, 17 Aug 2007 14:46:25 +0200

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)

Welsh 2.0 - Nicolas

Nicolas — Fri, 17 Aug 2007 14:25:36 +0200

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... !

Welsh 2.0 - Nicolas

Nicolas — Fri, 17 Aug 2007 14:22:50 +0200

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 !

Welsh 2.0 - Nicolas

Nicolas — Tue, 14 Aug 2007 23:11:13 +0200

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...

Welsh 2.0 - Nicolas

Nicolas — Mon, 13 Aug 2007 23:55:40 +0200

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).

Welsh 2.0 - patrice

patrice — Fri, 03 Aug 2007 13:16:54 +0200

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 !

Welsh 2.0 - pierreL

pierreL — Thu, 02 Aug 2007 10:29:40 +0200

Thierry m'a dit ça , mais je n'ai pas encore testé :
J'ai mis ca moi dans le code _top :

<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>

Welsh 2.0 - StandarT

StandarT — Thu, 02 Aug 2007 08:51:37 +0200

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.

Welsh 2.0 - pierreL

pierreL — Sat, 28 Jul 2007 21:08:05 +0200

Merci , j'avais pas vu les réponses depuis la 116. Le RSS ne semble plus marcher avec NetVibes

Welsh 2.0 - Taltan

Taltan — Sat, 28 Jul 2007 09:35:03 +0200

Oups, je n'ai cité Thierry, merci à lui pour le tips concernant les onglets ;)

Welsh 2.0 - Taltan

Taltan — Sat, 28 Jul 2007 09:19:14 +0200

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

Welsh 2.0 - Manu

Manu — Thu, 26 Jul 2007 15:19:03 +0200

Je retire ce que j'ai dit... un vrai boulet parfois...

Welsh 2.0 - Manu

Manu — Thu, 26 Jul 2007 15:16:34 +0200

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. :(

Welsh 2.0 - pierreL

pierreL — Sun, 15 Jul 2007 22:04:56 +0200

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 .

Welsh 2.0 - pierreL

pierreL — Sun, 15 Jul 2007 21:58:08 +0200

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.

Welsh 2.0 - Kozlika

Kozlika — Sun, 15 Jul 2007 20:00:29 +0200

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 :

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.

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 ».

Welsh 2.0 - pierreL

pierreL — Sun, 15 Jul 2007 12:22:45 +0200

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.

Welsh 2.0 - pierreL

pierreL — Sun, 15 Jul 2007 00:50:24 +0200

pomme + f , recherche " pagination " , magique !

Welsh 2.0 - pierreL

pierreL — Sat, 14 Jul 2007 20:40:28 +0200

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....

Welsh 2.0 - BC

BC — Sat, 14 Jul 2007 20:38:46 +0200

Merci mais dans quelle partie du style.css ??

Welsh 2.0 - pierreL

pierreL — Sat, 14 Jul 2007 20:27:08 +0200

Ça se passe dans à pagination ( dans le CSS ).

Welsh 2.0 - BC

BC — Sat, 14 Jul 2007 19:44:55 +0200

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

Welsh 2.0 - pierreL

pierreL — Sat, 14 Jul 2007 14:09:37 +0200

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 .

Welsh 2.0 - pierreL

pierreL — Sat, 14 Jul 2007 13:42:18 +0200

j'ai mis ça

margin-top: 20px;

et ça fonctionne.

Welsh 2.0 - pierreL

pierreL — Sat, 14 Jul 2007 12:00:29 +0200

Ok pour la pagination.
Pour la position de la Supranav dans le top, je ne trouve pas .
Merci Koz.

Welsh 2.0 - Kozlika

Kozlika — Sat, 14 Jul 2007 11:12:37 +0200

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 .pagination

Welsh 2.0 - pierreL

pierreL — Sat, 14 Jul 2007 10:56:55 +0200

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.

Welsh 2.0 - pierreL

pierreL — Sat, 14 Jul 2007 10:47:43 +0200

@BC
dis moi si ça marche je viens de le faire chez moi.
Par contre la ligne s'est mise à gauche.

Welsh 2.0 - Kozlika

Kozlika — Fri, 13 Jul 2007 22:32:15 +0200

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 tpl:lang previous entries (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}} par aller lire les billets d'avant si ç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.

Welsh 2.0 - patg68

patg68 — Fri, 13 Jul 2007 17:31:38 +0200

Bonjour et bravo pour ce thème. Une idée pour le rendre compatible avec la nouvelle version beta 7 ?

Welsh 2.0 - BC

BC — Fri, 13 Jul 2007 15:11:41 +0200

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 +++

Welsh 2.0 - BC

BC — Fri, 13 Jul 2007 13:40:42 +0200

Merci !!!
je vais aller y voir
Bonne journée

Welsh 2.0 - Kozlika

Kozlika — Fri, 13 Jul 2007 13:34:26 +0200

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.

Welsh 2.0 - BC

BC — Fri, 13 Jul 2007 13:13:12 +0200

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

Welsh 2.0 - Taltan

Taltan — Sat, 07 Jul 2007 14:50:35 +0200

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 ;)