PluXml.org

Blog ou CMS à l'Xml

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

#1 23/09/2013 22:45:21

kamea
Membre
Lieu : Bergerac
Inscription : 24/04/2012
Messages : 66
Site Web

kGrid - Thème responsive

Bonjour ou bonsoir mesdames et messieurs,

Je viens d'amorcer un petit virage sur kamea.net. Après quelques semaines de travail intense ( tient il est 3h00 du mat !!! ), de cafés froids, de papiers déchirés, j'ai enfin terminé mon 3ème thème et je m'étonne d'être encore marié ^^ ( un petit clin d’œil à mon épouse et mes enfants qui supportent mes passions )

kGrid est un thème Responsive ( Design adaptatif ) dédié à PluXml. Il est donc compatible avec les tablettes, les androids et les iphones.

Retrouvez toutes les informations sur mon blog perso.

Merci et bonne découverte smile

Dernière modification par kamea (24/09/2013 19:34:16)


Salutations cybernétiques.

William K.

Site pro : http://www.wk-concept.fr
Site Blablaoo : http://www.blablaoo.com

Hors ligne

#2 23/09/2013 22:46:40

mike500
Membre
Inscription : 16/09/2013
Messages : 12

Re : kGrid - Thème responsive

Waw magnifique thème, félicitation pour le boulot !

Hors ligne

#3 24/09/2013 02:27:45

Jerry Wham
Membre
Inscription : 13/07/2011
Messages : 2 549
Site Web

Re : kGrid - Thème responsive

Beau boulot. Petite correction dans ton pied de page : "Création de thèmes" (mets un s, tu en as fait plusieurs...) roll


Mangez un castor, vous sauverez un arbre !

J'ai la tête dans le  ...code

Hors ligne

#4 24/09/2013 08:12:05

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

Re : kGrid - Thème responsive

Alors que dire.......
J'aime j'aime j'aime, ton travail est très efficace, propre.
Du responsive, du HTML5 avec une pointe de CSS3 font que PluXml se modernise plutôt bien smile
Merci pour ta création.


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

#5 24/09/2013 10:39:24

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

Re : kGrid - Thème responsive

Moi il me plaît beaucoup ce thème, joli travail. Vivement que le centre de ressource soit finit pour que tout le monde puisse le trouver facilement.

Hors ligne

#6 24/09/2013 11:52:56

Gzyg
Membre
Inscription : 25/09/2006
Messages : 836
Site Web

Re : kGrid - Thème responsive

Superbe ! smile

Merci à madame de t'avoir laissé travailler ! big_smile


à plus,

Gzyg

Hors ligne

#7 24/09/2013 16:12:44

Rohirrim
Membre
Inscription : 01/10/2010
Messages : 160

Re : kGrid - Thème responsive

chtite erreur repérée dans le style dans archive.php : la première ligne fait reference à un "header-simple.php" pour l'affichage du header... comme ce fichier n'est pas dans le thème, ça fait planter le fichier > en remplacant "header-simple.php" par "header.php" tout est redevenu correct chez moi;

ps : aucune importance, mais sur un IE 8, le thème sort... "bizarrement"

Hors ligne

#8 24/09/2013 17:51:00

kamea
Membre
Lieu : Bergerac
Inscription : 24/04/2012
Messages : 66
Site Web

Re : kGrid - Thème responsive

Rohirrim a écrit :

dans archive.php : la première ligne fait reference à un "header-simple.php"

Archive corrigée merci du retour.

Rohirrim a écrit :

ps : aucune importance, mais sur un IE 8, le thème sort... "bizarrement"

Comme tu le dis si bien "aucune importance", seulement tu m'obliges à répondre. Ce thème est conçu pour s'adapter sur les nouvelles technologies du web. Il utilise donc les fameuses media queries que ne savent pas gérer nativement IE7 et IE8. Il y a toujours la possibilité d'utiliser des librairies comme jquery.mediaqueries.js ou encore css3-mediaqueries.js, mais à quoi bon. Cet ancien navigateur est certe encore utilisé, mais il est bel est bien dépassé. Je n'aurais qu'une chose à dire ... Mettez à jours vos OS et vos navigateurs nous sommes bientôt en 2014 m'sieurs dames smile

Merci pour tes remarques et à vous autres pour vos encouragements.


Salutations cybernétiques.

William K.

Site pro : http://www.wk-concept.fr
Site Blablaoo : http://www.blablaoo.com

Hors ligne

#9 24/09/2013 19:26:05

joebart
Membre
Lieu : Paname
Inscription : 15/03/2010
Messages : 263
Site Web

Re : kGrid - Thème responsive

Bravo William, je l'ai, adopté   hmm

Par contre, j'essaie de voir pour insérer un logo et c'est chaud ^^

Dernière modification par joebart (25/09/2013 02:10:41)

Hors ligne

#10 25/09/2013 10:45:31

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

Re : kGrid - Thème responsive

Internet Explorer 8 a une part de marché assez importante encore de nos jours, personnellement je pense qu'il faut encore assurer son support (pour ie7 et 6 j'ai laissé tombé). Windows XP ne peu pas passer à IE9 je crois, dommage que ces utilisateurs ne passent pas par un navigateur alternatif.

Enfin chacun son avis sur la question, mais comme je te comprend... wink

Par exemple pour le thème par défaut de PluXml, j'utilise respond.js (ne s'appliquant que sous les version inférieures à IE9) qui permet de faire tourner du Responsive sur les ancien IE, et çà fonctionne pas trop mal.

Pour le reste, je pense que tu peux toujours bricoler wink

Hors ligne

#11 25/09/2013 12:52:00

kamea
Membre
Lieu : Bergerac
Inscription : 24/04/2012
Messages : 66
Site Web

Re : kGrid - Thème responsive

joebart a écrit :

Par contre, j'essaie de voir pour insérer un logo et c'est chaud ^^

Où souhaites tu l'intégrer ? Envoies moi un mail si tu préfères.

A plus tard smile


Salutations cybernétiques.

William K.

Site pro : http://www.wk-concept.fr
Site Blablaoo : http://www.blablaoo.com

Hors ligne

#12 25/09/2013 13:04:37

joebart
Membre
Lieu : Paname
Inscription : 15/03/2010
Messages : 263
Site Web

Re : kGrid - Thème responsive

kamea a écrit :
joebart a écrit :

Par contre, j'essaie de voir pour insérer un logo et c'est chaud ^^

Où souhaites tu l'intégrer ? Envoies moi un mail si tu préfères.

A plus tard smile

Dans le bandeau noir, en haut smile

Hors ligne

#13 25/09/2013 13:34:49

kamea
Membre
Lieu : Bergerac
Inscription : 24/04/2012
Messages : 66
Site Web

Re : kGrid - Thème responsive

Une première piste serait de remplacer le titre par ton logo, ceci afin d'éviter d'avoir trop de choses dans ton bandeau.

Ouvre le fichier header.php

Repères les lignes suivantes :

<h1>
 <?php $plxShow->mainTitle('link'); ?>
</h1>

Remplace ces 3 lignes par :

<img src="data/ton-logo.png" alt="">

Tu as également la possibilité de diviser ton bandeau en plusieurs parties grâce aux colonnes. Tu as aussi la possibilité d'utiliser la class "resp" de kGrid qui permettra à ton logo de s'adapter en fonction de la taille de l'écran utilisé, mais attention à la dimension de ton logo.

Allez au boulot ! smile


Salutations cybernétiques.

William K.

Site pro : http://www.wk-concept.fr
Site Blablaoo : http://www.blablaoo.com

Hors ligne

#14 25/09/2013 13:43:03

joebart
Membre
Lieu : Paname
Inscription : 15/03/2010
Messages : 263
Site Web

Re : kGrid - Thème responsive

Ok, je vais essayer alors  tongue  tongue

Hors ligne

#15 25/09/2013 15:15:14

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

Re : kGrid - Thème responsive

Un boulot de titan yikes
Bravo kamea !

Hors ligne

#16 25/09/2013 21:55:31

Den
Membre
Lieu : Québec
Inscription : 22/10/2009
Messages : 393
Site Web

Re : kGrid - Thème responsive

@ kamea

Salut,

J'ai adapté ton thème kGrid pour mon site Web www.denclout.com (en préparation)... cool   
 
UN GROS MERCI À TOI ET À PLUXML !

Hors ligne

#17 25/09/2013 23:39:34

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

Re : kGrid - Thème responsive

Joli boulot, effectivement !

Mais comme dit Jos, on ne peut pas négliger IE8, parce que les utilisateurs de Windows XP restent bloqués sur cette version, ils ne peuvent pas passer à IE9, je confirme.
Les internautes qui sont sur XP peuvent utiliser les versions modernes de tous les navigateurs, sauf celui de Microsoft... très bizarre, ce truc, parce que c'est une boîte qui a largement assez de développeurs pour faire ça...

Et comme beaucoup d'utilisateurs gardent leurs habitudes (ou n'ont pas le choix, parfois en entreprise), on est obligé de s'embêter pour ne pas perdre ces visiteurs, un peu moins de 10 % (7 à 8 % semble-t-il, d'après les derniers chiffres, mais ça peut varier pas mal suivant les pays).

Hors ligne

#18 26/09/2013 00:11:19

kamea
Membre
Lieu : Bergerac
Inscription : 24/04/2012
Messages : 66
Site Web

Re : kGrid - Thème responsive

Den a écrit :

J'ai adapté ton thème kGrid pour mon site Web www.denclout.com (en préparation)

Génial, j'ai hâte de voir ça, fais moi signe lorsque ta version sera finalisée smile

Francis a écrit :

[...] on est obligé de s'embêter pour ne pas perdre ces visiteurs, un peu moins de 10 %

Je comprends Francis, cependant il n'y a pas que l’aspect responsive, les nouvelles possibilités du css3 également sont un soucis majeures, même pour IE10 smile Je prends toutefois notre de la remarque.

Merci pour vos compliments smile

Dernière modification par kamea (26/09/2013 07:10:53)


Salutations cybernétiques.

William K.

Site pro : http://www.wk-concept.fr
Site Blablaoo : http://www.blablaoo.com

Hors ligne

#19 26/09/2013 07:50:35

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

Re : kGrid - Thème responsive

Francis a écrit :

Joli boulot, effectivement !

Mais comme dit Jos, on ne peut pas négliger IE8, parce que les utilisateurs de Windows XP restent bloqués sur cette version, ils ne peuvent pas passer à IE9, je confirme.
Les internautes qui sont sur XP peuvent utiliser les versions modernes de tous les navigateurs, sauf celui de Microsoft... très bizarre, ce truc, parce que c'est une boîte qui a largement assez de développeurs pour faire ça...

Et comme beaucoup d'utilisateurs gardent leurs habitudes (ou n'ont pas le choix, parfois en entreprise), on est obligé de s'embêter pour ne pas perdre ces visiteurs, un peu moins de 10 % (7 à 8 % semble-t-il, d'après les derniers chiffres, mais ça peut varier pas mal suivant les pays).

En même temps la fragmentation de Internet Explorer est trop grande, IE11 arrive à grand pas avec Windows 8.1

Je pense qu'il faut vivre aussi avec son temps aussi, les développeur essaient de faire ce qu'il peuvent avec ce Pot-pourri de navigateurs.

J'ai par exemple choisi de conservé Chrome en navigateur par défaut comme ça je suis sur de tout voir passer.


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

#20 26/09/2013 09:22:50

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

Re : kGrid - Thème responsive

Le jour où on pourra s'en débarrasser de celui là... je ferai une fête comme pour ie6 et 7 wink. Vu la part de marché pour le moment, on est obligé de se le coltiner.

Pour le responsive : respond.js

Pour les propriétés css3 si vraient c'est nécessaire : les hacks css ou les polyfills.

Bref on s'éloigne du sujet principal.

Hors ligne

#21 26/09/2013 09:24:02

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

Re : kGrid - Thème responsive

Je suis bien d'accord avec toi, Bankai, et les utilisateurs de Windows XP devraient tous utiliser un navigateur moderne comme Firefox ou Chrome et laisser tomber IE8, mais dans la réalité ce n'est pas le cas.

Si c'est un site personnel, on peut faire le choix d'ignorer IE8, mais pour une entreprise on ne peut pas laisser de côté autant de monde, tant que le pourcentage d'utilisateurs d'IE8 n'est pas négligeable...

Hors ligne

#22 26/09/2013 17:44:58

Den
Membre
Lieu : Québec
Inscription : 22/10/2009
Messages : 393
Site Web

Re : kGrid - Thème responsive

@ kamea

Voici mon site Web avec ton thème retouché légèrement...  cool

www.denclout.com

Bye!

Hors ligne

#23 27/09/2013 11:23:04

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

Re : kGrid - Thème responsive

Beau boulot Den, en plus le Responsive marche plutôt bien, et ton HTML semble valide wink. Il n'y a que le CSS qui ne l'est pas mais çà vient du thème.

Hors ligne

#24 27/09/2013 12:54:30

Rohirrim
Membre
Inscription : 01/10/2010
Messages : 160

Re : kGrid - Thème responsive

Par contre, j'essaie de voir pour insérer un logo et c'est chaud

pour un projet en cours, j'ai combiné la fonction "staticinclude" (vu sur pluxopolis, par exemple) dans le header pour travailler sur une "page statique" qui met à jour le bandeau du haut du header; du coup le logo est une image en "float" que je peux integrer, modifier facilement... c'est pratique.

J'ai fait de même pour le footer, et sans doute aussi pour la sidebar

je ne sais pas si c'est tres w3c, mais ça marche pas mal et plus facile à mettre à jour...

Dernière modification par Rohirrim (27/09/2013 13:18:44)

Hors ligne

#25 27/09/2013 13:49:56

joebart
Membre
Lieu : Paname
Inscription : 15/03/2010
Messages : 263
Site Web

Re : kGrid - Thème responsive

Mince, du coup c'est le plugin MyCoinSlider qui pose problème avec le responsive je viens de constater ^^

Hors ligne

Pied de page des forums

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