Fork me on GitHub






desiner/créer un cadre pour les blocs
Régulier
Inscrit: 07/01/2007 14:51
Messages: 133
J'ai essayé de trouver un titre propre a la recherche...^^


Arretez moi seulement si je me trompe...

Soit des blocs...
soit le gabarit de Theme Morphogenesis
Soit la feuille de style blocks.css
Soit la taille de la police, des interlignes, des marges


et

Soit un cadre constitué de la repetittion d'une image.

Je suppose qu'il faut créer l'image reproductible en tenant compte de la hauteur de police des interlignes et des marges.

Ainsi resumé,

H etant la hauteur du block;
X etant le nombre de ligne dans le block

H= topmarge+taille de la police*X+ (x-1)*hauteur de l'interligne+bottommarge

d'un autre coté
soit Y la hauteur de mon image cadre

Alors si je veut un joli cadre, il faut que mon image soit reproduite un nombre Z de fois ou z est un entier de façon a ce que le cadre se referme en respectant les marges haute et basse du block

Z*Y=H

selon toute vraisemblance les marges hautes et basses auront le meme nombre de pixel que les interlignes. ce nombre de pixel est nommé M

ZY=2M+X(taille de la police)

Maintenant passons a l'empirique...

il faut que mon H soit un nombre paire ^^
2M et forcement paire
il reste X fois taille de la police et le nombre de ligne peut etre impair
Il faut donc une taille de police paire.

il y a donc une premiere solution... faire une image reproductible de 2 pixels... vous avouerez que c'est short pour faire un joli cadre.... bref

Vous voyez que ce n'est pas un manque de bonne volonté de ma part, j'ai cherché, j'ai reflechi, je suis perdu..assassiné

Peut etre n'est pas realisable en css pur... il faut peut etre resoudre le probleme graphiquement et melanger le html et le css par un div ?

Ne pas voir le cadre comme un cadre mais plutot comme une image de fond du block ?

AIDEZ MOI §§§§

Posté le : 17/02/2008 18:45
Partager Twitter Partagez cette article sur GG+
Re: desiner/créer un cadre pour les blocs
Guest_
... la science des blocs !

En raison de mon allergie aux mathématiques (ou la géométrie, c'est kif kif), je me fais toujours un croquis avant.

Au final tu as 2 types de blocs :
- ceux qui varient en hauteur (généralement ce sont ceux des colonnes latérales)
- ceux qui varient en hauteur et en largeur (généralement tous les blocs de la colonne centrale)

Commence par le plus simple, les blocs des colonnes latérales. Tu as besoin de trois images de fond :
- le sommet du bloc, fixé et non répété
- le centre du bloc, variable en hauteur et donc répété verticalement
- le bas du bloc, fixe et non répété

... je pense (mais cela n'est peut être pas le plus léger) que tu peux t'en sortir en découpant ton bloc (voir le template) en 3 lignes. Pour chacune d'entre elles un ID et une class correspondante dans la feuille de style.


S'agissant des blocs centraux, je n'ai pas de solution (ou si mais elle est tellement nulle , 3 colonnes / 3 lignes).... un mixe css / template de bloc est nécessaire je pense.

@+

Posté le : 18/02/2008 00:30
Partager Twitter Partagez cette article sur GG+
Re: desiner/créer un cadre pour les blocs
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
Bonjour,

Un exemple de qui est possible de faire --> zetareticulli ou zetagenesis

@++

Posté le : 18/02/2008 01:04

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

50 Personne(s) en ligne (40 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 50 | Plus ...