Blueprint et CMS-MS ? - Version imprimable

Blueprint et CMS-MS ? - Version imprimable

+- Forum CMS Made Simple FR (https://forum.cmsmadesimple.fr)
+-- Forum : Général (https://forum.cmsmadesimple.fr/forum-3.html)
+--- Forum : Graphisme (https://forum.cmsmadesimple.fr/forum-9.html)
+--- Sujet : Blueprint et CMS-MS ? (/thread-700.html)

Pages : 1 2

Blueprint et CMS-MS ? - stephan53 - 29/09/2010

Citation :#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~
#~ Version du CMS: 1.8.2
#~ Nom de l'hébergeur : OVH
#~ Informations Système :
#~~~~~ NE PAS SUPPRIMER CE BLOC ~~~~~

J'aurais voulu savoir si certains parmi vous utilisent Blueprint SS pour "modéliser" leurs design de pages avec CMS-MS ?

Ce frameworks est assez apprécié, et utilisé notamment assez facilement avec Drupal. J'ai un très bon tutoriel sur le sujet, destiné à Drupal...
Mais je n'ai rien trouvé concernant CMS-Made Simple en utilisation associée...

Auriez-vous quelques expériences ou infos sur ce sujet ?

Merci !

Blueprint et CMS-MS ? - Jean le Chauve - 29/09/2010

Pas pour ma part.
Par contre, tu peux trouver le framework YAML dans les thèmes : http://themes.cmsmadesimple.org/Download_Themes/frameworks.html

Blueprint et CMS-MS ? - kiweb - 29/09/2010

Jean le Chauve a écrit :Par contre, tu peux trouver le framework YAML dans les thèmes : http://themes.cmsmadesimple.org/Download_Themes/frameworks.html

J'avais vu cela dans les thèmes de CMSMS mais je ne comprends pas trop à quoi cela sert. Quelle est l'utilité d'un framework pour CMSMS ?

Merci Smile

Blueprint et CMS-MS ? - isa46 - 29/09/2010

Re,

il a l'air vraiment bien

le site officiel :yaml
Perso j'ai essayé de l'installer j'ai suivi les étapes
il est dit de mettre le rep (yaml ) dans le dossier principal de cms mais sans plus
les deux .tpl dams modules/menumanager/templates
les deux .php dans plugin
soit disant qui faut créé un nouveau gabarit et y coller le fichier .txt
mais pour le reste on voit pas comment s'en servir, normalement on devrait avoir çà
http://www.yaml.de/fileadmin/examples/index.html
y'a une doc (en) très complete doc en pdf mais rien sur l'instal

Bon si quelqu'un a + d'infos sur l'instal et le fonctionnement.....

A+

Phil Did

Blueprint et CMS-MS ? - stephan53 - 29/09/2010

Merci pour l'info sur Yaml, que je vais tester.

Si j'ai du nouveau, j'en ferai part ici (cf. post précédent notamment)

Blueprint et CMS-MS ? - stephan53 - 29/09/2010

Re...

Ici, ça marche.

Ce qu'il faut faire :

1. Installer le repertoire "Yaml" dans le site CMSMS (à coté des autres répertoires courants tels que "admin", "doc", "images",...
2. Installer les 2 fichiers function.cms_selflink.php et function.sectiontitle.php dans le répertoire "plugins"
- Rq : au sujet de function.cms_selflink.php : lire plus bas*
3. Installer les 2 fichiers yaml_submenu.tpl et yaml_topmenu.tpl dans /modules/MenuManager/templates
4. Créer dans l'administration du site un Gabarit nouveau, du nom qu'on veut.
5. Copier-coller le contenu du fichier yaml_template.txt et le coller dans ce nouveau gabarit.
6. Cliquer sur le bouton "appliquer ce template (le nouveau) à toutes les pages.

Et normalement c'est ok. (en tous cas ça marche ici)

PS à Isa46 : je pense qu'il te manque le 5 et 6...

* Ps : attention le fichier function.cms_selflink.php existe déjà. Par ma part je n'ai pas trop osé réécrire dessus donc en fait je n'ai pas installé ce fichier. Si vous avez des éclaircissement là-dessus je suis preneur : réinstaller ou pas function.cms_selflink.php ?

Blueprint et CMS-MS ? - isa46 - 29/09/2010

Re,

Non il ne me manque pas le 5 et le 6
le fichier texte est effectivement un exemple de gabarit pour cmsms pour un template à trois colonnes
cela fonctionne aussi chez moi
le gabarit va chercher les feuilles de style dans le rep de yaml et les gabarits de menu dans module/menumanager.

C'est OK maintenant comment fait on pour faire fonctionner le framework, ce n'est pas possible par l'admin, on ne peut pas s'en servir en local on va quand même pas aller voir le résultat à chaque fois sur le site officiel

Si c'est un plugin il doit bien y avoir une balise ou quelquechose dans le genre...

A+

Blueprint et CMS-MS ? - stephan53 - 29/09/2010

Moi ce qui me perturbe c'est qu'on ne voit pas les feuilles de styles dans le listing de "Dispositions//Feuilles de style".

En effet, curieux.... Comment mettre la main à la pâte du coup...

Blueprint et CMS-MS ? - isa46 - 29/09/2010

Re,

Pour les feuilles de style dans le gabarit (3 colonnes) il va direstement dans le repertoire (layout ) du dossier (yaml)
Tu peux aussi créer une nouvelle feuille de style dans laquelle tu copie le code de celle qui est dans layout et tu la joins au gabarit, cela te permet de travailler en direct avec
faudra bien sûr enlever le lien vers la feuille de style et remettre la définition d'appel normale

Pour ce qui est de voir en local, s'agit donc de télécharger la version originale du frame work
sur le site , elle a un dossier exemple
/yaml/examples/index.html
donc de là on peut travailler dans un éditeur

Je pense que le gabarit fournit dans le fichier texte n'est là que montrer comment intégrer un nouveau gabarit avec (Yaml) dans cmsms

Si quelqu'un a d'autres lumières au sujet..............

A+

Blueprint et CMS-MS ? - stephan53 - 29/09/2010

En fait, on part de la page http://www.yaml.de/fileadmin/examples/index.html , on choisit sa version - ou celle qui se rapproche le plus de ce qu'on veut. On copie le code HTML qu'on colle dans une page, puis on édite cette page pour y ajouter les smarties spécifiques à CMSMS, aux bons emplacements ?

C'est ça la méthode ? (En ajoutant l'édition de feuilles de style spécifiques au menus, version à imprimer, etc...)

Blueprint et CMS-MS ? - stephan53 - 29/09/2010

Bizarre d'ailleurs qu'on ne puisse manipuler plus facilement les thèmes en ajoutant manuellement ces thèmes dans admin/Themes/...

Comme ils ont fait pour leur fameux (ni très beau ni très "utilisable") NCleanGrey :o ...

Blueprint et CMS-MS ? - stephan53 - 29/09/2010

isa46 a écrit :Re,

Tu peux aussi créer une nouvelle feuille de style dans laquelle tu copie le code de celle qui est dans layout et tu la joins au gabarit, cela te permet de travailler en direct avec
faudra bien sûr enlever le lien vers la feuille de style et remettre la définition d'appel normale

A+

Une petite question/besoin d'aide à ce sujet.

J'ai créé une nouvelle feuille de style, que j'ai associée à mon template "Yaml_test". Apellons-la "Yaml_style_01"

Maintenant j'en suis à éditer les définitions des feuilles de style dans "Yaml_test".
Je lis ça :
<link href="yaml/3col_vlines.css" rel="stylesheet" type="text/css"/>

Que dois-je faire concrètement ? Car je ne parviens pas à retrouver sur mon serveur la nouvelle feuille de style récemment créée (pour remplacer le chemin "yaml/3col_vlines.css" par celui de cette feuille de style)

-----------------------------------------------------

Réponse :

Ecrire à la place de la ligne de définition du css au dessus : {stylesheet}, tout simplement...

Blueprint et CMS-MS ? - isa46 - 30/09/2010

Re,

Simple il faut que tu sélectionnes ton gabarit de template ensuite
à côté du bouton appliquer en haut du gabarit tu as un (lien bouton) css de couleur bleu en le cliquant tu arrives sur une nouvelle page ou tu peux via un champ (selec) en bas ajouter la page css que tu as créé à ce gabarit
ensuite dans ton gabarit de template tu remplaces la déclaration
<link href="yaml/3col_vlines.css" rel="stylesheet" type="text/css"/>
par {stylesheet}
{* This is how all the stylesheets attached to this template are linked to *}

PS: je crois qu'il va falloir que tu te penches un peu plus sur la doc de cmsms au demeurant très bien faite

A+

Blueprint et CMS-MS ? - stephan53 - 30/09/2010

Non mais c'est bon tout ça.

Je n'avais plus de question sur ce sujet... Wink

Blueprint et CMS-MS ? - bess - 30/09/2010

on peut clôturer ?

si l'envie vous prend de vouloir faire un beau résumé ca sera publié avec GRAND plaisir

*bess qui fait un appel du pied très discret*

Blueprint et CMS-MS ? - stephan53 - 30/09/2010

Je suis ok, mais pas sûr que ce soit résolu (en ce qui me concerne en tous cas :o ) pour ce qui est de bien intégrer Yaml dans CMSMS...

Blueprint et CMS-MS ? - airelibre - 06/01/2011

Bonjour à tous,

Merci pour ce sujet intéressant Wink

Je viens de me plonger corps et âme (oui bon, disons clavier et souris) dans Yaml et son utilisation avec CMSMS. Petit résumé de la manière dont j'ai procédé, je sais pas si c'est la meilleure, mais elle semble bien fonctionner.

Tout d'abord, je conseille fortement la lecture intégrale de la documentation Yaml. Certes un peu longue (140 pages), elle détaille tous les points du framework. C'est l'un des gros avantages de Yaml par rapport à d'autres Frameworks CSS.
Ensuite, la version de Yaml proposée dans le package à intégrer dans CMSMS (ici : http://themes.cmsmadesimple.org/index.php?mact=Uploads,cntnt01,default,0&cntnt01category=frameworks&cntnt01sortorder=date_desc&cntnt01mode=single&cntnt01count=10&cntnt01template=summary&cntnt01detailtemplate=themes-detail-admin&cntnt01upload_id=146&cntnt01returnid=63) est assez ancienne. Mieux vaut donc partir du package actuel.

Tuto rapide :
- Télécharger le package de Yaml : http://www.yaml.de/fileadmin/download/release_33/yaml_33_101012.zip
- Télécharger et lire la doc (anglais ou allemand). Version anglaise : http://www.yaml.de/fileadmin/download/release_33/ydoc_33_en_101012.zip (selon moi, c'est important car elle répond à toutes les questions qu'on peut se poser)
- Décompresser le package de Yaml et copier le dossier "yaml" dans le "uploads/" de CMSMS - le dossier est au choix, mais j'aime bien mettre ce genre de fichiers dans uploads Wink

- Dans CMSMS > Disposition > Gabarits : on crée un nouveau gabarit dans lequel on copie-colle le contenu de "uploads/yaml/markup_draft.html"
- Remplacer les éléments dynamiques du gabarit par les balises CMSMS, par exemple "{content}", "{title}", "{menu}", etc.. ne pas oublier de remettre "{cms_stylesheet}" dans <head>
- Disposition > Feuilles de styles : créer une nouvelle feuille qui sera la feuille centrale - pour l'exemple, on va l'appeler "styles_main"
- Dans cette nouvelle feuille, on commence par ajouter le "core" de Yaml qui se trouve dans notre dossier "uploads" (ou le dossier que vous avez choisi). Ca donne :

Code :
/* import core styles | Basis-Stylesheets einbinden */

@import url([[root_url]]/uploads/yaml/core/slim_base.css);

> Je conseille d'utiliser la "slim", car elle bien plus légère. De toutes façons, c'est un fichier qui ne sera jamais modifié - nos styles personnalisés iront ailleurs

- A la suite, toujours dans la feuille "styles_main", copiez-collez y le contenu de la feuille "uploads/yaml/screen/basemod_draft.css". Il s'agit de la feuille de style de base pour l'organisation des cadres (tailles des colonnes, propriétés du header, footer, etc..)
- Modifiez les styles des colonnes, header, footer, et tout ce dont vous avez besoin. C'est aussi ici que vous déterminez si le site à largeur flottante ou fixe par les min-width et max-width de "#page_margins"
- Vous pouvez bien sûr aller piocher dans les exemples fournis avec le package Yaml pour copier/coller les styles qui correspondent à votre design

A ce stade, vous avez normalement un site fonctionnel avec la feuille de base Yaml ainsi que le gabarit des cadres. Pour ajouter les styles de navigation et de contenus :
- CMSMS > Disposition > Feuilles de styles. Créez deux nouvelles feuilles "styles_nav" et "styles_contenu" et copiez-collez-y les contenus de "uploads/yaml/navigation/nav_shinybuttons.css" et "uploads/yaml/screen/content_defaults.css". L'utilisation de ces feuilles de styles est bien sûr optionnel et vous pouvez créer vous-même ces styles. C'est cependant un bon point de départ. Pour la navigation, rien ne vous empêche d'utiliser plutôt les feuilles "nav_slidingdoor.css" ou "nav_vlist".

Vous pouvez également utiliser les styles pour les formulaires depuis "uploads/yaml/screen/forms.css". Je ne l'ai pas fait car il n'est pas toujours facile de modifier la classe ou l'ID d'un formulaire général par CMSMS qui a sa propre nomenclature. Mais c'est possible avec quelques modifs.

Reste un point : Internet Explorer et les hacks. Pour ajouter la feuille "iehacks.css", voici ce qu'il faut faire :
- Contenu > Feuilles de styles : créer une nouvelle feuille qu'on nommera "iehacks". Y inclure le contenu de "uploads/yaml/patches/patch_layout_draft.css" et modifier la ligne d'import de la feuille "iehacks.css" par :

Code :
@import url([[root_url]]/uploads/yaml/core/iehacks.css);

- En dessous, libre à vous de mettre vos corrections pour IE
- Attention : ne PAS lier cette feuille avec votre gabarit ! Son inclusion sera faite "manuellement" juste après
- Dans le gabarit principal du site, section "<head>", après "{cms_stylesheet}" ajouter :

Code :
{* IE *}

<!--[if lte IE 7]>

{cms_stylesheet name="iehacks"}

<![endif]-->

- Ce code avec commentaire spécial pour Internet Explorer permet d'inclure la feuille "iehacks" même si elle n'est pas liée au gabarit via le CMS

Voilà, vous avez tout. C'était un tour rapide mais qui j'espère pourrra vous aider. Nul besoin de modifier les fichiers de CMSMS comme demandé dans le package des thèmes CMSMS en ligne.

Bon développement Wink

Blueprint et CMS-MS ? - bess - 06/01/2011

Pour toi quel est l'intérêt d'intégrer YAML dans cmsms ?

(merci pour le tuto, ca aurait été parfait dans le forum "astuce")

Blueprint et CMS-MS ? - airelibre - 06/01/2011

Hello Bess,

Tu peux le déplacer dans astuce ou je copie/colle ?

Mon intérêt est avant tout la compatibilité multi-navigateurs (surtout IE bien sûr) sans trop se prendre la tête. Deuxième intérêt : au lieu de réécrire toujours le même code au départ (un header avec logo, puis une navigation, puis 1, 2 ou 3 colonnes en fonction du site, etc..), avec Yaml tout est déjà prêt, tout en restant très flexible
Enfin dernier intérêt : garder une uniformité dans la construction du code html et css de l'ensemble de mes sites. Des fois quand tu remet le nez dans du CSS d'il y a 3 ans, tu sais plus ce que sont la plupart des classes que tu as créées Smile

Je te dirai bien que je te ferai un tuto pour le blog, mais je suis assez pris en ce moment (comme en témoigne mon absence sur basecamp). Ca serait cependant intéressant.

Blueprint et CMS-MS ? - kraygoon - 07/01/2011

Pas mal ce YAML, mais perso je reste sur Blueprint. Avec ce framework, compatible multinavigateur, le seul document à connaitre c'est celui-ci :

http://dl.dropbox.com/u/11814293/CMS%20Made%20Simple/Blueprint%20Cheatsheet%200.9.1.pdf

Alors, certes, Blueprint est un peu moins flexible car il part du principe de réaliser des sites à largeur fixe (et la même largeur pour tous les sites) mais c'est le design majeur (et celui que je préfère). Blueprint me permet de créer des colonnes à une vitesse fulgurante et applique des styles par défaut pour tous les éléments. Styles que l'on peut facilement modifier dans une feuille "à part" (j'insiste sur le fait de ne pas modifier directement un framework).

Blueprint et CMS-MS ? - airelibre - 07/01/2011

Oui en effet j'avais regardé aussi du côté de Blueprint qui est plus rapide à mettre en oeuvre. Je testerai sans doute sur un futur site à titre de comparaison. Bluetrip, sur la même base, semble aller un peu plus loin en gardant les mêmes bases. Ce qui me gênait dans Blueprint est qu'on ne peut pas réaliser de design flexible, ce qui m'arrive de temps en temps.

Blueprint et CMS-MS ? - bess - 07/01/2011

Copie colle, le forum possède pas ce genre d'option "diviser le sujet" :]

Blueprint et CMS-MS ? - jeebeezebee - 12/03/2012

airelibre a écrit :Bonjour à tous,

Merci pour ce sujet intéressant Je viens de me plonger corps et âme (oui bon, disons clavier et souris) dans Yaml et son utilisation avec CMSMS. Petit résumé de la manière dont j'ai procédé, je sais pas si c'est la meilleure, mais elle semble bien fonctionner.

Bonjour,

Est-ce que cette méthode fonctionne aussi avec la version 4 de Yaml ?
Je cherche à faire un css qui fonctionne sur tout type d'écran (du smartphone à un grand écran de bureau).
Smile

Blueprint et CMS-MS ? - airelibre - 12/03/2012

Bonjour,

Yaml 4 s'intègre aussi facilement que le 3, car la logique reste strictement la même. En tous cas je l'ai intégré dans mon site de base, et c'est nickel.

Après, il faut bien sûr modifier toutes les classes CSS car la logique générale a changé. En l'occurence, toutes les classes sont désormais préfixées par "ym-" et suivent une logique beaucoup plus stricte.

Je réfléchissais justement à la création d'un module Yaml pour CMSMS pour essayer de faciliter l'intégration, mais je ne sais pas si c'est pertinent... ou alors juste pour fournir le package du framework, à réfléchir.. donnez vos avis Wink

En tous cas, après 2-3 sites avec Yaml4, c'est que du bonheur ! Encore meilleur que la version 3 !

Blueprint et CMS-MS ? - jeebeezebee - 12/03/2012

De mon côté je serais très intéressé par un module pour en faciliter l'intégration.
En tout cas je vais étudier la méthode #airlibre et essayer de la transposer à la version 4 ...