Bordure graphique des modules minis
Comment faire ?
Créations de Thèmes
Hervé-PCS Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre Hervé-PCS
- Inscrit le : 18/08/2008
- Site internet
Je souhaite faire une bordure (droite et gauche) graphique pour les modules minis, mais là je coince.
J'ai réussi à faire ceci dans content.css
Code CSS :
.module_mini_table{ width:200px; background:#EAE8E9; border-left:3px solid #000000; border-right:3px solid #000000; text-align:center; padding:4px; padding-top:5px; }
Mais je ne sais pas comment pour y mettre à la place un .png de 6px sur 1 à droite et une autre de même dimension à gauche.
Si vous avez la solution, merci de me la donner.
A+
Votre ordinateur fait du bruit ! Venez sur http://www.lesiloc.fr nous avons des solutions.
ps. ce site utilise PHPBOOST 3.0
ps. ce site utilise PHPBOOST 3.0

Shadow Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre Shadow
- Inscrit le : 30/12/2007
- Site internet
Ce que tu peux essayer c'est de créer un .png de la largeur de ta boite, 200px donc, comportant de chaque côté les bordures que tu veux et au milieu ta couleur de fond actuelle. Tu le fais de quelques pixels de hauteur, peu importe, puis tu le déclares dans ta CSS en background de ta classe avec un repeat-y, ce qui donnerait un truc de ce style :
Code CSS :
.module_mini_table{ width:200px; background:url(tonimage.png) repeat-y; text-align:center; padding:4px; padding-top:5px; }
Shadow
"Quand tu ranges chez toi, ça fout le bordel chez ton voisin". - Règle d'entropie générale adaptée aux usages domestiques.
"Quand tu ranges chez toi, ça fout le bordel chez ton voisin". - Règle d'entropie générale adaptée aux usages domestiques.
Hervé-PCS Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre Hervé-PCS
- Inscrit le : 18/08/2008
- Site internet
C'est effectivement ce vers quoi je m'oriente, mais le problème reste entier pour les modules dont la largeur est relative à la taille de la fenêtre !
Votre ordinateur fait du bruit ! Venez sur http://www.lesiloc.fr nous avons des solutions.
ps. ce site utilise PHPBOOST 3.0
ps. ce site utilise PHPBOOST 3.0

Shadow Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre Shadow
- Inscrit le : 30/12/2007
- Site internet
Hervé-PCS :
Merci pour ta réponse rapide.
C'est effectivement ce vers quoi je m'oriente, mais le problème reste entier pour les modules dont la largeur est relative à la taille de la fenêtre !
C'est effectivement ce vers quoi je m'oriente, mais le problème reste entier pour les modules dont la largeur est relative à la taille de la fenêtre !
Euh non. Les modules, comme les mini-modules, utilisent les CSS, il est donc tout à fait possible d'en fixer la largeur.
Shadow
"Quand tu ranges chez toi, ça fout le bordel chez ton voisin". - Règle d'entropie générale adaptée aux usages domestiques.
"Quand tu ranges chez toi, ça fout le bordel chez ton voisin". - Règle d'entropie générale adaptée aux usages domestiques.
Hervé-PCS Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre Hervé-PCS
- Inscrit le : 18/08/2008
- Site internet
Votre ordinateur fait du bruit ! Venez sur http://www.lesiloc.fr nous avons des solutions.
ps. ce site utilise PHPBOOST 3.0
ps. ce site utilise PHPBOOST 3.0

ben.popeye Membre non connecté
-
Modérateur
- Voir le profil du membre ben.popeye
- Inscrit le : 04/08/2005
- Site internet
- Groupes :
-
Equipe Historique
Un problème, une question ? Cherchez dans la FAQ ou la documentation. Si vous ne trouvez pas la réponse, demandez du support sur le forum.
Bjarne Stroustrup, inventeur du C++ :"There are two ways to write error-free programs; only the third works."
Hervé-PCS Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre Hervé-PCS
- Inscrit le : 18/08/2008
- Site internet
Je souhaite faire une bordure droite et gauche au niveau du content d'un module, mais avec un petit .PNG de chaque côté sans perdre la largeur relative du dit module.

Je pense être plus clair ainsi.
Votre ordinateur fait du bruit ! Venez sur http://www.lesiloc.fr nous avons des solutions.
ps. ce site utilise PHPBOOST 3.0
ps. ce site utilise PHPBOOST 3.0

Shadow Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre Shadow
- Inscrit le : 30/12/2007
- Site internet
Par exemple, si tu ouvres le fichier articles.tpl, il faudrait ajouter des div avec tes bordures avant le div module_contents, des div ayant les attributs float:left et float:right.
Il y a surement une autre façon de faire mais je ne la connais pas.
Édité par Shadow Le 19/08/2008 à 14h45
Shadow
"Quand tu ranges chez toi, ça fout le bordel chez ton voisin". - Règle d'entropie générale adaptée aux usages domestiques.
"Quand tu ranges chez toi, ça fout le bordel chez ton voisin". - Règle d'entropie générale adaptée aux usages domestiques.
ben.popeye Membre non connecté
-
Modérateur
- Voir le profil du membre ben.popeye
- Inscrit le : 04/08/2005
- Site internet
- Groupes :
-
Equipe Historique
Mais je ne suis pas un spécialiste en HTML/CSS, donc on va laisser la parole aux spécialistes.
Un problème, une question ? Cherchez dans la FAQ ou la documentation. Si vous ne trouvez pas la réponse, demandez du support sur le forum.
Bjarne Stroustrup, inventeur du C++ :"There are two ways to write error-free programs; only the third works."
Shadow Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre Shadow
- Inscrit le : 30/12/2007
- Site internet
ben.popeye :
Sans modifier le code HTML je ne pense pas que ce soit faisable...
Mais je ne suis pas un spécialiste en HTML/CSS, donc on va laisser la parole aux spécialistes.
Mais je ne suis pas un spécialiste en HTML/CSS, donc on va laisser la parole aux spécialistes.
Pas faisable sans toucher aux template à mon avis, donc au HTML effectivement. Dans une même classe CSS, on peut mettre une image en background mais pas deux images de part et d'autre de l'élément.
Shadow
"Quand tu ranges chez toi, ça fout le bordel chez ton voisin". - Règle d'entropie générale adaptée aux usages domestiques.
"Quand tu ranges chez toi, ça fout le bordel chez ton voisin". - Règle d'entropie générale adaptée aux usages domestiques.
Hervé-PCS Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre Hervé-PCS
- Inscrit le : 18/08/2008
- Site internet
Édité par Hervé-PCS Le 19/08/2008 à 14h52
Votre ordinateur fait du bruit ! Venez sur http://www.lesiloc.fr nous avons des solutions.
ps. ce site utilise PHPBOOST 3.0
ps. ce site utilise PHPBOOST 3.0

Shadow Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre Shadow
- Inscrit le : 30/12/2007
- Site internet
Mais, comme je disais, ça nécessite de modifier les fichiers de template et même plusieurs pour refaire la même chose.
Comment te débrouille-tu en HTML ?
Shadow
"Quand tu ranges chez toi, ça fout le bordel chez ton voisin". - Règle d'entropie générale adaptée aux usages domestiques.
"Quand tu ranges chez toi, ça fout le bordel chez ton voisin". - Règle d'entropie générale adaptée aux usages domestiques.
Hervé-PCS Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre Hervé-PCS
- Inscrit le : 18/08/2008
- Site internet
Votre ordinateur fait du bruit ! Venez sur http://www.lesiloc.fr nous avons des solutions.
ps. ce site utilise PHPBOOST 3.0
ps. ce site utilise PHPBOOST 3.0

KONA Membre non connecté
Booster Fusée
-
Booster Fusée
- Voir le profil du membre KONA
- Inscrit le : 21/05/2006
- Site internet
Peut être que sur les attribue coté CSS y sont déjà il resterai a créer une image type border.png puis l'ajouter dans les css approprié avec , comme la expliquer Shadow , un float .
Hervé-PCS Membre non connecté
Booster Bazooka
-
Booster Bazooka
- Voir le profil du membre Hervé-PCS
- Inscrit le : 18/08/2008
- Site internet
Votre ordinateur fait du bruit ! Venez sur http://www.lesiloc.fr nous avons des solutions.
ps. ce site utilise PHPBOOST 3.0
ps. ce site utilise PHPBOOST 3.0

Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
