tabsOne with jQuery
Par pyeb le samedi 24 février 2007, 18:51 - Lien permanent
tabsOne est un thème 1 colonne utilisant le script jQuery Tabs permettant de substituer une partie de la sidebar par des onglets. Les widgets Recherche, Liste des Catégories, Tags, Liens de navigation, Langues du blog et Liens d'abonnement font partis des onglets. Les autres widgets s'affichent normalement dans le menu latéral après les billets.
Le thème par défaut est anis/noir/orange mais il existe aussi des feuilles de styles en bleu/noir/orange et magenta/noir/anis.
Attention pour assurer un thème valide, il faut absolument que le widget Recherche ne soit pas dans les bandeaux du menu latéral.
Télécharger le thème.



Commentaires
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.
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 nonid="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.
Parfait merci pour les infos
Probleme avec l'onglet blabla qui est en fait le plugin derniers commentaires ici : http://www.folken.eu/index.php?post...
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 !!
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...
Merci beaucoup ! c'est parfait :D J'ai un peu adapté ton theme tabsone , je trouve tout ça du plus bel effet :D
Magnifique thême je l'utilise sur mon blog !
Merci beaucoup pour ce magnifique travail
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...
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.
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...)
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=thickboxen mode source pour les images. Avec Gallery, on peut faire les modifications directement dans les templates html.Plutôt que de partir HS sur ces commentaires, je voudrais poursuivre la conversation ici :
http://www.dotclear.net/forum/viewt...
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.
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.
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...)
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.
Il doit bien y avoir une solution pour enlever cette position scroll.
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 !
Il faut modifier le padding au niveau des règles #comments dt, etc et #comments dd, etc
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..
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.