|
|
|
|
|
|
communauté : Aide
Voici un petit schéma (moche mais clair j'espère) pour expliquer la structure générale des blogs
Il n'y a pas de partie #global, le blog occupe toute la largeur de la fenêtre du navigateur.
Voir tous les articles
En gros, body c'est tout le blog.
Pour les modèles de design de type 1XX , c'est à dire les modèles 101 à 104
|
|
|
|
Il n'y a pas de partie #global, le blog occupe toute la largeur de la fenêtre du navigateur.
Pour tous les autres modèles qui ont par défaut une largeur fixe, la partie globale n'occupe pas toute la fenêtre du navigateur.
Le blog peut être découpé en 3 lignes et 3 colonnes, la première ligne, #ln_0 contenant l'en-tête, la 3e ligne, #ln_2 contenant le pied de page. La ligne centrale, #ln_1, peut contenir entre 0 et
2 colonnes de modules en plus de la colonne principale qui elle, contient les articles.
Chaque sous-structure sera détaillée ultérieurement
Commentaires
Merci pour ces clarifications
commentaire n° : 1
posté par :
alphomega
(site web)
le: 23/05/2007 00:26:17
si ça peut servir...
réponse de : bakemono (site web)
le: 23/05/2007 17:28:35
Très clair ce shéma, je vais l'imprimer et l'accrocher au mur, car je me trompe toujours dans le nom des colonnes ;)
commentaire n° : 2
posté par :
Tiflo
(site web)
le: 23/05/2007 09:54:10
Mince alors, si j'avais su, j'aurais fait un truc plus propre ^^
réponse de : bakemono (site web)
le: 23/05/2007 17:29:25
Bon début, cet article, bon début ! !
Question : ta remarque sur les modèles 101 à 104 était vraie en V1 (emploi d'une table) j'ai bien l'impression qu'en v2 tout le monde est dans le div #global (j'ai un design 101, mais tellement charcuté que ...).
La seule différence que j'aie noté est que,
- pour les modèles autrefois 100, il n'y a pas de width sur global et les largeurs des colonnes sont en %,
alors que
- pour les 200, global a une largeur imposée et tout est exprimé en pixels.
Conséquence : les 100 occupent bien toute la largeur de l'écran, comme en V1, mais toutes les colonnes s'élargissent ou rétrécissent, y compris les colonnes de modules, ce qui n'est pas toujours très décoratif quand on rétrécit beaucoup la fenêtre - c'est le cas ici, par exemple !
Rendez-nous les tables ! Rire ...
Question : ta remarque sur les modèles 101 à 104 était vraie en V1 (emploi d'une table) j'ai bien l'impression qu'en v2 tout le monde est dans le div #global (j'ai un design 101, mais tellement charcuté que ...).
La seule différence que j'aie noté est que,
- pour les modèles autrefois 100, il n'y a pas de width sur global et les largeurs des colonnes sont en %,
alors que
- pour les 200, global a une largeur imposée et tout est exprimé en pixels.
Conséquence : les 100 occupent bien toute la largeur de l'écran, comme en V1, mais toutes les colonnes s'élargissent ou rétrécissent, y compris les colonnes de modules, ce qui n'est pas toujours très décoratif quand on rétrécit beaucoup la fenêtre - c'est le cas ici, par exemple !
Rendez-nous les tables ! Rire ...
commentaire n° : 3
posté par :
brendufat
(site web)
le: 03/08/2007 00:09:53
pour tout avouer, je trouve les modèles de type 1XX vraiment pas terribles avec la V2, et ça fait un moment que j'ai arrêté de m'y intéresser.
réponse de : bakemono (site web)
le: 03/08/2007 11:25:33
Ce blog n'est pas un type 100 ? ? Je demande ça parce que les largeurs des colonnes sont visiblemetn définies en %, et que, si j'ai compris, c'est en v2 la seule différence qui subsiste entre ces types de design. Pour le reste, le HTML est, je crois, identique pour tout le monde. Mais si je me trompe, dis-moi : je ne demande qu'à m'instruire ! :-)
commentaire n° : 4
posté par :
brendufat
(site web)
le: 03/08/2007 17:36:11
ce blog est l'un des premiers, avec d'autres blogs de modérateurs, à avoir migré en V2 en Janvier? Je l'ai donc immédiatement utiliser pour tester la migration du CSS en V2, et pour cela, j'ai pris un modèle de design V2.
Le thème graphique de ce blog est
et sa structure de base était
body, html {padding: 0px; margin: 0px;}
#global {padding: 0px; margin: 0px auto; width: 950px;}
.ln {clear:both;}
.cl {float:left;}
/* modele */
#cl_0_0 {margin:0 0 15px 0; padding:0px; width:100%;}
#cl_1_0 {margin:0; width:180px;}
#cl_1_2 {margin:0; width:300px;}
#cl_1_1 {margin:0 10px 0 10px; width:440px; padding:5px;}
#cl_2_0 {width:100%; margin:15px 0 0 0;}
.box {width:100%; overflow:hidden;}
structure que je me suis empressée de modifier pour la rendre élastique.
Quand au html, je ne l'ai pas comparé en détail, mais les CSS V2 de tous les modèles ont été homogénéisés, donc le html des pages des blogs V2 avec un CSS V2 ne doit pas différer.
Par contre, il y a de grosses différences, c'est entre un blog V1, CSS V1 donc, un blog V2, CSS V1 et un blog V2, CSS V2.
Voilà pourquoi c'est un peu pénible de répondre aux questions dur le forum actuellement, les classes ne sont pas les mêmes pour tous (V1 ou V2, ou V2 avec CSS V1 )
Le thème graphique de ce blog est
et sa structure de base était
body, html {padding: 0px; margin: 0px;}
#global {padding: 0px; margin: 0px auto; width: 950px;}
.ln {clear:both;}
.cl {float:left;}
/* modele */
#cl_0_0 {margin:0 0 15px 0; padding:0px; width:100%;}
#cl_1_0 {margin:0; width:180px;}
#cl_1_2 {margin:0; width:300px;}
#cl_1_1 {margin:0 10px 0 10px; width:440px; padding:5px;}
#cl_2_0 {width:100%; margin:15px 0 0 0;}
.box {width:100%; overflow:hidden;}
structure que je me suis empressée de modifier pour la rendre élastique.
Quand au html, je ne l'ai pas comparé en détail, mais les CSS V2 de tous les modèles ont été homogénéisés, donc le html des pages des blogs V2 avec un CSS V2 ne doit pas différer.
Par contre, il y a de grosses différences, c'est entre un blog V1, CSS V1 donc, un blog V2, CSS V1 et un blog V2, CSS V2.
Voilà pourquoi c'est un peu pénible de répondre aux questions dur le forum actuellement, les classes ne sont pas les mêmes pour tous (V1 ou V2, ou V2 avec CSS V1 )
réponse de : bakemono (site web)
le: 04/08/2007 10:46:01
Ahhhh... moi comprendre beaucoup mieux, et mon expérience confirme la tienne, puisque je suis passé d'un design 101 de V1 (avec table) au même design "V1 migré V2" (toujours MainTab) pour finir en "pur V2".(plus de table, mais #global, des .ln et des .cl, ce qui m'a causé quelques soucis pour l'adaptation)
Donc, c'est bien ça : en pur V2, le HTML est le même pour tous les design, qui ne diffèrent que par le CSS. Non ?
Donc, c'est bien ça : en pur V2, le HTML est le même pour tous les design, qui ne diffèrent que par le CSS. Non ?
commentaire n° : 5
posté par :
brendufat
(site web)
le: 04/08/2007 22:55:41
oui, c'est bien ce que j'ai remarqué pour les blogs en v2/CSS V2 .
réponse de : bakemono (site web)
le: 05/08/2007 08:34:46
Bonjour!
Bon, vraiment je n'arrive pas à comprendre ce que je dois faire ^^ je lance donc une bouteille à la mer! J'ai supprimer toute informations à gauche de la page, et je voudrais que l'article occupe la place libérée mais je n'arrive pas du tout à comprendre comme over-blog bloque la largeur du texte central :) Oui je sais je suis un novice! J'ai lu tes différents articles mais je n'ai pas plus avancé que ça :) Merci d'une éventuelle réponse! je suis avec le style Winter!
Et bravo pour ton site :)
Bon, vraiment je n'arrive pas à comprendre ce que je dois faire ^^ je lance donc une bouteille à la mer! J'ai supprimer toute informations à gauche de la page, et je voudrais que l'article occupe la place libérée mais je n'arrive pas du tout à comprendre comme over-blog bloque la largeur du texte central :) Oui je sais je suis un novice! J'ai lu tes différents articles mais je n'ai pas plus avancé que ça :) Merci d'une éventuelle réponse! je suis avec le style Winter!
Et bravo pour ton site :)
commentaire n° : 6
posté par :
Musimon
(site web)
le: 21/08/2007 11:21:39
bonsoir
ta demande n'est pas très claire. Tu n'as que 2 colonnes, une de modules à gauche et la colonne d'article, et ton blog occupe déjà toute la partie globale, je ne vois donc pas ce que tu veux faire
ta demande n'est pas très claire. Tu n'as que 2 colonnes, une de modules à gauche et la colonne d'article, et ton blog occupe déjà toute la partie globale, je ne vois donc pas ce que tu veux faire
réponse de : bakemono (site web)
le: 24/08/2007 21:08:42
Yop !
sympa cet article !
je galérais pour comprendre les codes en V2...
et voili ! par un schéma clair, tout roule pour moi !
commentaire n° : 7
posté par :
Zoolook
(site web)
le: 17/12/2007 23:44:38
Et bien de rien ^ ^
réponse de : bakemono (site web)
le: 18/12/2007 09:11:07
Merci !
Grâce à cet article, j'ai solutionner mon problème alors que je tournais autour depuis un certain temps !
Grâce à cet article, j'ai solutionner mon problème alors que je tournais autour depuis un certain temps !
commentaire n° : 8
posté par :
Thierry
le: 12/01/2008 05:11:56
et bien, de rien ^ ^
réponse de : bakemono (site web)
le: 22/01/2008 14:51:50
Sympa d'avoir ici de quoi se faire aider : mon pb :
j'ai ouvert un 2eme blog, design ray (en tête blanc). Je trouve la colonne droite présentation calendrier etc ,trop large.
j'ai plusieurs fois modifié le css v1 pour mon précédent blog (ci dessus), là, pas moyen. Question : comment réduire la taille de cette colonne pour que la colonne article ait plus de place ( ce sont essentiellement des photos). Merci de ton aide.
http://lasidonie.over-blog.com
j'ai ouvert un 2eme blog, design ray (en tête blanc). Je trouve la colonne droite présentation calendrier etc ,trop large.
j'ai plusieurs fois modifié le css v1 pour mon précédent blog (ci dessus), là, pas moyen. Question : comment réduire la taille de cette colonne pour que la colonne article ait plus de place ( ce sont essentiellement des photos). Merci de ton aide.
http://lasidonie.over-blog.com
commentaire n° : 9
posté par :
lasidonie
(site web)
le: 25/04/2008 18:47:41
Pour modifier les largeurs des différentes composantes de ton blog, il suffit de faire exactement comme expliqué dans l'article
Chez toi, les largeurs à personnaliser:
#cl_1_0 {margin:0 10px 0 0; width:625px; padding:5px}
#cl_1_1 {margin:0px; width:300px; }
MAIS, ATTENTION, du fait de ton modèle de design choisi, qui utilise des images de fond, il te faudra probablement soit remplacer certaines images de fond par des couleurs de fond, soit retoucher ces images pour leur donner la bonne largeur.
Chez toi, les largeurs à personnaliser:
#cl_1_0 {margin:0 10px 0 0; width:625px; padding:5px}
#cl_1_1 {margin:0px; width:300px; }
MAIS, ATTENTION, du fait de ton modèle de design choisi, qui utilise des images de fond, il te faudra probablement soit remplacer certaines images de fond par des couleurs de fond, soit retoucher ces images pour leur donner la bonne largeur.
réponse de : bakemono (site web)
le: 27/04/2008 14:24:42
Ton schéma m'a beaucoup aidée !! A chaque fois que je me perdais avec les notations je venais ici !! mercii ^^ !
Eym
Eym
commentaire n° : 10
posté par :
Eym
(site web)
le: 09/07/2008 01:32:28
De rien ^ ^
réponse de : bakemono (site web)
le: 09/07/2008 12:32:26
bonjour, ou bonsoir ^^
j'ai un probleme, apres avoir bidouillé mon css je visualise : tout est beau, tout est mignon comme je le veux...
une fois sur mon blog là c'est la déconfiture... la moitié de mes modif n'est pas prise en conte...
si ce n'etait que sa, mais la a mon grand bonheur je vien de voir que sa ne marche que sur la page d'aceuil et pas sur la page globale (pourtant c'est un copier coller pour eviter les éreures.)
et puis je sais pas pour quoi mais il me gardemon ancienne baniere quand je clique sur les image individuel de mon album photo -_- alors que album ou photo seule il me met la bonne baniere.
a n'y rien comprendre, j'ai peut etre fait une bourde quelque part mais je ne vois vraiment pas ou.
merci de m'aider. lili
j'ai un probleme, apres avoir bidouillé mon css je visualise : tout est beau, tout est mignon comme je le veux...
une fois sur mon blog là c'est la déconfiture... la moitié de mes modif n'est pas prise en conte...
si ce n'etait que sa, mais la a mon grand bonheur je vien de voir que sa ne marche que sur la page d'aceuil et pas sur la page globale (pourtant c'est un copier coller pour eviter les éreures.)
et puis je sais pas pour quoi mais il me gardemon ancienne baniere quand je clique sur les image individuel de mon album photo -_- alors que album ou photo seule il me met la bonne baniere.
a n'y rien comprendre, j'ai peut etre fait une bourde quelque part mais je ne vois vraiment pas ou.
merci de m'aider. lili
commentaire n° : 11
posté par :
lilitou
(site web)
le: 13/07/2008 23:30:25
ce serait plus pratique, pour te répondre, que tu postes sur le forum. Là, ça va pas être pratique de t'aider par commentaires interposés (c'est long )
Pour ta bannière, va vérifier que tu as mis la bonne dans le module entête onglet ARTICLES.
de la lecture
[v2.0] Mode normal / Mode avancé
[v2.0] Erreurs fréquentes à ne pas faire avec la v2.
Pour ta bannière, va vérifier que tu as mis la bonne dans le module entête onglet ARTICLES.
de la lecture
[v2.0] Mode normal / Mode avancé
[v2.0] Erreurs fréquentes à ne pas faire avec la v2.
réponse de : bakemono (site web)
le: 14/07/2008 13:14:58
merci ^^
je vais faire un post sur le forum oui.
alors j'ai reussi a trouver le probleme sur mon code, coder a 2h du mat sa fait oublier des étoiles ( /*/ ) la vilaine étoile ....
quand a ma baniere, c'est la raison de mon poste sur le forum, je comprend pas.... on a 4 banieres possibles, moi j'ai 5 banieres, aceuil, article, page, album photo ET photo seule qui me met mon ancienne baiere toute mooooche!
merci pour ton aide, bonne journé ou bonne soirée ^^
je vais faire un post sur le forum oui.
alors j'ai reussi a trouver le probleme sur mon code, coder a 2h du mat sa fait oublier des étoiles ( /*/ ) la vilaine étoile ....
quand a ma baniere, c'est la raison de mon poste sur le forum, je comprend pas.... on a 4 banieres possibles, moi j'ai 5 banieres, aceuil, article, page, album photo ET photo seule qui me met mon ancienne baiere toute mooooche!
merci pour ton aide, bonne journé ou bonne soirée ^^
commentaire n° : 12
posté par :
lilitou
(site web)
le: 14/07/2008 21:53:03
de rien
réponse de : bakemono (site web)
le: 21/07/2008 07:49:45
boonjour bakemono,
suite a mon post sur le forum... personne ne m'as repondu *pleure* je ne sait meme pas si c'est un bug ou si c'est efectivement une ereure de ma part.
j'ai poser quelques questions sur le forum... mais visiblement je n'obtient pas de reponces ( j'ai eu juste une reponce sur la ligne .date {] ) que je cherchai, mais sinon le bide.
pourtant mes questions sont interesantes et c'est pas faute d'avoir chercher moi meme comme une grande ( apres une petite semaine d'aprentisage de css je trouve que mon blog est digne des grands ^^)
. image transparantes ou articles plus opaque ( pour rendre le texte plus lisible sur mon background général.)
.le background du module de presentation tout noir (ou gris) au lieu de ma bidoulle.
.le double soulignement avec l'astuce de la ligne bottom solide, mais qui le fait sur seulement le titre du module et pas la totalité de la largeur du module.
je vien en desespoir de cause, j'aime pas déranger les modo pour des truck con comme sa mais sa m'enkikine vraiment.
si tu veu je peut te donner plus d'information par mail ou autre (avec mes codes css pour verifier...)
je te remerci mile fois pour tes informations sur ton blog ou par post, grace a tes articles mon blog est comme je l'ai toujour rever: tout beau et personaliser ^^.
suite a mon post sur le forum... personne ne m'as repondu *pleure* je ne sait meme pas si c'est un bug ou si c'est efectivement une ereure de ma part.
j'ai poser quelques questions sur le forum... mais visiblement je n'obtient pas de reponces ( j'ai eu juste une reponce sur la ligne .date {] ) que je cherchai, mais sinon le bide.
pourtant mes questions sont interesantes et c'est pas faute d'avoir chercher moi meme comme une grande ( apres une petite semaine d'aprentisage de css je trouve que mon blog est digne des grands ^^)
. image transparantes ou articles plus opaque ( pour rendre le texte plus lisible sur mon background général.)
.le background du module de presentation tout noir (ou gris) au lieu de ma bidoulle.
.le double soulignement avec l'astuce de la ligne bottom solide, mais qui le fait sur seulement le titre du module et pas la totalité de la largeur du module.
je vien en desespoir de cause, j'aime pas déranger les modo pour des truck con comme sa mais sa m'enkikine vraiment.
si tu veu je peut te donner plus d'information par mail ou autre (avec mes codes css pour verifier...)
je te remerci mile fois pour tes informations sur ton blog ou par post, grace a tes articles mon blog est comme je l'ai toujour rever: tout beau et personaliser ^^.
commentaire n° : 13
posté par :
lilitou
(site web)
le: 15/07/2008 16:45:59
ton blog présente un disclaimer, du coup, sur le forum, personne, à part les modos, et les membres du staff, ne voit le lien vers ton blog.
Pas d'accès au blog pour les aidants non modérateurs = pas de réponse possible.Perso, je suis souvent sur le forum avec un de mes comptes non modérateurs. Donc pas d'accès aux blogs avec disclaimer et pas de lien sur le forum.
PS : je ne n'apprécie pas d'aider par mail ou commentaires interposés, faut poser les questions sur le forum
Pas d'accès au blog pour les aidants non modérateurs = pas de réponse possible.Perso, je suis souvent sur le forum avec un de mes comptes non modérateurs. Donc pas d'accès aux blogs avec disclaimer et pas de lien sur le forum.
PS : je ne n'apprécie pas d'aider par mail ou commentaires interposés, faut poser les questions sur le forum
réponse de : bakemono (site web)
le: 16/07/2008 08:18:34
haaa
je comprend mieux merci ^^
merci encore pour l'aide aporter au forum (fait un gros bisous sur le joue droite puis gauche.)
et puis maintenant je sait que je doit metre un lien pour mon blog si je veux etre aider ^^
bisous et bonne continuation, bonnes vacances si tu en as.
lili
je comprend mieux merci ^^
merci encore pour l'aide aporter au forum (fait un gros bisous sur le joue droite puis gauche.)
et puis maintenant je sait que je doit metre un lien pour mon blog si je veux etre aider ^^
bisous et bonne continuation, bonnes vacances si tu en as.
lili
commentaire n° : 14
posté par :
lilitou
(site web)
le: 20/07/2008 13:23:24
Je préfère toujours aider sur le forum, c'est plus pratique ^^
réponse de : bakemono (site web)
le: 21/07/2008 07:50:34
Trackbacks
Aucun trackback pour cet articleJe le dis
- Dewtube
- Download Day 2008 - Firefox3
- un lecteur de musique dans une fenêtre popup
- Un manchot dans la machine ?
- L'affichage du résultat de la recherche sur le blog
- Harmoniser les modules recherche et newsletter
- Les classes des albums et photos seules
- Une mise en page propre...
- Les modules (MaJ V2.1 )
- Les classes des pages
des trucs
|
|
|
Il y a 1 curieux sur ce blog |
|
Me contacter 
Remarque
Les captures d'écran sur ce blog sont réalisées sous Firefox2/Ubuntu, le rendu peut différer avec un autre système d'exploitation et un autre navigateur.
Un peu de musique?
Catégories
Vos remarques
- Download Day 2008 - Firefox3
- Download Day 2008 - Firefox3
- Download Day 2008 - Firefox3
- Comprendre la structure de son blog
- Harmoniser les modules recherche et newsletter
- Harmoniser les modules recherche et newsletter
- Comprendre la structure de son blog
- Différencier pagination du haut et pagination du bas
- Différencier pagination du haut et pagination du bas
- Différencier pagination du haut et pagination du bas
Rechercher
