Thème DC2 : Wjsdark Simple
Par Osku le vendredi, décembre 14 2007, 16:45 - Php, Css, JavaScript, etc. - Lien permanent
Voici le thème Wjsdark Simple, un thème pour DotClear 2 avec tout plein de jQuery dedans.
Mini screenshot :

Installation :
Rien de nouveau de ce coté là, ça se passe comme d'habitude. Puis choisissez la décoration via Paramètres des Thèmes dans la partie administration de vote DC2.
Configuration :
Comme le thème Wsuper, vous pouvez peaufiner la feuille de style et les différents effets jQuery (je reviendrais en détails plus tard sur le sujet), tout n'est pas encore nickel de ce coté là - ça viendra.
Quelques fonctionnalités :
Si vous choisissez d'afficher le bloc 'recherche' parmi vos widgets, une loupe apparait en haut à droite de votre navigateur, il suffit de cliquer dessus pour laisser apparaitre le formulaire de recherche.
Des effets d'accordéon sont définis sur toute la #sidebar, comme l'affichage des billets (seul le premier billet est déroulé).
Dans le contexte du billet seul, il est possible de
- masquer/afficher le corps du billet en cliquant sur le titre du billet
- masquer/afficher l'ensemble des commentaires en cliquant sur le titre 'Commentaires'
Vilains bugs
IE n'affiche pas la loupe de recherche. La transparence du peu des images utilisées est mal gérée par IE
Licence :
GPL car c'est la plus courte à utiliser ;-)
Les pièces jointes sont lourdes du fait des différents éléments jQuery fourni. Je m'excuse auprès des heureux propriétaires de connexions bas-débit.
Commentaires
J'ai oublié de préciser que le widget Liens est encore mal géré avec le code jQuery actuel, le mieux est encore de ne pas l'utiliser.
Ce thème est top !, je viens de le tester, par contre existe t-il un moyen de défixer la sidebar, en fait la liste de mes catégories est trop longue et la fin est mangée :/ (mais c'est peut-être dû aux problèmes de Jquery que vous évoquez)
Merci.
Pour defixer la sidebar, tu peux commenter l'instruction
position:fixedcontenu dans la feuille de style.css au niveau des caractéristiques de #sidebar.Bonjour Osku,
A propos du positionnemenet, ne serait-il pas plus intéressant d'enlever
position:fixedde la CSS et l'ajouter avec du jQuery ? La navigation sans JavaScript serait plus agréable.Sauf, que la propriété n'est pas encore gérée par jQuery.
J'espère trouver une solution.
Bonjour !
Bravo, c'est superbe! Vraiment très très classe. Je vais regarder ça de plus près pour l'intégrer à mon site.
Merci beaucoup!
@bucheron,
je t'en prie, merci pour ton commentaire :)
J'ai trouvé une astuce pour afficher la boite à liens dans la sidebar avec du jQuery :)
Affaire à suivre.
Hello !
Comme prévu, je m'y suis penché, et ca fonctionne très bien, c'est très classe.
Cependant, un petit soucis de conflit entre DClightbox et tes fonctionnalités jQuery, as tu déjà essayé de faire cohabiter les 2 ? As-tu une solution ?
Merci d'avance !
Non, je ne connais pas trop le DClightbox. En revanche, vas jeter un oeil du coté du Lite box (http://bricole.phénix.net/post/Lit...) de Sacha.
Je serais pas surpris qu'il marche pas trop mal avec ;-)
Ok, je te remercie, je vais y jeter un oeil.
Je garderais le second pour vérifier si tu peux m'expliquer pourquoi les liens "lire la suite" ne fonctionnent pas ? Ils sont affichés, mais lorsqu'un billet est composé d'un extrait et d'un contenu, le lien ne pointe pas vers l'article complet...
J'ai oublié quelque chose ?
merci d'avance !
Dans quels contextes les
"lire la suite"ne fonctionnent pas ?tag ? home ? category ?
Tu as un lien pour que je zieute ?
Ouep, sur mon site dans la partie "portfolio"...
@Bucheron,
Quand je veux accéder à la partie "portefolio", je tombe sur une catégorie du blog principal.
@Osku
Beeehh... non ? !
Ca se passe bien par là
Marche pô ?
Tant que j'y suis: excuse-moi, mais les liens de catégories ne semblent pas fonctionner non plus... :(
Bonne journée ! (quand même)
1°) Bravo, t'as gagné une classe CSS dans mes commentaires ;)
2°) Tu as supprimé des fichiers *.html qui sont fournis dans le package du thème ?
Je vais regarder ça de près, ça m'embêterait d'être passé à coté de ça.
Mais ça ressemble plus à un souci de config de blog. Les
lire la suitefonctionnent avec un autre thème ?Bonne journée à toi aussi :)
^^ flatté !
Non, je n'ai rien supprimé... c'est effectivement un multiblog.
Les dossiers Thèmes, et Public étant donc situé dans le Blog principal, le portfolio étant le second. Mais le thème est différent pour chacun des 2 DC.
Merci, d'avance !
Bon je vais la refaire.
Pour ton portefolio, as-tu déjà essayé avec un autre thème ? Comment réagissent les liens
Lire la suite...?Bien vu... bizarrement, avec le thème par default, cela ne fonctionne pas mieux... mmhh...mais cela fonctionne sur mon blog principal !
a plus tard
@Bucheron,
A chaque blog, sa configuration, reprends bien la configuration de ton blog principal, compares-le avec ton portefolio et vice-et-versa et tu devrais t'en sortir :)
L'idéal pour la configuration multiblog est comme précisé sur un des fils du forum dotclear:
C'est comme ça que ça tourne ici, et aucune casse après des mises à jour ou installation de thèmes. :)
Si vraiment tu galères avec la configuration de ton multiblog, ouvres un fil sur le forum :)
ok - c'est sans doute ça que j'ai mal géré... désolé de t'avoir accusé a tord ;)
Je vais régler ça !
Bonne fin de semaine !
Pas de souci, le principal est que tout finisse bien ;)
PS : La plante sur la page d'accueil de ton site est très jolie (cependant, la mise en forme est plutôt ancestrale:
<table><tr>,<td>est plutôt ;) )oui, oui je sais bien t'inquiète... dès que j'aurais une minute... ;) les divs arrivent...
Merci !
déjà je tenais à te remercier Oksu pour ce thème qui est simple mais efficace pas de bling bling et ça ça fait du bien :)
Par contre je voudrais bien le tester en mode 3 colonnes ce theme mais je ne sais pas ou trouver le layout? Existe t'il un tout pret? Si tu veux me contacter tu as mon mail ou sinon tu peux me contacter depuis mon blog en cliquant sur contact merci ;)
@Msiou
Je crois que tu t'es trompé de billet/thème, je pense que tu voulais parler du thème Wsuper dont j'ai évoqué une version en 3 colonnes :) .
Je regarde et mets à jour le billet en question.
Hello Osku !
Merci pour tout ce que tu as déjà fait pour moi !
Je reviens car je ne parviens pas à comprendre le soucis de mes liens "lire la suite".
Ils sont affichés même lorsqu'il n'y a pas de suite...
Une idée neuve ? Merci d'avance !
Salut Bucheron,
C'est normal j'ai du ajouter des
divssupplémentaires pour les effets jQuery, ce lien permet d'accéder au contextepostd'un de tes billets (et ainsi commenter, rétrolier... )Si tu n'as pas besoin d'accéder à un tel contexte, tu peux éditer la plupart des fichiers
htmldu thème, et supprimer le<div class="post-follow">et son</div>correspondant et le lienlire la suite..Il est foOnz ce thème, mais le problème avec les machinbOx (slimbox, dclightbox et dcQuerylightBox) c'est pénible ^^. (Je sais qu'il y a Litebox...Mais j'suis pas fan). si quelqu'un a une solutioOn !? En vous remerciant bien.
BoOnsoOir PanShO, faut faire un choix ;-)
Mais ptet qu'à l'Ooccaz, je jeterai un Ooeil...
Slt a tous !
Félicitations aux designer qui a réalisé ce magnifique theme!
Je voudrais bien le mettre sur mon ftp mé je ne sais pas comment faire meric de me repondre!
Sa seré cool de me repondre sur ma boite mail merkii
pnk.warden@gmail.com
pnK, Salut.
Il y a un lien qui peut (qui dit peut dit peut ne pas) te sauver : http://doc.dotclear.net/2.0/admin/t...
Salutations à toi, "geek" marseillais.
Merci a toi Sacha !
Dsl mais j'ai pas trop de temps ( je prepare le Bac :s )
Mais des que je le passe , je mis mets et je fais un super site !
Salutations a vous , "Bricoleur du web"
ps:meme avec le guide j'ai rien captermdr
pnK, dans quel lycée es-tu ?
(Désolé Osku de s'éloigner un peu du sujet)
Je suis au lycée Jean Perrin et toi ?
( sa vire a un chat de rencontre mdr )
Salut
Bravo pour ce beau boulot.
Je ne sais pas comment insérer une image fixe en fond ?
Un peu d'aide svp car je tourne en rond dans le fichier style.css. D'avance merci.
Merci.
Où veux tu positionner ton image et quelle image ?
Je peux pas tout deviner :)
Sinon regardes du coté du site du portefolio de Bucheron (adresse en commentaire ici)
Il a positionné une image en haut à gauche.
a+
salut
désolé pour le manque de description
mais après plusieurs tentatives j'y suis arrivé (http://mrc06.free.fr) ... merci
Par contre dans IE le rendu du head (barre horizontale grise centrée) est différent ... y-a-t-il une solution pour que le rendu soit identique à firefox ou safari ?
le rendu du _top.html ... pardon
@desagregator,
J'ai chez toi :
salut !
est-ce qu'on peux y mettre de la vidéo ?
merci :)
@ graphiklili, evidemment aucun thème de dc2 pourrait t'en empécher :)
Et encore moins celui-ci.
Merci pour ce thème.
Les commentaires dans les fichiers sont très pratiques pour les modifications.
Bonjour!
J'ai cru que j'avais déjà posé un commentaire mais apparemment... non ^^
D'abord je tiens à te remercier pour ce thème qui est de loin le plus beau que j'ai jamais vu! Tout simplement sublime! Ton taf est remarquable, vraiment!
Ensuite (et c'est là que tu vas comprendre la raison de la lèche intense que je viens de te faire) j'aimerais savoir comment faire si je souhaite ajouter une bannière à mon blog? N'y connaissant rien (ou si peu...) en CSS et HTML toussa, je navigue déjà souvent à tâtons lorsque je désire changer une couleur sur un thème, mais là avec le je dois avouer que c'est encore pire, je suis totalement paumé et j'ai aucune idée de ce que je dois faire :s
Si tu as le temps et assez de patience, tu pourrais m'expliquer comment faire?
Merci!
Super ce template, félicitations :-) !
Je suis en train de faire des tests en vue de gérer plusieurs blogs avec dc2.
J'ai également rencontré le problème de liens de Bucheron avec les blogs supplémentaires (idem par exemple sur les liens vers des pages) et j'ai pas mal tourné en rond jusqu'à trouver une solution toute simple : Il suffit dans "about:config" de modifier la valeur de "url_scan" par "get_url" au lieu de "path_info".
Dommage pour le plugin Lightbox pour dc2, qui comme évoqué ici, ne fonctionne pas avec ton template :'(...
Enfin, la zone "recherche" s'affiche toute bizarre avec Firefox sur les blogs supplémentaires (sur le principal tout est ok).
Cela a cependant pour effet de faire enfin apparaître cette zone sur IE (sauf pour le blog principal - mais en multiblog avec le même bug que Firefox, soit : La loupe, un libellé clignotant "recherche" qui chevauche la loupe, la zone de saisie avec son bouton est déployée par défaut au-dessous - le slide quant à lui fonctionne toujours et sur les deux navigateurs en multiblog, mais avec ce bug d'affichage).
Voilà pour mes premiers retours :) !
Encore bravo pour ton boulot et à bientôt, Bio.
PS : Plus de bug avec la zone "Recherche"
Désolé, je crois que j'avais mal défini mon url themes dans about:config et qu'il s'agissait aussi d'une histoire de cache.
Ca marche impec sur Firefox maintenant, par contre plus rien rien sous IE :'( mais j'étais prévenu lol
Merci pour les retours Biochoc
Je vais mettre à disposition la dernière version du thème qui est compatible avec Lightblox :)