pyeb theme 2 dotclear - Liquide - Commentaires

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pOgO

pOgO — Thu, 17 Jul 2008 16:55:16 +0200

Bonjour,
J'utilise le thème FreshyOne pour le site d'une association (http://defi-du-coeur.ovh.org)
Après être passé sous Firefox3 je me suis apercu qu'il n'arrivait pas à afficher correctement le menu de navigation =(
Y a t-il un remède à cela ?
merci d'avance

Chocolate & biscuit : caisson de résonance - davromaniak

davromaniak — Mon, 14 Jul 2008 21:32:55 +0200

Salut.

J'ai eu l'idée de reprendre ton thème pour dotclear afin de faire ressembler laconica à ce thème (que j'utilise sur mon blog).

Voici donc le résultat : http://ublog.davromaniak.eu

J'espère que tu n'en vois pas d'inconvénient.

Merci, @+

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Wed, 25 Jun 2008 13:01:26 +0200

Tabs fonctionne uniquement avec un clic. Pour trouver un script non compressé, fait un tour sur le site de l'auteur. J'utilise une vieille version, il faudra aussi modifier tabs-ie.css pour que cela fonctionne si tu prends la dernière version.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Super Bouillotte

Super Bouillotte — Tue, 24 Jun 2008 20:17:43 +0200

Merci pour ce thème!

Par contre je voulais savoir s'il était possible de naviguer dans le menu freshy sans être obligé de cliquer sur une rubrique, "Archives" par exemple.
De façon à ce que le sous menu apparaisse juste en passant la souris dessus, tout comme un menu dynamique.
En modifiant jquery.tabs.js a mon avis. Mais celui-ci a l'air compressé.

J'espère avoir été assez clair dans mon explication.
Merci d'avance.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Fri, 20 Jun 2008 13:21:50 +0200

La version simple et un rien fainéante :

supprimer .aplat dans le fichier style.css, attention pas toute la ligne

La version plus propre mais qui demandera une modification lors de chaque mise à jour de template :

supprimer dans chaque fichier .html, <div class="aplat"> </div>

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - altor

altor — Thu, 19 Jun 2008 23:03:08 +0200

Bonjour,
est il possible de supprimer la barre gris claire en haut qui se situe entre le menu gris foncé et le post?
Si oui, comment?
Merci d'avances pour vos réponse

Lueurs - tipi

tipi — Sat, 19 Apr 2008 10:46:06 +0200

Merci. C'est la 1ère version.
Toujours Bravo!

Lueurs - pyeb

pyeb — Fri, 18 Apr 2008 19:13:47 +0200

Si le trait ne doit apparaître que sur le template post.html il faut définir le style .dc-post .post-content, s'il apparaît partout modifier le style .post-content, .post-excerpt. La règle est :

border-top: 1px solid #000;

Lueurs - tipi

tipi — Fri, 18 Apr 2008 16:19:53 +0200

Bonjour,
Pour les posts, j'aimerais les commencer par un trait de séparation. Tel qu'ici: http://bernard.pruvost3.free.fr/bcv...

Quelle serait la modification dans quel fichier?

J'ai mis le sélecteur de thèmes dont 123.
http://bernard.pruvost3.free.fr/bcv...

Je trouve qu'il mériterait de revenir dans "dotaddict", car il est très clair. Peut-être en élargissant un peu les colonnes latérales.

Merci.

123 Blue - matthieu

matthieu — Tue, 11 Mar 2008 19:26:09 +0100

je me suis permis de prendre votre thème pour en faire le futur mien et le modifier en voyez vous un inconvénient ?
sur mon site il y a choix de thèmes et pour 123blue j'ai ajouté (en retouche), ai je le droit ?

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - yan

yan — Tue, 11 Mar 2008 13:36:03 +0100

Bonjour,

je reviens sur cette page à la quête de quelques détails et je me rends compte que je ne t'ai pas remercié pour ton dernier message.

Alors... Merci pour ces précieuses infos !

tabsOne with jQuery - pyeb

pyeb — Fri, 22 Feb 2008 16:39:17 +0100

Pour des pages statiques sans faire du html, il faut utiliser le plug-in related de Pep. A priori, il y a un template inclus dans le thème.

tabsOne with jQuery - Xavier

Xavier — Thu, 21 Feb 2008 22:32:31 +0100

Salut,
j'aime beacoup ce thème pour DC, que je compte utiliser pour le cinéma que je gère..
Par contre, j'aurais souhaité savoir s'il était possible d'exploiter le thème, pour réaliser des pages statiques, et de quelle manière ce serait possible?
J'aurais aimé faire une partie blog et une partie statique..
Merci beaucoup,
amicalement..

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Thu, 14 Feb 2008 20:43:52 +0100

Il faut modifier le fichier _menu.html. Il faut d'abord supprimer les différents éléments qui sont listés avec la balise html li et que tu ne souhaitent pas utiliser. Attention à garder la recherche et les liens rss sinon le menu par en branle.

Puis, il faut supprimer toutes les div qui correspondent aux éléments à supprimer.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - yan

yan — Thu, 14 Feb 2008 18:40:32 +0100

Bonjour Pyeb et merci pour ton superbe thème.

Je t'ai déjà contacté pour différents problèmes rencontrés ; et réglés depuis.
Un dernier demeure...
J'ai beau relire cette page, et rechercher dans les fichiers du thème, je ne trouve pas le fichier où modifier l'ordre des onglets du menu.
J'ai tenté d'insérer un bout du script plus haut dans le _head.html
à savoir :

<script type="text/javascript">

$(document).ready(function() {
$('#tabs').tabs();
});
</script>
SANS SUCCES...
Je nage complètement. Limite je me noie...

Je veux juste faire apparatre les catégorie par défault mais rien à faire.
Pire, sur firefox (mac) j'ai la recherche par défaut, alors que sous safari, c'est le rss !

le thème est sur www.f3s.fr/actualitesv2

Si tu avais une seconde à m'accorder, ce serait super.
Merci d'avance.
Yan

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Wed, 06 Feb 2008 13:16:23 +0100

Il faut modifier la règle .post-info-co a dans le fichier style.css.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Altor

Altor — Tue, 05 Feb 2008 21:54:31 +0100

Bonjour,

Sur ce thème, l'affichage du nombre de commentaire ("64 commentaires" ) ou "aucun commentaire" est automatique en rouge en bas de chaque billet, comment changer cette couleur par défaut ?

merci d'avance pour vos réponses.

123 Blue - pyeb

pyeb — Wed, 09 Jan 2008 13:38:35 +0100

Oui, mes thèmes ne fonctionnent que sous Dotclear 2.

123 Blue - Delf

Delf — Wed, 09 Jan 2008 01:54:39 +0100

Superbe le thème... sauf que bouh j'arrive pas à l'installer... snif !
j'ai créé le répertoire 123blue sous theme.
J'ai téléchargé le fichier et l'ai extrait directement pour 123blue
J'ai mis le tout sur le ftp
Et quand je suis sur le gestionnaire des thèmes, je n'ai que le thème par défaut et le old... des idées ?
Merci !

Lueurs - tipi

tipi — Fri, 23 Nov 2007 09:18:55 +0100

Merci pour la réponse.
Je veux bien recevoir le fichier support.
site@bcv.servhome.org
Je devrais pouvoir le faire!

Lueurs - pyeb

pyeb — Thu, 22 Nov 2007 16:38:27 +0100

C'est certainement le thème le plus compliqué à rendre fluide ! à cause des bords du début et de fin des billets et qui sont différents selon les billets pairs/impairs.
Mais le top et le footer demandent aussi des adaptations du même ordre aindi que la difficulté d'avoir une image pour le top.

Pour réduire la sidebar, il faut modifier toutes les images et les retailler puis adapter les css. Si tu veux, je peux t'envoyer le fichier photoshop support.

Lueurs - tipi

tipi — Wed, 21 Nov 2007 23:37:02 +0100

Bonsoir,
Je reviens vers vous. Le thème va toujours très bien et le site évolue comme j'espérais par la participation. Je change la photo du top chaque semaine.
http://bcv.fr.nf
Avec les écrans et les résolutions qui deviennent très variés, je me demande s'il est possible de le modifier en thème "fluide" ou serait-ce un travail trop important.
Je suis également preneur de pistes pour réduire un peu la largeur de la partie rouge en augmentant celle de la partie "billets.
Merci beaucoup

tabsOne with jQuery - pyeb

pyeb — Wed, 21 Nov 2007 13:40:59 +0100

Il faut modifier le padding au niveau des règles #comments dt, etc et #comments dd, etc

tabsOne with jQuery - Bucheron

Bucheron — Tue, 20 Nov 2007 19:54:56 +0100

Bonjour pyeb !

Merci pour le joli thème qui m'a servi de base pour mon blog. Il est superbe, et modulable!
Sauf... que je ne comprends pas comment se produit le décalage entre le 1er et le second commentaire, et ou il est définit ?
Peux tu me dire comment modifier cet attribut ?

Merci d'avance !

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Fri, 16 Nov 2007 15:16:01 +0100

Donne-moi l'adresse de ton site pour voir le code que tu as inséré.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - niss

niss — Mon, 12 Nov 2007 23:07:51 +0100

Pardonne moi de revenir a la charge, mais j'ai une autre petite question... Comment dois-je faire pour que lorsque je clique sur ce nouveau tab que j'ai insere, en plus de m'afficher le texte widget, il m'affiche la page d'index de mon blog? C'est certaiment une question tres bete, mais rien n'y fait, je ne trouve pas

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - niss

niss — Mon, 12 Nov 2007 22:59:07 +0100

Merci pour ta reponse!!

Alors j'ai bien reussi a mettre le widget texte en tete du menu, il fonctionne, cependant il me reste un petit souci : lorsque je suis dans le menu categorie et que je selectionne une categorie, il m'affiche les articles de la categorie demande, donc parfait, mais en meme temps il se repositionne automatiquement sur le 1er tab et donc me reaffiche le petit texte issu du widget...

J'ai essye de suivre ton tuto en inserant le script $('#tabs').tabs(2); (le 2eme tab est la recherche) dans le fichier _head.html, mais ca n'a malheureusement rien change...

J'en fait donc appel une nouvelle fois a ton aide... Desole...

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Mon, 12 Nov 2007 20:25:00 +0100

Pour le design, il faudra remercier l'auteur du thème Julien de Luca.

Il faudra s'appuyer sur l'explication du paragraphe Structure html. Dans la liste non numérotée, insérer un nouvel élément, par exemple #tabtexte, avant #tabsearch et affecter la classe first_menu à cet élément et non plus à #tabsearch.

Créer une nouvelle division puis, il y a deux choix possible. Soit écrire en dur le texte dans le fichier _menu.html. Soit mettre <div id="tabtexte" class="fragment">{{tpl:Widgets type="extra"}}</div> en veillant que seul le widget texte soit présent dans Bandeau d'extra.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Niss

Niss — Mon, 12 Nov 2007 15:04:31 +0100

Bonjour bonjour!!

Tout d'abord je tiens a te dire que tes themes sont tout bonnement superbes et donnent a nos blogs un look carrement pro. Donc je tiens avant toute chose a t'adresser mes felicitations et surtout a te remercier grandement au nom de tous les webmasters debutants dont je fais parti.

J'ai une petite question concernant ce magnifique theme : est-il possible d'integrer a la barre de menu un onglet contenant le widget "text" et qui irait se greffer en position numero 1 dans cette barre, de maniere a afficher ce petit texte de presentation de notre blog lorsque des visiteurs arrivent.... J'ai essaye de jeter un oeil dans le code et pour tout t'avouer, c'est pour l'enorme noob que je suis, ni plus ni moins que de la science fiction.. Bref, tu l'auras compris, moi justement, je n'ai absolument rien compris... Enfin si, j'ai compris une chose : combien je suis nul...

Merci par avance pour ta reponse et encore bravo pour ton travail.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Fri, 02 Nov 2007 21:19:45 +0100

@guiliome : si le navigateur autorise le javascript, le thème Blue Silence est dans le dossier thème ainsi que freshyOne, tout doit fonctionner normalement. Après, il faut du contenu - billet, tag, catégorie - pour que le menu soit fonctionnel

@Nicolas : a priori, je trouve cela plutôt joli, le 2 novembre… :roll:

123 Blue - pyeb

pyeb — Fri, 02 Nov 2007 20:59:16 +0100

La structure du thème est différente du thème par défaut. Il faut prendre le fichier html du plug-in et rajouter le code contenu dans external.html - il y a peu de code - par exemple. Il vaut mieux partir du fichier html du plug-in.

Remplacer la séquence main/content par celle contenant main/content2. De même remplacer toute la division sidebar par les divisions blogextra/blog/nav.

123 Blue - guiliome

guiliome — Wed, 31 Oct 2007 10:42:36 +0100

Bonjour,

merci pour ce thèmes.
Je suis occupé a tester avant de mettre un blog en route.
j'ai juste un problème, j'ai installé ds_gallery et quand je selectionne une galerie la collone de droite ce déplace à gauche est-ce difficile à coorigé ou dois-je abandoner le thème?

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Nicolas

Nicolas — Sun, 28 Oct 2007 18:57:31 +0100

Bon j'ai plus ou moins réussi à faire ce que je voulais : http://bio.carburants.free.fr/carne..., mais ce n'est vraiment pas propre. Si quelqu'un à mieux à proposer, je suis preneur !

Et merci encore pour cet élégant thème !

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - guiliome

guiliome — Sat, 27 Oct 2007 15:34:41 +0200

Beau boulot,

concretement, je viens de mettre dotclear2 et telecharger le theme freshyone.
Que dois-je faire ensuite pour que le système de menu fonctionne.
Auriez-vous des fichiers à me donner.
Merci

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - shad

shad — Fri, 26 Oct 2007 08:10:21 +0200

Je viens de trouver le problème, le plugin aboutPage ne se désinstalle que partiellement. Il suffit de chercher toutes les occurences du mot "about" dans la base sql. 2 posts sont rajoutés, ce qui perturbe l'affichage vraissemblablement.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - shad

shad — Thu, 25 Oct 2007 22:32:47 +0200

Salut,

j'ai un probleme avec le theme, il marchait bien et tout et j'ai installé le plugin aboutPage, et le theme n'affichait plus de posts, j'ai donc viré le plugin. Et le thème n'affichent plus les posts. Aucuns probleme avec le theme par défaut. Une idée ? est-ce que ce theme fait un truc de special pour afficher les posts ?
Rq: les posts ne sont pas masqués, ils ne sont meme pas dans la source de la page.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Fri, 19 Oct 2007 22:14:35 +0200

Tabs modifie le fonctionnement des liens la liste non ordonnée ul. Il faut ajouter le lien en dehors de ul class="menu" pour que cela fonctionne et s'amuser - au niveau html et css - pour que le menu reste cohérent.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Nicolas

Nicolas — Fri, 19 Oct 2007 20:15:42 +0200

Bonjour,

Comment faire un lien vers une page (du plugin related ou contact par exemple) dans les onglets ? J'ai essayé avec :

<ul class="menu"><li class="first_menu"><a href="/index.php?page/Les-biocarburants-TPE">Accueil</a></li><li><a href="/">Carnet</a></li><li class="page_item"><a href="#tabsearch"> [...]

Mais le 2ème lien est inopérant et rend tout les onglets inopérants (après avoir cliqué dessus, un clic sur n'importe quel onglet ne donne rien)...

Merci d'avance !

DoTunes - v.mzt

v.mzt — Mon, 08 Oct 2007 19:20:51 +0200

Salut,
j'ai installer recement le DC2 et j'ai telecharger quelques themes dont les tiens. A mon grand regret, aucun ne fonctionne. Je suis equipé d'un G5, j'utilise transmit, le dc est le béta 07. C'est un multiblog... il existe un fil de discussion avec quelques éléments qui pourrait t'interesser : http://www.dotclear.net/forum/viewt...
Cordialement.

Lueurs - tipi

tipi — Tue, 02 Oct 2007 23:50:29 +0200

Je vais donc m'amuser et je te remercie de ton travail et du SAV !
Bonne soirée

Lueurs - pyeb

pyeb — Mon, 01 Oct 2007 13:38:35 +0200

Il faut s'amuser avec margin et padding.

>#top h1, titre du blog. #sidebar, la colonne de droite avec #blognav et #blogextra qui sont deux sous-divisions contenant les widgets définis dans l'administration de dotclear.

Pour faire monter le contenu de la sidebar, il faut mettre un marge négative sur le premier élément à définir (4 valeurs de marge dans cet ordre : haut, droite, bas, gauche). Vérifier si IE 6 n'est pas réfractaire car j'ai eu un problème avec un autre thème.

Pour lueurs, j'ai modifié la structure normale et cela implique d'avoir un fichier html spécifique pour les templates html de certains plug-in.

Lueurs - tipi

tipi — Fri, 28 Sep 2007 19:14:51 +0200

Bonsoir,

Pas de problèmes avec "Lueurs". Le noir doit enlever un peu du névrotique!

Pour "Soberblack", j'ai appliqué *1.2 selon vos renseignements, et le résultat me va.
http://bcv.fr.nf
Pour le top, j'avais l'intention de garder le rouge et d'y inclure mes images, mais mes compétences étant très limitées en matière de traitement d'images, j'ai tenté "direct", et là aussi ça me convient très bien avec peu de manips pour en changer.

Encore des questions:
Comment puis-je modifier la colonne de droite pour que le texte soit un peu plus vers le bord gauche? Est-il possible de remonter les textes le long de l'image "top"? Peut-on jouer sur l'emplacement du titre? Enfin, je voudrais enlever les "aller au" qui s'incrustent dans le haut de l'image "top".
Du coup, j'alternerais bien les 2 thèmes; mais pour "lueurs", comment faire pour qu'il n'y ait pas interruption de la bande rouge. Décalage de l'image vers la gauche?

Encore merci.

Lueurs - pyeb

pyeb — Wed, 26 Sep 2007 16:00:26 +0200

Lueurs
Pour le titre dans la sidebar, il faut modifier la règle #sidebar h2 avec color: #000;

Sober
C'est plus lourd...Il faut modifier les élements suivants dans chaque règle css.
> #page : width: 950px;
> #top h1 : padding: 50px 15px 50px 765px;
> #wrapper : width: 950px;
> #main : width: 740px;

Il faudra aussi modifier le fichier page_black.png en rajoutant 200px, de noir sur l'affichage des billets bien sûr, ainsi qu'avoir des images pour le top plus grande 200px.

L'image du top actuel est une photo d'une expo de photo N&B avec un mur rouge pour les 60 ans de 1936 !

Lueurs - tipi

tipi — Tue, 25 Sep 2007 18:30:01 +0200

Bonjour et merci pour ce thème qui plait bien.
Comment pourrais-je passer les titres des widgets de l'orange au noir?
Et comment faire pour rendre sober (noir) à la même dimension.
La couleur du club, c'est le noir avec du rouge! Mais vous avez dû le comprendre!
L'image "top" ce n'est pas de la pub, je suis en recherche...
En tous cas bravo et merci.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Steph

Steph — Sat, 15 Sep 2007 10:04:15 +0200

Bonjour à tous. Ces themes sont vraiment réussis et j'ai un faible pour freshy one. Si quelqu'un trouve le moyen d'ajouter un onglet qui pointe directement sur un lien externe ou une page connexe, ca completerai magnifiquement ce thème. En tout cas merci pour ton partage !

123 Blue - jul

jul — Sat, 25 Aug 2007 12:26:31 +0200

ha oui c'est balot, je viens de passer a dc2 y'a pas longtemps alors j'en découvre tout les jours! en tout cas merci

123 Blue - pyeb

pyeb — Fri, 24 Aug 2007 10:41:01 +0200

Cela se passe dans la partie administration de Dotclear. Dans l'interface d'édition d'un billet, il faut déplier - bouton plus - Extrait et y mettre le début du texte.

123 Blue - jul

jul — Fri, 24 Aug 2007 10:01:52 +0200

Bonjour,
j'utilise votre thème mais j'aimerais pour réduire la taille du billet (taille fixe)
et avoir un "lire la suite"
Mais je ne trouve aucunes infos.

Merci
Julien

Chocolate & biscuit : caisson de résonance - pyeb

pyeb — Wed, 08 Aug 2007 23:21:33 +0200

Pour les icônes, il faut rajouter */ après Modifs pour ajouter des icônes aux tags et Modifs pour ajouter des icônes aux commentaires dans le fichier style.css.

Pour #prelude, il faut augmenter la règle font-size qui est à 0.6em ,ce qui est peu mais voulu, toujours dans le fichier style.css.

Chocolate & biscuit : caisson de résonance - nandayo

nandayo — Wed, 08 Aug 2007 21:03:36 +0200

ce thème est super, mais j'ai qq trucs à signaler :

les icones de commentaires et retroliens, qui sont bien présentes en .png dans le dosier, n'apparaissent pas sur le blog, il doit manquer quelque chose dans le code mais je saurais pas dire quoi (en copiant collant betement le code d'une autre css, j'ai tout chamboulé mais ça a bien fait apparaitre les icones, donc c'est possible...=
L'écriture de "aller au contenu" etc en haut à droite est vraiment trop petite, il faudrait le grossir un peu

bon courage et merci pour ce thème !

Chocolate & biscuit : caisson de résonance - pengoo

pengoo — Tue, 07 Aug 2007 22:33:11 +0200

Oups, je m'étais planté dans l'adresse!

Chocolate & biscuit : caisson de résonance - pengoo

pengoo — Tue, 07 Aug 2007 22:22:34 +0200

super thème, vraiment! Je l'ai "réadapté" pour mes besoins, il est même super accessible pour le débutant en CSS que je suis!

tabsOne with jQuery - ryuran

ryuran — Sat, 28 Jul 2007 00:05:15 +0200

Il doit bien y avoir une solution pour enlever cette position scroll.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Lord_CRAZY

Lord_CRAZY — Fri, 20 Jul 2007 20:02:23 +0200

Jme disais aussi, pourquoi dans so nthème y a pas de define ??
En totu cas maintenant le thème apparait... jlai pas testé à 100% mais il s'installe bien
Merci beaucoup et beau travail, maintenant à moi de perosnnalsier tout ça !

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Fri, 20 Jul 2007 17:53:23 +0200

Le fichier _define.php avait disparu… Je l'ai remis dans l'archive.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Fri, 20 Jul 2007 15:07:27 +0200

dcLightbox est incompatible avec tous mes thèmes utilisant jQuery. Pour autant, cela ne devrait pas interférer avec l'administration. J'uploaderai le thème sur un autre blog pour voir.

Chocolate & biscuit : caisson de résonance - Psine

Psine — Fri, 20 Jul 2007 11:25:39 +0200

Superbe ce thème, j'adore le style et les couleurs ! Bravo

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Lord_CRAZY

Lord_CRAZY — Thu, 19 Jul 2007 21:22:19 +0200

Ca ne fonctionne toujours pas... je télécharge le zip, je le décompresse, je l'upload et dans mon interface d'administratino je vais voir les thèmes disponibles et il n'apparait pas... ce n'est pas le premier thème que j'install pourtant, je suis la "procédure" habituelle je ne comprends pas ce qu'il ne va pas... dois-je avoir des composants ou des plug in spécifiques avant d'installer ce thème ? je précise que j'ai lighbox (bien qu'il n'apparaisse pas dans mes extensions), est ce que ça pourrait empecher le thème d'apparaitre à cause d'une incompatibilité ?

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Thu, 19 Jul 2007 19:59:15 +0200

En téléchargeant le fichier, je n'ai pas vu de problème particulier. J'ai toutefois refait l'archive et j'ai de nouveau uploadé.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Lord_CRAZY

Lord_CRAZY — Thu, 19 Jul 2007 19:01:23 +0200

Tout d'abord bonjour et bravo pour les thèmes !

Je souhaite isntaller sur mon blog le thème freshyOne qui me plait beaucoup : je le télécharge, le passe par Filezilla pour uploader l'archive dans mon dossier thèmes, je vais sur mon interface de gestion des thèmes et là c'est le drame : freshyOne n'apparait tout simplement pas :'(... Que se passe-t-il ? Y a t il des pré requis pour ce thème ? J'ai beau cherché rien n'est expliqué sur l'installation de ce thème :-s, aidez moi SVP !!!

Je précise que j'utilsie la version 2 de dot clear, en béta 6.

Bréderode, Slottsbacken & Thames Street, pattern is hype - Adrian

Adrian — Thu, 19 Jul 2007 07:57:52 +0200

@iedidia : Promis j'ai encore quelques réglages à faire dans ma feuille de style; et dans l'architecture de la page, mais d'ici quelques temps je ferrais une archive disponible à tout le monde pour les modifs que j'ai fait sur tabsOne.

tabsOne with jQuery - pyeb

pyeb — Tue, 17 Jul 2007 22:08:50 +0200

La langue de Shakespeare est moi, ça fait deux ! Sinon, le plug-in jQuery litebox utilise aussi une réduction.

En terme de pratique, la taille maximale d'une image pour une visualisation sur le web est de 700px. Et en 1024x768, c'est déjà trop petit. C'est frustrant pour la qualité des photos ou des dessins mais il faut penser aux situations existantes… Au pire, utiliser un format paysage.

tabsOne with jQuery - Ash_Crow

Ash_Crow — Tue, 17 Jul 2007 19:27:00 +0200

Merci pour la suggestion, mais j'avais déjà testé ça, et, comme l'a dit la personne à qui on a suggéré ça ne marche pas : il est impossible de scroller pour voir le haut et le bas de l'image... (ou plutôt, c'est l'arrière-plan grisé qui scrolle et pas le dessin...)

tabsOne with jQuery - pyeb

pyeb — Mon, 16 Jul 2007 20:33:55 +0200

Après une petite recherche pour thickbox, qui fonctionne sans problème avec tabs, la solution pour enlever l'interpolation est là. Par contre, obligation de télécharger la version non compactée.

tabsOne with jQuery - Ash_Crow

Ash_Crow — Sat, 14 Jul 2007 23:13:32 +0200

Salut, je ne sais pas si tu pourras m'aider, mais je lance quand même cette bouteille à la mer...

J'utilise le thème tabsOne, et le plugin gallery. J'ai essayé de mettre en place un clone de lightbox pour ouvrir les images en grand, et je ne veux pas utiliser thickbox : il marche bien, mais il redimensionne les images pour qu'elles apparaissent en entier dans la page, ce qui fait des gros effets de compression moches

Du coup, j'ai mis imagebox, mais j'ai un problème de chevauchement : les onglets restent apparents par dessus l'image...

Un exemple ici : http://tenshisama.com/DC2/index.php...

As-tu une solution ?

Merci d'avance, Ash.

tabsOne with jQuery - Nicolas

Nicolas — Tue, 29 May 2007 01:23:28 +0200

Plutôt que de partir HS sur ces commentaires, je voudrais poursuivre la conversation ici :
http://www.dotclear.net/forum/viewt...

tabsOne with jQuery - pyeb

pyeb — Mon, 28 May 2007 22:44:49 +0200

1) Faire une recherche sur le forum Dotclear, quelqu'un a créé un template pour le nombre de billets. Il faudra soit créer un fichier _public.php avec la déclaration du template et le code soit intégrer le template dans le plug-in moreTpl de Kozkilla. Puis modifier le fichier _menu.html en intégrant le nouveau template.

2) Le script Thickbox est comme Lightbox en jQuery. Par contre, il faut rajouter class=thickbox en mode source pour les images. Avec Gallery, on peut faire les modifications directement dans les templates html.

tabsOne with jQuery - Nicolas

Nicolas — Mon, 28 May 2007 19:27:41 +0200

Deux "petites" questions.
->Que faut-il rajouter dans le _menu.html pour avoir le nombre de billets pour chaque catégorie :ex:
categorie1(2) catégorie3(5) etc
-> la fonctionnalité tabs n'est pas compatible avec le plugin dclightbox chez moi. Y a-t-il un moyen de résoudre ce conflit? (conflit avec jQuery apparement...)

tabsOne with jQuery - pyeb

pyeb — Mon, 28 May 2007 17:06:00 +0200

Je pense que cela vient de l'effet mais c'est aussi possible que cela provienne des marges sur la division de l'onglet. Les marges sont obligatoires pour que le texte ne soit pas collé sur les bords, l'esthétique du thème est pâtirait.

tabsOne with jQuery - JS

JS — Mon, 28 May 2007 14:23:21 +0200

Juste une question : comment fait-on pour que lorsque l'on clique sur un onglet que le truc qui remonte remonte plus haut ?
Parce que c'est un peu dommage, mais ca ne remonte qu'a la moitié du texte... Ou en tout cas, ca ne remonte pas jusqu'en haut...

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Laurent

Laurent — Sun, 27 May 2007 19:03:04 +0200

Cheers mate ! Beau boulot !

Bréderode, Slottsbacken & Thames Street, pattern is hype - orpheus

orpheus — Tue, 08 May 2007 18:20:45 +0200

Merci beaucoup pour ThamesStreet qui m'a servi de base pour la construction de mon premier blog sous dotclear, et que je me suis permis de modifier quelque peu.
Bonne continuation.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Sat, 28 Apr 2007 09:41:00 +0200

1) En onglet, non. Les liens avec le script sont convertis en liens de navigation pour les onglets. Il faut utiliser le titre du blog ou faire comme sur tabsOne en rajoutant un bouton sans casser le l'agencement du thème.
2) Le javascript de Lightbox rentre en conflit avec la librairie jQuery donc les deux ensemble ne fonctionne pas. Par contre, il n'y a pas de problème avec thickbox. Taho! essaie de faire un plug-in pour DC2.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - oizo

oizo — Sat, 28 Apr 2007 03:14:44 +0200

j'ai tout fait correctement. cela fonctionne bien. Merci
Maintenant, il reste plus qu'à personnaliser le tout.

2 questions :
-peut on ajouter un onglet accueil afin d'être sur une page neutre avec les billets (sans que forcement sur "rechercher" "catégories"...) ?
-y a t il enfin une compatibilité entre Lightbox ( ou ThickBox) et le thème ?

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Fri, 27 Apr 2007 14:05:30 +0200

Tu n'as pas la librairie jQuery dans le dossier du thème Default. Soit tu as une version antérieure de Dotclear à la beta 5, soit tu n'as pas de dossier Default ou les deux !

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - oizo

oizo — Fri, 27 Apr 2007 13:11:36 +0200

bon, moi, j'ai pas d'effets. Peux tu me dire ce qui bloque chez moi ?

merci

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Taho!

Taho! — Wed, 25 Apr 2007 22:02:27 +0200

Je te rejoins sur ce point !

Autant freshy (et freshyone !) m'ont plu, autant la version 2 me laisse de glace...

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Mon, 23 Apr 2007 23:18:17 +0200

Le côté Vista me laisse un peu froid mais je suis de mauvaise fois sur windows…

Bréderode, Slottsbacken & Thames Street, pattern is hype - pyeb

pyeb — Mon, 23 Apr 2007 23:16:24 +0200

Il faut installer le dossier décompressé du thème dans le dossier themes du blog. À téléverser en FTP.

Le thème utilisé sur sauzade est tabsOne en version customisé.

Bréderode, Slottsbacken & Thames Street, pattern is hype - iedidia

iedidia — Mon, 23 Apr 2007 23:04:58 +0200

Je suis pas technicien mais en découvrant l'univers des blogs, j'apprécie beaucoup l'esprit qui tourne autour de dotclear. Malheureusement, si j'ai quelques bases en html, le reste est du chinois ou de l'hébreu. J'ai été sur http://blog.sauzade.info/index.php/ dont j'adore le thème (avec les dates en gros sur le côté). Mais le lien qui se rapporte à celui est dead. N'est-il pas disponible ?
J'ai téléchargé aussi les trois thèmes ci-dessus et, une fois décompressés, je vois pas quoi trop en faire...

Bréderode, Slottsbacken & Thames Street, pattern is hype - NwazeT

NwazeT — Sun, 22 Apr 2007 16:33:04 +0200

C'est tout simplement beau !

J'aime bien le centriste d'ailleurs...
Ca fait très ancien ^^

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pihug12

pihug12 — Fri, 13 Apr 2007 23:01:39 +0200

Une version 2.0 de Freshy va bientôt voir le jour pour WordPress. Est-ce qu'elle sera adaptée pour DotClear ?
http://www.jide.fr/freshy-20-dispon...

tabsOne with jQuery - wanders

wanders — Thu, 12 Apr 2007 12:23:19 +0200

Magnifique thême je l'utilise sur mon blog !

Merci beaucoup pour ce magnifique travail

tabsOne with jQuery - Hedi

Hedi — Mon, 09 Apr 2007 19:11:47 +0200

Merci beaucoup ! c'est parfait :D J'ai un peu adapté ton theme tabsone , je trouve tout ça du plus bel effet :D

tabsOne with jQuery - pyeb

pyeb — Mon, 09 Apr 2007 10:59:56 +0200

Pour les modifs de comptabilité du thème, il faut aller sur le forum Dotclear. Le billet est là, c'est le numéro #69 :
http://www.dotclear.net/forum/viewt...

tabsOne with jQuery - Hedi

Hedi — Sun, 08 Apr 2007 20:21:47 +0200

Bonjour pyeb, j'ai une petite question , je voudrais savoir comment tu faisais pour changer de theme en cliquant sur un lien :s La syntaxe c'est bien http://adressedusite/?theme=lenomdu... non ? Faut y rajouter un tpl ou quelquechose comme sa ? Ah et où a tu eu them'automatic? Ya pas moyen de trouver un them switcher compatible dc2b6 :s Merci d'avance !!

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Taho!

Taho! — Thu, 22 Mar 2007 22:52:45 +0100

Je vais attendre la prochaine mise à jour de monoceros...
Merci !

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Thu, 22 Mar 2007 22:36:07 +0100

Non, le plug-in lightbox, avec du javascript dedans, rentre en conflit avec la librairie jQuery. monoceros le sait et doit faire le nécessaire pour régler le problème. Wait & see.

Des scripts jQuery avec effets lightbox existent aussi mais il faut passer par du html dans les billets.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Taho!

Taho! — Thu, 22 Mar 2007 22:16:26 +0100

Installé hier soir et déjà adopté, bravo !

Je vois que tu n'as pas traîné pour l'intégration des liens !!

J'ai un soucis avec ce thème : il ne semble pas compatible avec LightBox...

tabsOne with jQuery - clawfire aka cyberaxe

clawfire aka cyberaxe — Sun, 25 Feb 2007 21:22:24 +0100

Probleme avec l'onglet blabla qui est en fait le plugin derniers commentaires ici : http://www.folken.eu/index.php?post...

tabsOne with jQuery - Valère

Valère — Sun, 25 Feb 2007 16:01:29 +0100

Parfait merci pour les infos

tabsOne with jQuery - pyeb

pyeb — Sun, 25 Feb 2007 11:48:22 +0100

C'est ça de copier le code de freshyOne dans tabsOne sans vérifier, je me suis qu'il fallait que je sorte enfin tabsOne.

Dans _menu.html, la div du contenu de l'onglet RSS doit avoir un id="rsstabs" et non id="rss". J'ai modifié l'archive.

Pour le choix de l'onglet ouvert, il faut modifier le fichier _head.html :
$('#frame').tabs({fxSlide: true}); par $('#frame').tabs(2,{fxSlide: true}); dans l'exemple de ce blog.

Le nombre, ici 2, dépend si Tags est le deuxième ou le troisième onglet. Avec des Catégories, il faudra mettre 3. Je vais faire un ajout dans le billet de freshyOne.

tabsOne with jQuery - Valère

Valère — Sat, 24 Feb 2007 21:55:01 +0100

Très belle réalisation, je l'adopte

J'ai juste deux petites questions, j'ai une erreur avec le menu rss, j'obtiens une erreur : "there is no such container."
Serais tu à quoi cela est du ?

De plus comment faire pour que les tags s'affichent par défaut à la place du formulaire de recherche. J'imagine qu'il faut que je cherche du coté du fichier _menu.html, ce que je ferais plus tard dans la nuit

Merci en tout cas pour cette belle réalisation.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Fri, 23 Feb 2007 13:44:44 +0100

Je vois deux solutions :
1) Poser une question sur les options disponibles pour les templates des tags sur le forum Dotclear. Au niveau du widget, c'est possible de restreindre le nombre de tags. Il faudrait peut-être ajouter le lien pour accéder à la page Tous les tags et créer un fichier template tags.html.

2) Avec un modèle en deux colonnes, tu pourrais ne garder que #blognav dans la sidebar et mettre les widgets que tu veux hors Tags. Tu mettrais uniquement le widget Tags dans le bandeau Extra. Puis modifier dans _head.html :
<tpl:MetaData type="tag"><tpl:MetaDataHeader><div id="tags" class="fragment"><ul>
</tpl:MetaDataHeader><li><a href="tpl:MetaURL" class="tagtpl:MetaRoundPercent">tpl:MetaID</a></li>
<tpl:MetaDataFooter></ul>
</div></tpl:MetaDataFooter></tpl:MetaData>

par

<div id="tags" class="fragment">
tpl:Widgets type="extra"
</div>

Ne pas oublier de créer la page tags.html.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - David Latapie

David Latapie — Thu, 22 Feb 2007 17:32:30 +0100

Salut,

J'aime beaucoup la barre en JQuery (le reste, moins, car je préfère la mise en page à deux colonnes). En revanche, mon blog étant très varié, il a *beaucoup* de tags (de l’ordre du milliers, 80 % étant pertinents). Résultat, le bouton tag est inutilisable, car on est noyé dans la masse (sans parler du temps de chargement).

Est-ce qu’il est possible, dans l’état actuel, de limiter le nombre de tags (par exemple, seuls les deux plus hauts niveaux d’importance ?). Si non, penses-tu faire quelque chose de ce côté ?

Encore bravo pour ce thème.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - cudjoe

cudjoe — Thu, 22 Feb 2007 15:05:52 +0100

Merci pyeb pour la réponse éclair !
Je vais réfléchir à quelque chose dans ce style... dernière photo, dernière gallerie, et lien vers l'ensemble.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Thu, 22 Feb 2007 14:32:55 +0100

Le script Tabs gère les liens et pointe uniquement vers les onglets. Dans ce cas, il faut mettre les liens vers les différentes galeries pour ne pas avoir un onglet trop inutile.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - cudjoe

cudjoe — Thu, 22 Feb 2007 12:46:05 +0100

Je suis en train d'étudier cette petite merveille pour intégrer un onglet supplémentaire qui pointe vers une gallerie de photos.
Je voudrais donc qu'un des onglets pointe vers http://site/zenphoto et non une div...
J'ai essayé :
- de mettre le lien direct dans href. ECHEC
- de mettre javascript:location('/zenphoto') : ECHEC
Je ne vois pas d'autre solution que de faire une div #zenphoto qui contient un lien... c'est dommage...
De même que j'aurais bien aimé mettre les drapeaux de langues directement en haut ...

Sinon c'est parfait, magnifique et simple a installer !

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - François

François — Wed, 21 Feb 2007 21:23:56 +0100

Désolé mais je ne comprend pas ta remarque, nous avons le même footer sur le thème Freshyone.
En lisant de façon plus approfondie ton post, j'ai vu que tu mettrais le thème TabsOne en ligne un peu plus tard, je patienterai donc...
J'aime beaucoup l'idée du menu (2.0) du header et un footer complet où intégrer quelques widgets dc2, la couleur orange de FreshyOne est nickel.
Ce que je vise donc, c'est FreshyOne tel quel avec le footer de TabsOne.
Je devrais être capable de cela quand tu sortiras TabsOne...

Je reste à l'écoute, t'es rssisé

PS : Pyeb rocks

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Wed, 21 Feb 2007 20:24:12 +0100

J'ai les modifs pour les flux rss et j'ai utilisé les templates qui vont bien…

François, tu as un problème avec le footer ! Pour augmenter sa hauteur, il faut aussi augmenter la taille de l'image.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - François

François — Wed, 21 Feb 2007 15:35:02 +0100

Ouaip, bin alors là... Chapeau, c'est du grand Pyeb
Adjugé, vendu au p'tit gars OSXien et dotcleareur.
(Même si je vais reprendre les couleurs de freshyone)
Moi aussi zaime bien l'orange.

Merci pour tout et @+
(visible là où indiqué et pour un bout de temps il me semble)

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Wed, 21 Feb 2007 13:12:06 +0100

Oups... Je corrige le fichier ce soir pour freshyOne.

Pour Safari, cela m'aurait étonné, c'est mon navigateur par défaut chez moi...

Essaie tabsOne, le petit frère.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - François

François — Wed, 21 Feb 2007 10:29:39 +0100

Bon, je retire ce que j'ai écris pour Safari, c'était passagé et c'est rentré (tout seul ?!) dans l'ordre.
Euuh, t'aurai pas l'intention de faire un menu jquery avec un thème 1 colonne ?, comme ça... par hasard ?

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - François

François — Tue, 20 Feb 2007 18:56:51 +0100

Joli boulot mais... et oui il faut des mais pour faire avancer le schmilblick, t'as un slash en trop sur l'adresse de fils rss billets et commentaires (_menu.html).
Et sous Safari (OS X) les éléments du menu sont ouverts par défaut (tous) et ne peuvent pas se refermer...

Bon courage et encore bravo pour l'excellent travail.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Fri, 16 Feb 2007 15:42:30 +0100

Pourquoi tu n'utilises pas le player mp3 intégré dans DC2 ? Jette un oeil sur la div Attachment du fichier post.html, le code html du player est dans le fichier _mp3_player.html du thème par défaut.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pihug12

pihug12 — Fri, 16 Feb 2007 15:04:57 +0100

Les problèmes graphiques m'importent peu tant que le site fonctionne.
Le truc qui m'embête le plus c'est que je n'arrive pas à faire marcher le script avec Internet Explorer alors qu'il marche bien sur le site de son créateur. Est-ce que le javascript des onglets peut rentrer en conflit avec celui que je veux rajouter ?
On dirait que le problème vient de <a href="#">.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Fri, 16 Feb 2007 14:24:33 +0100

On peut insérer du php dans les templates en farfouillant dans about:config avec les derniers svn. Plus d'info, il faut demander au grand chef olivier.

Pour les erreurs, c'est du code uniquement pour IE. Pour les tirets, IE ne prend donc toujours pas en charge les :after. Pas conforme car moteur pas conforme.

IE doit fusionner les marges des éléments flottants. Une recherche sur le web pour trouver une solution ?

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pihug12

pihug12 — Fri, 16 Feb 2007 12:44:53 +0100

Je voulais rajouter ce script dans un onglet : http://www.xgarreau.org/temp/lectur...
Sur cette page ça fonctionne sous IE7 & Firefox, mais une fois dans l'onglet sous DotClear ça ne fonctionne que sous Firefox. D'où vient le problème ?

Sinon la console d'erreur de Firefox trouve quatre problèmes dans "tabs.css" : http://img175.imageshack.us/img175/...
C'est normal ?

J'ai trouvé deux différences entre IE7 et Firefox : http://img175.imageshack.us/img175/...
- sous IE le texte colle le trait de la date
- sous IE il manque le tiret entre le nombre de commentaire et le nombre de rétrolien

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Mon, 12 Feb 2007 19:13:31 +0100

J'ai modifié le fichier archive-month.html, j'ai supprimé le lien vers Archives. C'est beaucoup plus intelligent…

Pour le javascript, les fonctions sont à placer entre les balises head. Pour un script simple, on put le faire directement dans les balises html. Par contre, il faut toujours déclarer qu'on utilise du javascript (<script type="text/javascript">…</script>).

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - krusaf

krusaf — Sat, 10 Feb 2007 17:02:14 +0100

Vraiment magnifique ! Bravo !!

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pihug12

pihug12 — Fri, 09 Feb 2007 19:07:02 +0100

j'ai un code (oublie de mot :-s)

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pihug12

pihug12 — Fri, 09 Feb 2007 19:05:50 +0100

Et c'est facile à faire un élément flottant ?

Sinon dans l'onglet j'ai code javascript qui doit être normalement entre les balises <head> et </head>.
Je l'ai mis à côté de mon code HTML mais ça n'a pas l'air de marcher. Est-ce que c'est possible que ce soit ça le problème ?
Est-ce qu'il y'a un moyen d'appeler ce script dans entre ces balises ?

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Fri, 09 Feb 2007 10:32:08 +0100

Pour le moment php n'est pas accepté dans les templates Dotclear. Le contenu est de toutes façons chargé, mettre à part le menu de navigation permet de le séparer du top et de ne faire des modifications que sur celui-ci.

Si le contenu est long, il est intéressant d'utiliser des éléments flottants comme pour les archives pour que les onglets n'envahissent pas la page par contre.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pihug12

pihug12 — Thu, 08 Feb 2007 19:16:12 +0100

@pyep
Merci pour ta réponse rapide !
Si le contenu de l'onglet est assez long, est-ce que c'est pas plus interessant de faire un include() ?

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Nemesis

Nemesis — Thu, 08 Feb 2007 18:45:27 +0100

Merci de ta réponse...

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Thu, 08 Feb 2007 14:22:30 +0100

1) J'ai testé sans m'entêter, le script Tabs gère les liens dans la liste d'éléments et donc il bloque les évènements. Tu peux essayer d'utiliser un icône style maison, en noir ou même le fond standard du menu, en décalant le menu de navigation vers la gauche.

2) Jette un oeil sur la division #language et l'affichage des drapeaux. Cela repose sur le même principe.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Nemesis

Nemesis — Thu, 08 Feb 2007 12:07:26 +0100

Je suis pas convaincu que ce soit utile vu les tabs !! moi j'ai juste supprimer le lien...
Dis grand prêtre je n'arrive pas a faire juste deux trois choses pourrait tu me sauver...

1. mettre un premier onglet Accueil avec dans la div la description du blog...(ce que je n'arrive pas a faire c'est recharger le home.html
2. mettre une rss.png par exemple à la place de RSS.

Merci à toi !!

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Thu, 08 Feb 2007 11:34:09 +0100

J'avais fait exprès de ne pas la mettre... J'avais oublié ce lien. Va être obligé de faire la page !

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Nemesis

Nemesis — Thu, 08 Feb 2007 09:27:37 +0100

Ok impec !! et merci!!
Autre bug reperé !!
Tu vas dans archivemonth.html et tu cliques sur archive dans les navlinks la page n'étant pas dans le thème tu te retrouve avec une page moche pas stylée avec le thème il serait donc bon dans ce cas de sortir le lien...
Cordialement!!

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Wed, 07 Feb 2007 22:47:39 +0100

Pour la recherche, j'ai rajouté les modifications nécessaire dans le billet et mis à jour l'archive.

Pour les catégories et les archives, j'attends une réponse. Ce mode de fonctionnement est plutôt sympathique même s'il pose un problème dans ce contexte. Par contre, les tags ne sont pas affectés mais ils ne font pas partis du core de Dotclear.

@pihug12
Tu cherches dans le fichier _menu.html : <li class="last_menu"> puis avant tu ajoutes <li class="page_item"><a href="#idtononglet">tontitre</a></li>.
Après, tu cherches <div id="rss" class="fragment"> puis avant tu ajoutes <div id="idtononglet" class="fragment">toncontenuécritenhtml</div>.
Faire attention au #.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pihug12

pihug12 — Wed, 07 Feb 2007 16:32:11 +0100

Merci pour le thème.

Cependant j'aimerais rajouté un onglet qui s'ouvre comme les autres (en se déroulant vers le bas)
Apparament il faut utiliser les ancres pour que ça se déroule...

Il faut que je modifie "_menu.html" et après où est-ce que je met le contenu de l'onglet ?

(Je suis débutant en HTML et je ne comprend pas tout ce qui est dit dans le post :-p)

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Wed, 07 Feb 2007 14:19:26 +0100

J'avais vu mais j'avais oublié pour la recherche dans le prélude, cela ne fonctionne pas puisque c'est le script qui affiche ou masque le contenu des onglets. Mais, je pense que c'est faisable en ajoutant du code jQuery.

J'avais vu aussi pour les catégories mais, là, cela vient de Dotclear. Je vais laisser un message sur le forum pour voir si c'est normal et donc modifiable.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Nemesis

Nemesis — Wed, 07 Feb 2007 10:00:01 +0100

Autre chose met toi en page d'accueil par exemple et clique sur le tab archive tu vois toutes tes archives...
Maintenant met toi dans une category spécifique clique sur archives et tu n'auras que les archives de la categories...
Ca ne me parait pas logique...
Cordialement...

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Adrian

Adrian — Wed, 07 Feb 2007 08:09:28 +0100

Génial ce thème!
Je voudrais juste te sigaler cependant que dans le prélude, quand tu clique sur aller à la recherche si l'onglet recherche n'est pas ouvert, rien ne ce passe...
Juste comme ça histoire d'être tatillon... :-p
Vraiment beau travail!

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Nemesis

Nemesis — Tue, 06 Feb 2007 23:53:43 +0100

Juste te dire que d'est vraiment super !!
Et une question qui souleverait a mon gout un bug!!
Cliques sur le tabs archive et ensuite clique sur le prélude aller à la recherche cela ne fonctionne pas il faut refaire un appel a jquery sur le prelude...
Sinon continues comme ca c'est génial !!

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - osku

osku — Tue, 06 Feb 2007 17:10:49 +0100

Très chouette le tabsOne !
Je suis impatient de le regarder dans le détail

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Antoine

Antoine — Tue, 06 Feb 2007 17:06:16 +0100

Merci beaucoup pour ce travail !

Antoine

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - pyeb

pyeb — Tue, 06 Feb 2007 15:55:38 +0100

Essaie tabsOne. oO) Je vérifie deux/trois petits trucs et je le balance.

Pour le centrage du contenu des onglets, c'est le débordement de Safari qui l'impose.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Osku

Osku — Tue, 06 Feb 2007 14:14:13 +0100

Une petite question tout de même, penses tu qu'il soit possible d'avoir un thème jouant avec le jquery-tabs et le positionnement des widgets de l'interface admin ?

En passant, je centrerai d'avantage le contenu de chaque tab dans ton menu de navigation. Ton adaptation est sinon vraiment bien réalisée.

Troisième pas en jQuery avec Dotclear 2, création d’onglets avec effets de transition et intégration au thème Freshy - Osku

Osku — Tue, 06 Feb 2007 13:52:15 +0100

Très intéressant ! merci je bookmarque ton article.
Je pencherai sur le sujet plus profondément plus tard

Chocolate & biscuit : caisson de résonance - pyeb

pyeb — Wed, 13 Dec 2006 14:01:39 +0100

Un peu overboked en soirée, on verra dans le week-end que je souhaite reposant.

Chocolate & biscuit : caisson de résonance - Folken

Folken — Tue, 12 Dec 2006 23:13:07 +0100

Serait il possible de creer des petites icones sympas pour les tags (car je trouve que tout seul cela fait un peu moche) et de les mettres a cote de "commentaires" ?

123 Blue - pyeb

pyeb — Thu, 30 Nov 2006 22:37:34 +0100

Je t'ai envoyé un mail.

123 Blue - 2 2

2 2 — Wed, 29 Nov 2006 14:58:56 +0100

Bonjour

Bravo pour ce joli thème qui correspond tout à fait à ce que je cherchais (quelque chose de léger visuellement en 3 colonnes). J'aimerai l'utiliser sur mon propre blog DC2, avec quelques aménagements.

Pourrais-tu me faire parvenir l'image source de top.png afin que je puisse la personnaliser (j'aimerai remplacer les nuages par une photo prise par mes soins) ?
Merci d'avance

Chocolate & biscuit : caisson de résonance - pyeb

pyeb — Mon, 06 Nov 2006 13:35:54 +0000

Dans ma réduction de style, j'ai giclé tous les font-size. Erreur... Je fais cela ce soir.

Chocolate & biscuit : caisson de résonance - thierry

thierry — Sun, 05 Nov 2006 21:08:41 +0000

Bonjour, j'utilise ton theme, qui est superbe, mais il y a un probleme quand on poste des commentaire, ils sont illisible, l'ecriture est trop petite. Ou peux ton modifier cela ? Et derniere question, Est-il compatible avec DC2 beta3 ?

Merci d'avance pour tes réponses.

123 Blue - gtraxx

gtraxx — Mon, 30 Oct 2006 14:48:17 +0000

ok je vais tester ta config pour l'adapter a la mienne mais je suis sur qu'il as moyen de ne as faire de fichier point html pour l'affichage en 3 colonnes. je cherche toujours une solution

123 Blue - pyeb

pyeb — Fri, 20 Oct 2006 20:33:22 +0000

Oui, j'ai changé tous les fichiers .html et style.css.

123 Blue - gtraxx

gtraxx — Fri, 13 Oct 2006 18:31:51 +0000

salut pyeb, y as il de gros changement pour ce que tu ma dit a propos de la structure fluide ??? vais je devoir modifier beaucoups , je suppose que tu as garder les même _html mais as tu garder les points_html

123 Blue - gtraxx

gtraxx — Thu, 05 Oct 2006 02:03:33 +0000

Pas mal ce thème , je trouve les Colonnes exterieur superbe ;-)))

Lueurs - arakiri

arakiri — Tue, 29 Aug 2006 20:58:50 +0000

Merci pour le thème. Il est très sympa