Dotclear

Vous n'êtes pas identifié(e).

Annonce

13 février 2024 Sortie de Dotclear 2.29

#1 2008-01-25 09:44:35

vmzt
Membre
Lieu : Montpellier
Inscription : 2007-09-28
Site Web

[mise en page] quelques modifications (1)

Bonjour à tous,

Je viens de finir la conception de mon blog (que j'ai orienté CV) et la seule  chose qui me reste à faire et de caler les différents éléments sur la page (titre du blog, affichage ou non de certains éléments, etc) seulement ma compétence en code s'avère fort limité. C'est pourquoi je vous demande (humblement) un peu d'aide. J'ai bien cherché à le faire moi-même par le biais de css edit... mais bon, le chinois reste du chinois même si il est graphique. Voilà donc ce que je voudrais faire dans un premier temps :

1) je voudrais que le titre du blog soit "fer à gauche" et à "l'aplomb" des titres des billets
2) j'aimerais que la date n'apparaisse pas sur les billet (sans passer pour la même couleur que le fond)
3) que les billets ait une longueur minimum de base (également la page contact)

Merci d'avance et bonne journée.

l'add du blog : http://www.vincentmazet.net/


dc2bêta7
"I'll be back !"

Hors ligne

#2 2008-01-25 11:14:36

Dzana
Membre
Inscription : 2007-07-22
Site Web

Re : [mise en page] quelques modifications (1)

Salut Vincent,

Pour le point 1, je ne sais pas ce que signifie "fer à gauche"...

Pour le point 2, tu peux par exemple laisser vide le champ "format des dates" dans la partie Paramètres du blog de l'admin.

Pour le point 3, tu peux faire une règle min-height (hauteur minimale), mais celle-ci n'est pas reconnue par ie6, ce qui oblige à faire une règle spécialement pour ce "navigateur" entre guillemets ;)

Dzana

Hors ligne

#3 2008-01-25 11:30:41

vmzt
Membre
Lieu : Montpellier
Inscription : 2007-09-28
Site Web

Re : [mise en page] quelques modifications (1)

Merci, de ton aide,

je récapitule les modifs pour les points suivant :
1) fer a gauche, c'est justifié à gauche (aligné avec les titres des articles. Que le titre vincent mazet soit aligné avec le titre présentation)
2) pour la date c'était super simple (super)
3) je veux bien le faire, mais je ne sais pas ou caser le code que tu viens de me donner


dc2bêta7
"I'll be back !"

Hors ligne

#4 2008-01-25 12:41:07

Kozlika
Modo dcTeam
Inscription : 2004-05-08
Site Web

Re : [mise en page] quelques modifications (1)

Je crois (il faudra que tu fasses des tests pour t'en assurer) que Internet Explorer traite toutes les dimensions comme des dimensions minimum, c'est à dire que si la boite n'est pas assez large ou assez haute il l'agrandit, tandis que les autres navigateurs placent un ascenseur. Pour se faire comprendre des uns et des autres, tu peux ajouter en bas de ta feuille de style la règle suivante :

.post {
min-height: 300px;
_height: 300px;
overflow: visible;
}

Explications :
* min-height est compris par tous les navigateurs sauf Internet Explorer. Ils fabriqueront donc une boîte dont la hauteur minimale sera de 300px.
* les noms de propriétés précédés d'un soulignement ne sont pas compris par les navigateurs autres qu'internet explorer, ils n'appliqueront donc pas cette valeur et n'ajouteront donc pas un ascenseur si la hauteur du post dépasse 300px. Quant à Explorer il appliquera une hauteur de 300px et si ça ne lui suffit pas il augmentera cette valeur comme je l'ai expliqué plus haut.
* overflow: visible; est là pour m'assurer que ce qui "dépasse" des 300px ne sera pas caché.

Tu essaies et tu nous dis ? En théorie ça devrait marcher mais bon...


La documentation : http://doc.dotclear.net/2.0/fulltoc
Le module de recherche du forum : http://www.dotclear.net/forum/search.php ?

Hors ligne

#5 2008-01-25 13:02:58

vmzt
Membre
Lieu : Montpellier
Inscription : 2007-09-28
Site Web

Re : [mise en page] quelques modifications (1)

Pour se faire comprendre des uns et des autres, tu peux ajouter en bas de ta feuille de style la règle suivante :

je suis confuse, mais j'ai "bien" fait ce que tu m'as dit. J'ai coller le code tout en bas de ma feuille de style et rien n'a bouger. je l'ai ensuite coller en bas de la catégorie [billet]... pas de résultat... j'ai du louper un épisode ou bien mal m'expliquer. J'aimerais bien que les post fassent une taille minimum par exemple 700px, et que ensuite si s'est plus grand et bien... c'est plus grand...


dc2bêta7
"I'll be back !"

Hors ligne

#6 2008-01-25 13:03:54

Kozlika
Modo dcTeam
Inscription : 2004-05-08
Site Web

Re : [mise en page] quelques modifications (1)

On peut voir ? (et vire le "overflow: visible" à la réflexion ça doit gêner.)


La documentation : http://doc.dotclear.net/2.0/fulltoc
Le module de recherche du forum : http://www.dotclear.net/forum/search.php ?

Hors ligne

#7 2008-01-25 13:09:50

vmzt
Membre
Lieu : Montpellier
Inscription : 2007-09-28
Site Web

Re : [mise en page] quelques modifications (1)

voilà


dc2bêta7
"I'll be back !"

Hors ligne

#8 2008-01-25 13:11:27

Dzana
Membre
Inscription : 2007-07-22
Site Web

Re : [mise en page] quelques modifications (1)

Et pour l'alignement du titre "fer à gauche" , "d'applomb" tout ça, ça doit se passer dans le fichier style.css au niveau de ce bloc :

#top h1 { 
    text-decoration:none;
    border:none;
    padding:30px 0 0 50px;
    }

Tu peux modifier la valeur 50px qui correspond à l'espacement à gauche du tire (dans ton cas il s'agirait donc de le diminuer, voire de mettre carrément 0)
Dzana

Hors ligne

#9 2008-01-25 13:14:41

vmzt
Membre
Lieu : Montpellier
Inscription : 2007-09-28
Site Web

Re : [mise en page] quelques modifications (1)

J'ai vider mon cache ! ca marche plutôt bien :))


dc2bêta7
"I'll be back !"

Hors ligne

#10 2008-01-25 13:19:08

Dzana
Membre
Inscription : 2007-07-22
Site Web

Re : [mise en page] quelques modifications (1)

Et sinon, l'utilisation d'une frame englobant le blog est très fortement déconseillé pour des raisons d'accessibilité, d'ergonomie et de référencement.
Dzana

Hors ligne

#11 2008-01-25 13:39:34

Kozlika
Modo dcTeam
Inscription : 2004-05-08
Site Web

Re : [mise en page] quelques modifications (1)

vmzt > tu parlais à Dzana ou à moi ? Sous ff en tout cas, vu de chez moi ça semble bien pour la hauteur.


La documentation : http://doc.dotclear.net/2.0/fulltoc
Le module de recherche du forum : http://www.dotclear.net/forum/search.php ?

Hors ligne

#12 2008-01-25 14:06:15

vmzt
Membre
Lieu : Montpellier
Inscription : 2007-09-28
Site Web

Re : [mise en page] quelques modifications (1)

Ca marche super bien pour les deux !!

> dzana, si tu me dis comment la virer je me ferais un plaisir ! (merci encore)
> Kozlika, Nickel chrome !

Est ce qu'il existe une page avec les lignes des feuilles de style expliquant leur fonction ? par ce que j'en ai pas mal des questions comme ça.


dc2bêta7
"I'll be back !"

Hors ligne

#13 2008-01-25 14:11:28

Dzana
Membre
Inscription : 2007-07-22
Site Web

Re : [mise en page] quelques modifications (1)

La seule et vraie adresse de ton site (pour le moment) c'est celle-ci : http://vmzt.free.fr/vmazet/
Si tu veux que ce soit http://www.vincentmazet.net/ , il faut installer ton site "dessus" (c'est à dire pour de vrai, pas avec une frame ni une redirection)
Dzana

Hors ligne

#14 2008-01-25 14:16:03

vmzt
Membre
Lieu : Montpellier
Inscription : 2007-09-28
Site Web

Re : [mise en page] quelques modifications (1)

oui je comprends, il faut donc que je le transfert...Il est hébergé par gandi...je t'avoues que le fait de le déménager m'inquiète un peu (avec ou sans raison?)
Tu as quelques conseils ?


dc2bêta7
"I'll be back !"

Hors ligne

#15 2008-01-25 14:38:30

Kozlika
Modo dcTeam
Inscription : 2004-05-08
Site Web

Re : [mise en page] quelques modifications (1)

La meilleure adresse francophone pour les css c'est http://alsacreations.net/  : articles, tutoriels, modèles, forum.

Tu peux aussi garder sous le coude ce récapitulatif http://www.ilovejackdaniels.com/cheat-s … eat-sheet/ (attention il faut connaître les bases, c'est une référence, pas un tutoriel).

Et si tu veux/as un peu de temps pour aborder les choses calmement et méthodiquement, un bon point de départ se trouve ici : http://web.accessibilisation.net/www.ma … /index.htm 

Au bout de quelques temps de pratique, tu découvriras vite qu'Internet Explorer fait ch... le monde et tu devras alors te tourner vers des sites recensant les bugs de ce navigateur et leur contournement ("workaround") par exemple sur ce site : http://haslayout.net/css/index


La documentation : http://doc.dotclear.net/2.0/fulltoc
Le module de recherche du forum : http://www.dotclear.net/forum/search.php ?

Hors ligne

#16 2008-01-25 14:41:56

brol
Membre
Inscription : 2005-10-16

Re : [mise en page] quelques modifications (1)

snip

Dernière modification par brol (2016-09-05 17:19:31)

Hors ligne

#17 2008-01-25 14:56:41

vmzt
Membre
Lieu : Montpellier
Inscription : 2007-09-28
Site Web

Re : [mise en page] quelques modifications (1)

Mmmm.....
Merci pour ces précieuses infos...
Je ne suis pas persuadé de savoir encore importer le dump (ni même de l'exporter) mais je vais y penser sérieusement. Ni même d'être apte de faire mumuse avec les dns... mais bon.
Je pense que dans un premier temps, je continuerais de solliciter votre aide. C'est à dire d'ici 15/20 min...


dc2bêta7
"I'll be back !"

Hors ligne

#18 2008-01-25 15:09:37

brol
Membre
Inscription : 2005-10-16

Re : [mise en page] quelques modifications (1)

snip

Dernière modification par brol (2016-09-05 17:19:41)

Hors ligne

Vous n'êtes pas identifié(e).

Pied de page des forums

Sites map