Lueurs
Par pyeb pyeb le mardi 15 août 2006, 12:50 - Lien permanent
Lueurs est un thème liquide en 2 colonnes pour une résolution minimale de 1024x768. Le haut de page est inséré dans la même div que le contenu et la barre de navigation, celle-ci remonte donc jusqu'en haut de la page. Le haut de page est aussi cliquable. Le titre du blog est reporté dans la barre de navigation. Les en-têtes et les pieds de page des billets et autres fioritures sont différents selon le changement pair/impair ou le contexte.
Mise-à-jour (18 août 2006) :
Corrections d'un problème avec la fermeture des commentaires et quelques améliorations dans la feuille de style.
Télécharger le thème.
Màj 2 : les pièces jointes s'affichent correctement.
Commentaires
Merci pour le thème. Il est très sympa
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.
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 !
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.
Il faut s'amuser avec
marginetpadding.>#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.
Je vais donc m'amuser et je te remercie de ton travail et du SAV !
Bonne soirée
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
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.
Merci pour la réponse.
Je veux bien recevoir le fichier support.
site@bcv.servhome.org
Je devrais pouvoir le faire!
Bonjour,
Pour les posts, j'aimerais les commencer par un trait de séparation. Tel qu'ici: http://bernard.pruvost3.free.fr/bcv...
J'ai mis le sélecteur de thèmes dont 123.
http://bernard.pruvost3.free.fr/bcv...
Merci.
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;Merci. C'est la 1ère version.
Toujours Bravo!
Bonjour,
J'utilise l'agenda de Google sur le blog d'un club sportif avec le thème "lueurs".
J'aimerais pouvoir le mettre en haut en place du "top.jpg", de préférence le cadre seul.
Il est pour l'instant en premier billet, ici: "http://bcv.asso.st"
Y-a-t-il des solutions?
Merci
Il est nécessaire de modifier le fichier _top.html. Il faut supprimer le code suivant de _top.html :
<a href=""><img src="/img/top.jpg" alt="top" /></a>Puis insérer à la place, le code html de l'agenda google. Comme tu passes par une frame pour ton site, je n'ai pas vu le code induit. Le mieux serait d'inclure le code de l'agenda dans une
diven ajoutant une classe pour pouvoir modifier les styles plus facilement même si je pense que google paramètre les styles dans le code html.Merci.
Finalement, j'ai gardé les 2.
Heureusement que j'ai retrouvé ton cours sur le padding du 1/10/2007 !
Encore 2 questions:
- si je mets un <center> dans un widget texte, les widgets suivants restent centrés. Quelle est la bonne syntaxe?
- où faut-il intervenir pour modifier dans les billets la séquence "auteur, date, catégorie, tagg?
Salutations.
1) pour centrer un élément (texte ou image) facilement, il doit être compris dans un paragraphe @@<p>@@ puis il faut définir une règle css contenant @@text-align: center;@@. Pour définir la règle, il faut t'appuyer sur une classe ou un id, avec un widget texte tu peux soit définir une règle .text p, tous les éléments seront alors centrés quelque soit le widget texte ajouté, soit tu tapes directement du html dans le widget texte @@<p style="texte-align: text;">xxx</p>@@.
2) il faut chercher dans les fichiers .html - ne commençant pas par _ - la séquence des billets (classe post) et chercher les éléments avec les classe post-info et post-tags. Pour la date, c'est à la fois la classe day-date, date avant les billets du jour précis, et post-info dans un billet. Les valeurs des éléments sont données par des templates de Dotclear, faire un tour sur la doc pour connaître leur utilité et leur configuration.
MERCI !