Des aorakits pour vos thèmes Dotclear 2
Par Kozlika le vendredi 5 janvier 2007, 16:31 - Lien permanent
Le plus barbant quand on veut créer un thème c'est d'établir la structure et qu'elle tienne à peu près correctement sur tous les navigateurs.
Je me suis dit que si on disposait d'un ensemble de structures toutes prêtes on pourrait piocher dedans. Alors je m'y suis collée et je vous les offre ;) N'hésitez pas à enrichir ce réservoir en établissant d'autres structures sur le même principe.
A terme j'aimerais mettre à dispo le plus possible de ressources réutilisables pour construire et/ou personnaliser les thèmes.
Cliquez sur l'image ou sur ce lien pour vous rendre sur le billet y consacré de dcTips().
Note : Pour les thèmes en deux colonnes, ça marche aussi sur les versions 1.2.x de Dotclear.
Commentaires
Kozlika, je t'aime.
Un énoooorme Merci !
Ben avec ça elle va s'étoffer vite la galerie d'Amalgame!!
Ou comment virer la plus grosse galère en deux temps trois mouvement :) ; je crois que j'ai passé un temps fou (une bonne heure, au boulot en plus :D ) pour mon thème à trois colonnes, parce qu'un coup c'est trop à droite, après trop à gauche, le truc de droite se met à gauche, ou dessous, aarrggg >_<.
D'un autre côté, c'est drôle aussi de tripatouiller dans tout ce merdier ^^ (faut être un peu maso de toute façon, quand on touche à des trucs plus ou moins informatiques ;) ).
Excellent !!! C'est je crois l'une des pire galère de la mise en page la gestion de ces colonnes.
Merci !
Marvellous
J'ai même pas de Dotclear 2 et je trouve ça merveilleux. Kozlika présidente !!
palpatine> j'ai réussi à le faire chez moi, je sais même plus comment alors je touche plus (c'est une méthode perso :D)
[Kozlika présidente !!]
J'approuve!!!
Oui un bau cadeau, merci :)
eustazio, même si tu n'utilises pas dotclear tu peux t'en servir du moment que ton document est de la forme :
<div id="page"> <div id="top"> </div> <div id="wrapper"> <div id="main"> <div id="content"> </div> </div> <div id="sidebar"> <div id="blognav"> </div> <div id="extranav"> </div> </div> </div> <div id="footer"> </div> </div>Génial ! Mais as-tu conscience que désormais même les gratouilleurs de bac à sable vont se sentir pousser des ailes de créateurs de thèmes ? Moi-même, en voyant ces cadres et fenêtres, je me mets à envisager sérieusement une carrière de menuisière...
Tiens c'est vrai qu'il n'y aurait plus qu'à ajouter un toit par dessus et ça ferait une jolie maison toulousaine !
Excellent !!!
Vu comment j'avais galéré pour essayer de faire un thème que j'ai finalement abandonné à cause de galères css ...
Tu es géniale.
Merci, Madame La fée!!
Génial ! Merci beaucoup !
Moi je rêve d'un thème une colonne avec une double barre de navigation horizontale. ( Largeur fixe ).
Euh... c'est quoi une double barre de navigation horizontale ???
http://www.iview-multimedia.com/exp...
chaque onglet, a ses ss-onglets dans la seconde barre.
Une seule colonne pour la clarté.
mais celui-là est bien aussi
http://www.kozlika.org/dissitou/pub...
how fascinating... j'ai cru un instant que tu t'étais reconvertie dans les fenêtres et les portes-fenetres.
Lapeyre, y'en a pas deux !
(bises)
@pierre : voui, mais ça relève plutôt du menu déroulant (avé du javascript), sauf que sur le premier lien que tu fais, le sous-menu est déroulé au rollover non à la verticale mais l'horizontale. En fait, il y a bien une seule navbar, mais ok je vois ce que tu voulais dire, moi aussi je me demandais (merci pour les exemples) :)
Bon du coup j'ai envie d'apprendre à cloquer du javascript, mais je vais d'abord poursuivre mon alphabétisation en html, xhtml et autres css.
merci koz pour tout ça !!
Grand merci madame la fée !
En tous cas c'est beaucoup mieux pour choisir un thème, on pourrait d'ailleurs continuer dans ce sens pour expliquer aux débutants comment choisir un thème en fonction du contenu qu'ils comptent mettre en ligne.
Ce n'est pas un mystère mais pour les gens comme moi le moindre changement est une affaire d'état.
Exemple
- 1 billet par page , pas de commentaire ni de rétrolien, simplifie la mise en page de votre blog, ça permet aussi de présenter des illustrations sans ascenseur, on peut s'approcher du site commercial clair et basique ( ex le blog de Maurice Svay )
- la troisième colonne vous permet d' afficher un texte permanent ou une actualité, elle peut être réservée à cette fonction
etc......................
A mon avis c'est bien plus important que le choix des couleurs ou de l'illustration du thème.
Hors c'est le contraire qui ce produit et ensuite on est coinçé.
Je ne parle même pas du fait que l'on ne peut pas trouver un professionnel bien organisé qui puisse vous proposer un thème bien fignoler ( pensé ) pour une journée de travail ce qui me semble crédible pour le prix et le temps passé. Je veux dire que pour beaucoup d'entre-nous il serait bien plus intéressant d'avoir un pro sous la main.
Moi en 2007, je vote Kozlika !!!
pfff, elle ne sait même pas mentir.
PierreL > gné ?
Ah sinon pour ta question précédente (les deux menus horizontaux), les structures que je propose ici sont uniquement des carcasses/bases 100% css sans toucher aux fichiers html du thème. Or le genre d'organisation que tu souhaites le réclame. Donc, pourquoi pas un jour, mais pas dans le cadre de ces Aorakits.
ça m'a mangé un commentaire.
Je veux juste militer pour une mise en page simple. Pourquoi ? Parce que l'outil est trop puissant , trop de signes pour de nombreux utilisateurs .
Je propose un thème vierge, vide, et on y ajoute ce dont on a besoin en supprimant les citations /* */ .
Ben un thème vierge,
style.csset voilà.layout.cssenstyle.csset tu ajoutes les règles de déco que tu souhaites.Les /*citations*/ sont très utiles pour comprendre à quoi servent les règles qui sont là et pouvoir les adapter à ses propres besoins.
je ne suis pas certain que l'on se comprenne.
En général les thèmes on supprime des éléments en tous cas c'est mon cas et je ne dois pas être le seul.
je pense qu'il faudrait plus de variété dans les thèmes , et une autre approche dans la pédagogie.
Il faudrait par exemple un thème qui permette de faire comme le site Svay.com.
Expliquez par exemple l'avantage et l'inconvénient de Moffo V2 etc pourquoi 1,2,3 colonnes, un image oui mais le titre sera moins lisible etc
Attention je ne critique pas je dis simplement que les blogueurs suent sang et eau sur leur CSS, et comprennent ensuite que ce n'est pas le thème qu'il leur fallait.
PierreL, svay.com n'est pas un blog, c'est la page d'accueil du site de Mauriz. Son blog http://svay.com/blog/ a la même organisation que les autres blogs sous Dotclear, ce qui donne l'impression d'épure c'est le talent du bonhomme en graphisme.
Quant à la variété dans les thèmes, elle ne dépend que des créateurs qui les mettent à disposition, nous ne passons pas commande de tel ou tel type de mise en page – ça pourrait se poser pour un prestataire de plate-forme mais Dotclear n'est qu'un outil, pas un service.
Enfin sur la « pédagogie », je crois qu'il ne faut pas mélanger le fond et la forme. Expliquer comment supprimer tel ou tel élément de la page oui, donner des leçons d'ergonomie et de graphisme 1/ chuis pas cap, 2/ c'est un tout autre objectif à ne pas mélanger avec celui de familiariser l'utilisateur avec l'outil qu'il emploie.
En gros : je m'occupe ici de la notice d'utilisation de la colle à papiers peints, pas de donner des conseils papier peint à fleur vs. papier peint à rayures.
PierreL, svay.com n'est pas un blog, c'est la page d'accueil du site de Mauriz. Son blog http://svay.com/blog/ a la même organisation que les autres blogs sous Dotclear, ce qui donne l'impression d'épure c'est le talent du bonhomme en graphisme.
oui, Lisibilité excellente, quelques thèmes comme ça serait utile. Pas d'infos post, 2 colonnes parfois vides ( très intéressant )
Quant à la variété dans les thèmes, elle ne dépend que des créateurs qui les mettent à disposition, nous ne passons pas commande de tel ou tel type de mise en page – ça pourrait se poser pour un prestataire de plate-forme mais Dotclear n'est qu'un outil, pas un service.
Sauf que tu passes pas mal de temps à répéter les mêmes choses.
Enfin sur la « pédagogie », je crois qu'il ne faut pas mélanger le fond et la forme. Expliquer comment supprimer tel ou tel élément de la page oui, donner des leçons d'ergonomie et de graphisme 1/ chuis pas cap, 2/ c'est un tout autre objectif à ne pas mélanger avec celui de familiariser l'utilisateur avec l'outil qu'il emploie.
++Le forum passe son temps à répondre à la question comment, parler un peu du pourquoi avant ne me semble pas stupide. Bien sûr que tu pourrais le faire , tes blogs le prouvent d'ailleurs toute l'équipe sait le faire. Je trouve ça plus utile que d'aider tous les utilisateurs à tatonner.
Je veux bien essayer, on verra si c'est probant.++