[Thème] Adaptation du thème par défaut : base 100% , css grid-layout

cpalocpalo Member
octobre 2021 modifié dans Vos créations

Bonjour,
En attendant de partager mon thème par défaut (d'ici peu) je mets à disposion mes adaptations du thème par défaut. Essentiellement parce que j'ai fait le choix depuis presque toujours d'avoir une font-size de base de 100% (1rem = 16px) et non pas comme beaucoup de frameworks (dont PluCss) (62,5%).
De même j'ai fait le choix de css grid-layout qui offre de nombreuses possibilités pour les gabarits.
Ces deux adaptations conservent les caractèristiques de PluCss et du Theme par défaut au niveau du nommage et de l'utilisation d'une grille de 12 colonnes.
J'ai laissé en commentaires les correspondances avec les valeurs de plucss en 62.5%.

Depuis quelques temps sur le forum on parle de Knacss pour la prochaine version de PluXml. J'attire votre attention que depuis sa mise à jour du printemps, Knaccs a renoncé au 62,5% et a modifié ses breakpoints pour n'en conservé que 3 : 576px, 992px, 1330px.
Petite remarque par rapport au breakpoint traditionnel de 768px : les tablettes ne représentent que 3% de l'utilisation d'internet (53% pour les desktops et 44% pour les mobiles).

Pour télécharger:
https://plusimplexml.fr/static31/resources.
Soyez indulgent pour le site (qui n'a de vocation qu'à être un site de demo) ... je le remets en ligne et republierai progressivement son contenu.

Réponses

  • octobre 2021 modifié

    Bonjour, le lien est cassé ;) ... ce n'est plus le cas, désolé ..


    Cordialement,
    gcyrillus

    Mon site PluXml: https://re7net.com | Plugins: https://ressources.pluxopolis.net/banque-plugins/index.php?all_versions | demos sur free http://gcyrillus.free.fr/new | Thèmes: tester et télécharger @ https://pluxthemes.com
    Indiquez [RESOLU] dans le titre de votre question une fois le soucis réglè, Merci

  • cpalocpalo Member
    octobre 2021 modifié

    L'adresse du site est correct.. accessible si on la charge directement via un navigateur.
    C'est lorsque sur le forum dans un post et que j'utilise le bouton insérer une url.

    [https://plusimplexml.fr/static31/resources](http://https://plusimplexml.fr/static31/resources "https://plusimplexml.fr/static31/resources").
    

    Une erreur de ma part lorsque j'ai utilisé ce bouton.
    https://plusimplexml.fr/static31/resources

    [https://plusimplexml.fr/static31/resources](https://plusimplexml.fr/static31/resources "https://plusimplexml.fr/static31/resources")
    
  • Un joli et une belle somme de travail en tout cas, merci pour le partage.


    Cordialement,
    gcyrillus

    Mon site PluXml: https://re7net.com | Plugins: https://ressources.pluxopolis.net/banque-plugins/index.php?all_versions | demos sur free http://gcyrillus.free.fr/new | Thèmes: tester et télécharger @ https://pluxthemes.com
    Indiquez [RESOLU] dans le titre de votre question une fois le soucis réglè, Merci

  • oui j'ai vu merci

  • Très intéressant !

    J'ai aussi en projet de faire un thème pour PluXml, j'aimerais beaucoup faire quelque chose de très minimaliste, épuré avec beaucoup d'attention sur les détails (boutons/ animations/icônes/fonts/couleur/mode sombre) car c'est vraiment l'aspect visuel que j'aime travailler.

    Est-ce qu’éventuellement ce sera envisageable de partir de ce que tu proposes ? Et de pouvoir le repartager ensuite ?

    Au passage, tu le sais peut-être, mais j'ai remarqué que tu as des fonts qui ne se chargent pas

  • bazooka07bazooka07 PluXml Lead Developer, Moderator

    Bonjour @cpalo,

    Attention aux majuscules/minuscules dans les noms de fichiers !
    Windows ne fait pas la différence mais les serveurs sur Internet tournent sous Linux (heureusement) et les fichiers de polices deviennent introuvables.

  • cpalocpalo Member
    février 2022 modifié

    Bonjour@bazooka07
    Merci pour cette remarque dont je vais tenir compte.
    je suis en train de finaliser mon thème.. mais à vitesse escargot!! car d'autres impératifs également.
    Et justement je suis entre autre à l'étape de correction de ma convention de nommage... et j'avais éliminé la plupart des majuscules
    Exemples:
    blockgroup-SiteHeader --> blockgroup site-header ou bg-site-header
    OpenSans-Regular --> opensans-regular

    Bonjour@entropie
    Parmi ces deux thèmes que je finalise il y en a un qui est justement une thème minimalist servant de point de départ.
    Pour le partage, comme de nombreux thèmes et plugins, il suffit de respecter la licence mentionnée. Et au minimum cela implique la mention de l'auteur.
    Pour le problème que tu soulèves, il y a du y avoir un problème de version que je vais corriger :-1:
    car sur le serveur : fonts/opensans/opensans-regular.woff2
    mais dans le fichier simpleplutheme-100.css, j'ai oublié d'apporter la correction (que j'ai bien faite en local)

    @font-face {
        font-family: 'OpenSans';
        font-style : normal; 
        font-weight: 400; /* normal */   
        src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
             url('../fonts/OpenSans-Regular.woff') format('woff');  
    }
    
    src: url('../fonts/opensans/opensans-regular.woff2') format('woff2'),
             url('../fonts/opensans/ opensans-regular.woff') format('woff');    
    
Connectez-vous ou Inscrivez-vous pour répondre.