PluXml.org

Blog ou CMS à l'Xml

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

#1 06/06/2016 02:11:37

niqnutn
Membre
Inscription : 21/09/2015
Messages : 322
Site Web

Thème w3css

Un petit thème à tester pour PluXml 5.5.
https://github.com/nIQnutn/PluXml-W3css

Le thème se base sur w3css http://www.w3schools.com/w3css/default.asp
J'ai gardé une structure classique avec un dégradé d'une couleur.
On peut modifier très facilement la couleur utilisée grâce à l'outil : http://www.w3schools.com/w3css/w3css_color_themes.asp et on recopie le tout dans css/w3-theme.css ou en éditant directement css/w3-theme.css comme on veut.
On reprend également les icônes font-awesome et j'ai repris le plugin MyPager que j'ai modifié.
Le menu déroulant est également disponible.
J'ai un peu modifié la partie commentaire mais il manque les miniatures pour le moment.

Les plugins nécessaires pour assurer le bon fonctionnement du thème:

les plugins optionnels:




1465170405.png 1465170674.png 1465171306.png

N'hésitez pas à donner votre avis.

Dernière modification par niqnutn (09/06/2016 15:52:47)

Hors ligne

#2 06/06/2016 09:33:12

Jos
Pluxml Staff
Lieu : Région de Grenoble
Inscription : 04/11/2011
Messages : 1 128
Site Web

Re : Thème w3css

Bonjour,

Merci pour le partage. J'aime bien la simplicité de ces thèmes. Sont t'ils valide W3C du coup?

Hors ligne

#3 06/06/2016 10:31:32

niqnutn
Membre
Inscription : 21/09/2015
Messages : 322
Site Web

Re : Thème w3css

pas vérifié mais il le sera.

Hors ligne

#4 06/06/2016 16:25:33

vinc[E]
Membre
Inscription : 18/06/2012
Messages : 35

Re : Thème w3css

Super travail, le thème est très propre  smile

Hors ligne

#5 06/06/2016 21:43:38

niqnutn
Membre
Inscription : 21/09/2015
Messages : 322
Site Web

Re : Thème w3css

je vais corriger quelques erreurs que j'ai repérées et publier le plugin MyPager modifié pour le thème.
j'ai pas regarder sur les autres thèmes, mais je ne sais pas comment intégrer les dates (publication, modification, création).
idem pour les vignettes (aucun style définit pour le moment).
un petit guide pour utiliser les différentes fonctions de w3css (tableaux, slideshow, etc. ..) devrait être ajouté.

les suggestions sont toujours le bienvenu.

Hors ligne

#6 08/06/2016 17:43:46

niqnutn
Membre
Inscription : 21/09/2015
Messages : 322
Site Web

Re : Thème w3css

j'ai créé un plugin pour la navigation: plxSimplePager  https://github.com/nIQnutn/plxSimplePager .
il s'agit uniquement d'une modification pour le thème W3css et une simplification du plugin (suppression de l'administration) de Stéphane.

Hors ligne

#7 09/06/2016 15:51:34

niqnutn
Membre
Inscription : 21/09/2015
Messages : 322
Site Web

Re : Thème w3css

J'ai créé un plugin pour choisir le thème de couleur.
Il suffit d'installer le plugin et dans la configuration du plugin on peut choisir la feuille CSS  (plus de 30 couleurs différentes pour le moment).
Vous pouvez également créer les vôtres depuis http://www.w3schools.com/w3css/w3css_color_themes.asp

Note: c'est totalement optionnel pour le fonctionnement du thème.

Pour télécharger: https://github.com/nIQnutn/plxW3cssThem … ter/themes

Dernière modification par niqnutn (09/06/2016 15:53:20)

Hors ligne

#8 10/06/2016 18:13:32

niqnutn
Membre
Inscription : 21/09/2015
Messages : 322
Site Web

Re : Thème w3css

Le thème est plutôt bien avancé.
Après quelques corrections et des retouches cosmétiques, ça devrait être bon.
J'ai vérifier la validité du thème et ça me semble OK (excepté au niveau du menu principal, j'ai des id dupliqués et j'ai pas encore de solutions).


Si quelqu'un peut tester et dire s'il y a des bugs ou des améliorations possibles ça permettrait de le publier plus rapidement dans les Ressources.

Hors ligne

#9 12/06/2016 20:38:27

niqnutn
Membre
Inscription : 21/09/2015
Messages : 322
Site Web

Re : Thème w3css

J'ai apporté quelques corrections et le thème est maintenant disponible en version stable.
Avec le plugin plxW3cssThemeSelect, on a le choix entre 50 couleurs différentes.

Téléchargement: https://github.com/nIQnutn/PluXml-W3css

1465758309.png

Dernière modification par niqnutn (12/06/2016 21:06:44)

Hors ligne

#10 20/06/2016 19:01:16

Kube17
Membre
Inscription : 20/06/2016
Messages : 7

Re : Thème w3css

Bonjour smile
J'ai installé votre thème sur mon site (http://kube17.tk/site) seulement il y a un problème que je n'ai pas su résoudre: Lorsque je clique sur le bouton pour ouvrir le menu (Lorsqu'il est compacté pour petits écrans), j'obtiens une erreur javascript:void(0) mais pas dans la console, dans l'url, donc erreur 404 puisque la page existe pas...
Screenshot erreur
Avez-vous une idée du problème?
-Kube17.

EDIT: En affichant la source de la page, voici comment le bouton est interprété:
Erreur 2
Au lieu de simplement href="javascript:void(0);".
J'utilise Opera habituellement, mais c'est la même chose depuis FF ou Edge.

Et cela fonctionne correctement depuis la démo de w3.css (ici) donc je sais pas, je suis dépassé hmm

EDIT 2: Quand je désactive la réecriture d'url ça fonctionne. Comment est-ce que je pourrais avoir la réecriture d'urls et le menu en même temps?

Dernière modification par Kube17 (20/06/2016 19:34:07)


Mon site internet: kube17.tk
PluXml 5.5 et thème w3css smile
GitHub: http://github.com/Kippinn
Site internet hébergé chez Hostinger France

Hors ligne

#11 20/06/2016 22:20:33

Francis
Membre
Inscription : 19/11/2011
Messages : 407
Site Web

Re : Thème w3css

Bonjour Kube17,

C'est un bogue de PluXml 5.5 dont on parle ici : http://forum.pluxml.org/viewtopic.php?id=5565

La solution consiste à rectifier une ligne dans le fichier core/lib/class.plx.utils.php, tout est détaillé ici : https://github.com/pluxml/PluXml/issues/174
Il faut prendre la dernière version de la ligne $patterns = array(...);   => c'est celle qui se trouve tout en bas de la page.

Hors ligne

#12 21/06/2016 07:04:47

Kube17
Membre
Inscription : 20/06/2016
Messages : 7

Re : Thème w3css

Merci beaucoup Francis smile
Ça fonctionne correctement maintenant smile


Mon site internet: kube17.tk
PluXml 5.5 et thème w3css smile
GitHub: http://github.com/Kippinn
Site internet hébergé chez Hostinger France

Hors ligne

#13 06/07/2016 19:32:58

niqnutn
Membre
Inscription : 21/09/2015
Messages : 322
Site Web

Re : Thème w3css

Un article pour détailler pour l'installation du thème et quelques captures d'écran supplémentaire.
On retrouve les explications pour modifier la couleur du thème.

http://blog.niqnutn.com/index.php?article54/w3css

Hors ligne

#14 28/08/2016 21:08:48

niqnutn
Membre
Inscription : 21/09/2015
Messages : 322
Site Web

Re : Thème w3css

si quelqu'un peut finir le travail en déposant le thème dans les ressources http://ressources.pluxml.org/?contribuer
je rencontre toujours le même pb avec le .zip même avec les indications de Pierre http://forum.pluxml.org/viewtopic.php?pid=50927#p50927

* Type et nom de votre thème : w3css
* Thème adapté pour la version de Pluxml : PluXml 5.5
* Numéro de version du thème : 1.0
* Licence : MIT License
* Adresse de support (e-mail ou adresse URL) : http://forum.pluxml.org/viewtopic.php?id=5576

Informations supplémentaires (les balises "a" et "strong" sont autorisées) :

Thème W3css pour PluXml

W3css est un thème simple et facile à modifier.

Fonctions principales:
   * Thème responsive design pour s'adapter à tous les écrans
   * Intégration de la police d'icônes FontAwesome
   * Une pagination simplifiée
   * Un menu déroulant pour les pages statiques
   * De nombreux thèmes de couleur disponibles
   * La possibilité de créer un thème de couleur facilement


Pré-requis:
    * PluXml 5.5
    * Thème W3css 1.0
    * Plugin plxFontAwesome 0.3
    * Plugin plxSimplePager 1.0

Lire le fichier readme.md pour plus d'informations.

* Visuel JPG du thème de la meilleure qualité possible : https://cloud.githubusercontent.com/ass … 6522bc.jpg
* Archive ZIP du thème (l'archive doit contenir un unique répertoire theme contenant vos fichiers) : https://github.com/nIQnutn/PluXml-W3css … master.zip

Dernière modification par niqnutn (28/08/2016 21:09:08)

Hors ligne

#15 24/10/2016 09:03:38

oneil4
Membre
Inscription : 11/10/2016
Messages : 2

Re : Thème w3css

salut a tous,

je débute sur pluxml, que je fait tournée en local pour le moment, les possibilité sont énorme avec .
le thème w3css est un super thème, je pense d’ailleurs que ce serais un super thème par défaut, simple et personnalisable a souhait.

cepandant je connais que peu les langages css php ( je me débrouille mais je peu mettre longtant a faire un truc simple )

j'ai regarder un peu le css, et je pense qu'une bonne idée serais de mettre des commentaire sur chaque lignes par exemple :

.w3-col.l4,.w3-third{width:25%} = taille sidebar
.w3-col.l8,.w3-twothird{width:50%}  = taille cadre article

j'ai essayer de modifier d'autre valeur, cela n'a pas influer sur le design de mon site ( peu être que c'est des modification subtile ? ) toutes les valeurs servent dans le css ?

j'aime ce thème, je pense qu'il faudrait se pencher dessus pour le rendre un poil plus facile d'accée au néophyte car avec une structure simple comme celle ci, rien n’empêchera la personnalisation extrême tel que rajouter un background img, arondire les bordures, déplacer les cadres .... tous sa simplement.

Hors ligne

#16 24/10/2016 09:21:52

bankai
Pluxml Forever :)
Lieu : Saint-Pierre-la-cour
Inscription : 06/02/2011
Messages : 611
Site Web

Re : Thème w3css

Bonjour oneil4  smile
Si jamais tu commente toutes les lignes d'un fichiers CSS ou HTML, le risque est de ralentir le chargement de ton site.

C'est une partie essentielle pour l'optimisation.


Mon site web : Mon blog tout simplement avec sa version de pluXml : version dev Github
Un soucis, une angoisse, une question ? le Wiki est là pour tous ici, pour le reste, on est là pour ça :-)
Suivre PluXml sur les réseaux sociaux : Google+ Twitter

Hors ligne

#17 24/10/2016 10:08:38

niqnutn
Membre
Inscription : 21/09/2015
Messages : 322
Site Web

Re : Thème w3css

en fait le css n'est pas touché (w3.css).
c'est surtout dans le thème qu'il faut ajouter / modifier des classes.

je peux essayer de rajouter quelques commentaires pour identifier certains éléments importants du thème (sidebar / article / menu / ...).
Après, il faut regarder la doc : http://www.w3schools.com/w3css/default.asp
Si tu m'envoies des explications sur les points importants, on peut essayer d'ajouter des explications dans la doc du thème.

il existe quelques classes css qui ne servent pas mais la plupart sont utiles.
pour voir les modifications, tu peux utiliser Firefox en mode développeur. ça permet de voir les changements facilement et modifier directement la page.

Sinon, il est important de comprendre les bases de css, php et la structure des thèmes pluxml pour pouvoir modifier son thème.
C'est pas compliqué et tu trouveras des explications facilement. https://developer.mozilla.org/fr/docs/Outils/Inspecteur

@bankai: je ne pense pas que le poids des commentaires puisse ralentir le chargement d'un site (en tout cas, pas de manière significative).

Hors ligne

#18 27/10/2016 06:54:12

oneil4
Membre
Inscription : 11/10/2016
Messages : 2

Re : Thème w3css

salut a tous, merci pour vos réponse,

deja dans le thème, il y a 3 css,

w3
w3-custom
w3-theme

pouvons nous tourner qu'avec w3.css et supprimer les autres?

a quoi sert le w3 js ?

Hors ligne

#19 27/10/2016 09:33:22

niqnutn
Membre
Inscription : 21/09/2015
Messages : 322
Site Web

Re : Thème w3css

pour le moment, w3 js ne sert à rien.
w3-theme et w3-themes ne sont pas utiliser, c'était juste pour pouvoir changer la couleur du thème. ils seront supprimés.
pour w3.css, c'est la feuille de style du projet w3css qui n'est pas modifié (pour faciliter les mises à jour).
les modifications pour s'adapter à PluXml se font dans dans custom.css

de toute façon, il y a seulement w3.css et w3-custom de charger dans le header.php.

Hors ligne

#20 18/01/2017 10:33:18

michelw
Membre
Inscription : 08/04/2015
Messages : 121

Re : Thème w3css

Bonjour,
J'utilise votre thème sur mon site http://wendling.xyz/ je souhaiterai supprimer le contenu du cadre de droite qui contient le rappel des catégories, les flux...
Je souhaiterai remplacer cette zone par la visualisation d’images géré avec le plugin MySlippry: http://forum.pluxml.org/viewtopic.php?pid=52109#p52109
Est il possible de réaliser cela? En vous remerciant pour les pistes que vous pourriez me proposer.

Hors ligne

#21 18/01/2017 10:57:43

niqnutn
Membre
Inscription : 21/09/2015
Messages : 322
Site Web

Re : Thème w3css

il faut modifier le fichier sidebar.php.

ça devrait ressembler à ça:

[== PHP ==]
<?php if(!defined('PLX_ROOT')) exit; ?>

	<aside class="w3-col l4 s12" role="complementary">
		<div class="w3-card-4 w3-theme-light w3-margin w3-padding">

		          <?php eval($plxShow->callHook("MySlippry")) ?>
			
		</div>
	</aside>

Hors ligne

#22 18/01/2017 22:26:34

michelw
Membre
Inscription : 08/04/2015
Messages : 121

Re : Thème w3css

Merci beaucoup, bonne soirée

Hors ligne

#23 26/02/2017 21:02:59

michelw
Membre
Inscription : 08/04/2015
Messages : 121

Re : Thème w3css

Bonsoir,
Pensez-vous faire une mise à jour pour pluxml 5.6?

Hors ligne

#24 27/02/2017 00:34:24

niqnutn
Membre
Inscription : 21/09/2015
Messages : 322
Site Web

Re : Thème w3css

michelw a écrit :

Bonsoir,
Pensez-vous faire une mise à jour pour pluxml 5.6?

J'ai pas vu de pb en testant la 5.6
Je corrigerai les bugs s'il y en a.

Hors ligne

#25 22/08/2017 10:31:52

ice
Membre
Inscription : 03/03/2017
Messages : 46

Re : Thème w3css

Bonjour,

Bravo et merci pour ce thème que je trouve super.

Il y a 2 points que je n'arrive cependant pas à résoudre.

Je n'ai pas activé les commentaires sur les articles. En bas de l'article, j'ai cela qui apparait :
Fil RSS des commentaires
Je n'arrive pas à le supprimer. Peux tu me dire comment faire ?

Les liens ne sont pas visibles. Ici, j'ai mis un lien sur site internet.
lien site internet
Rien ne permet de distinguer le lien.
Lorsque je le survol, j'ai bien un souligné qui apparait
lien site internet survol
J'aimerai par exemple que le lien soit identifié par une couleur de police différente. Peux tu me dire comment faire ?

Te remerciant de ton aide,
Cordialement.
Stéphane.

Hors ligne

Pied de page des forums

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