PluXml.org

Blog ou CMS à l'Xml

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

#1 19/10/2015 23:21:38

grisbi
Membre
Inscription : 23/11/2013
Messages : 89

css et pluxml

Bonjour

J'ai trois questions pour mon site en construction sous " pluxml" (bien sûr !)

1°- comment mettre une image de fond dans le thème de base ? j'ai bien essayé dans le body
mais ça marche pas

2°- Peu ton avoir des styles et templates différents pour certaines pages statiques comme
l'absence de sidebar pour certaines pages statiques ?

3°- j'avais trouvé un plugin recherche multicritère pour pluxml et je le retrouve plus alors
si quelqu'un ou l'auteur de ce plugin veuille bien me redonner le lien ....


Merci encore et à bientôt

Hors ligne

#2 20/10/2015 01:24:08

kowalsky
Membre
Inscription : 20/08/2015
Messages : 267
Site Web

Re : css et pluxml

grisbi a écrit :

Bonjour

J'ai trois questions pour mon site en construction sous " pluxml" (bien sûr !)

1°- comment mettre une image de fond dans le thème de base ? j'ai bien essayé dans le body
mais ça marche pas

salut,

avec le thème par défaut, dans css/theme.css, modifie la ligne "body" par :

[== CSS ==]
body {
	background-color: #fff;
	background-image:url("/data/images/image_de_fond.png");
}

où tu remplaceras "image_de_fond.png" par celle de ton choix et que tu n'oublieras pas d'aller l'ajouter dans le répertoire data/images wink

tu peux bien sûr ajuster la propriété "background" en fonction de tes besoins.

grisbi a écrit :

2°- Peu ton avoir des styles et templates différents pour certaines pages statiques comme
l'absence de sidebar pour certaines pages statiques ?

Oui dans les deux cas. Pour une page sans sidebar, il te suffit d'appliquer le template static-full-width.php à ta page statique, cf la documentation utilisateur, page 46. Pour appliquer un style différent, il faudra créer un autre template et faire les modifications nécessaires dedans, puis l'appliquer à ta page statique.

grisbi a écrit :

3°- j'avais trouvé un plugin recherche multicritère pour pluxml et je le retrouve plus alors
si quelqu'un ou l'auteur de ce plugin veuille bien me redonner le lien ....

Le plugin MySearch peut-être ?

Dernière modification par kowalsky (20/10/2015 01:44:53)

Hors ligne

#3 20/10/2015 17:25:16

grisbi
Membre
Inscription : 23/11/2013
Messages : 89

Re : css et pluxml

Merci a toi pour ces explications

pour la recherche multicritere je l'avais trouve en fouinant sur le net
c'etait base sur les tags

sinon si quelqu'un voulait m'aider pour celà je suis preneur

et encore bravo à l'équipe et a tous pour faire vivre (et ne pas faire mourir)
ce fabuleux cms

a+

Hors ligne

#4 23/10/2015 22:37:58

grisbi
Membre
Inscription : 23/11/2013
Messages : 89

Re : css et pluxml

Un autre probleme

je me suis apercu que la largeur de la page est plus grande
que la largeur de la "barre" de menu

et dans le css je trouve pas

merci a+

Hors ligne

#5 24/10/2015 01:20:05

kowalsky
Membre
Inscription : 20/08/2015
Messages : 267
Site Web

Re : css et pluxml

salut grisbi,

je crois que tu viens de détecter un petit bug graphique qui va intéresser Stéphane.

@Stéphane

Quand on applique une image de fond à "body", ou utilise une couleur autre que #fff, avec le thème par défaut en version 5.4 stable on constate un débordement latéral au niveau du bloc "main" à cause des marges latérales venant de la classe "grid" à la ligne 705 de plucss.css. Quand je supprime les deux marges latérales négatives, tout rentre dans l'ordre en affichage large et medium. 

.grid {
    margin-left: -1rem;
    margin-right: -1rem;

    overflow: hidden;
}

Mais ça coince en affichage small à cause des marges de "container". En supprimant les padding latéraux en ligne 698, tout baigne.

.container {
    margin: 0 auto;
    max-width: 1280px;
    padding-left: 1rem;
    padding-right: 1rem;

    width: 100%;
}

(par contre il faut conserver ceux des lignes 955 et 1097)

Je n'ai pas constaté d'effet indésirable ailleurs suite à la suppression des marges latérales des classes "container" et "grid". Si après contre vérification cela te convient, je suggère de les retirer dans un prochain commit.

Dernière modification par kowalsky (24/10/2015 01:30:12)

Hors ligne

#6 24/10/2015 12:41:02

kowalsky
Membre
Inscription : 20/08/2015
Messages : 267
Site Web

Re : css et pluxml

Enfin non, c'est pas une bonne idée parce que cela induit du décalage sur l'alignement coté gauche en affichage avec un fond uni.

Bref, vaut peut-être mieux pas modifier le framework PluCsSS.

@grisbi, par contre pour toi c'est la solution pour supprimer le débordement.

Hors ligne

#7 24/10/2015 21:42:22

grisbi
Membre
Inscription : 23/11/2013
Messages : 89

Re : css et pluxml

Ok merci Kowalski

Pour ma part jusque là je n'ai pas rencontré d'autres problème a cause de ce changement


a+

Hors ligne

#8 02/04/2016 21:16:27

grisbi
Membre
Inscription : 23/11/2013
Messages : 89

Re : css et pluxml

Bonjour

même si ce post est un peu ancien il y a toujours ce debordement dans la version 5.5

a+

Hors ligne

#9 03/04/2016 21:59:37

Beduck
Membre
Inscription : 23/05/2014
Messages : 48
Site Web

Re : css et pluxml

Bonjour,

Y a til moyen davoir un aperçu en live de ton problème ?
C'est plus simple pour te guider.

Hors ligne

#10 04/04/2016 01:45:12

kowalsky
Membre
Inscription : 20/08/2015
Messages : 267
Site Web

Re : css et pluxml

@beduck,

dans le thème par défaut, remplace la couleur du body dans theme.css par autre chose que #fff et tu le constateras de visu wink

[== CSS ==]
body {
	background-color: red;
}

la cause est toujours la même vu que c'est lié au framework PluCSS

Hors ligne

#11 04/04/2016 08:59:52

Stéphane
Responsable du projet
Lieu : pas loin de Metz
Inscription : 07/08/2007
Messages : 6 151
Site Web

Re : css et pluxml

@grisbi, @kowalsky: je confirme le probleme. pour éviter de modifier le fichier plucss.css (qui est le framework css de PluXml) vous pouvez faire cette modif:

dans le fichier theme.css

remplacer

.main {
	background-color: #fff;
	margin-bottom: 2rem;
}

par

.main {
	background-color: #fff;
	margin: 0 0 2rem 0;
}

Désolé ce post m'a échappé. Merci pour avoir relancé ce sujet


Mes articles et tutoriels pour PluXml
Pluxopolis mon site sur PluXml, mais pas seulement...
Twitter: @pluxopolis

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2017 PluXml.org, tous droits réservés