Noob - test de CMSMS- pb Css et bootstrap

Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
#1
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: 1.11.2.1
#~ Url du site : cms-ms.dzi-neo.net/
#~ Hébergeur / Soft : ovh
#~ Informations Système :
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Bonjour,

je suis en train de débourer CMSMS.
Je travaille régulièrement avec ModX et je fais un peu de Joomla et de WordPress dans lesquels je fais en général mes templates. Je ne suis pas un codeur (à pein du php et qd même du js/jQuery)

J'ai monté un lab dans un sous domaine et installé la dernière archive.
J'essaye de comprendre les tenants et aboutissants des templates.

J'ai vu qu'on pouvait paramétrer des trucs dans les css et que cmsms semble les 'recompiler' dans une grande feuille unique.
J'aime pas trop mais allons jusqu'au bout.

(merci de me corriger si je dis des bêtises)

Mon objectif est de bâtir mon 1er template (à partir de la doc et un peu de reverse sur les tpl fournis) avec bootstrap (la base de dev twitter).

J'ai bien un tpl html statique qui est ok avec dedans bootstrap (css + js) ainsi que Modernizr que j'emploie toujours.

J'intègre le tout dans l'admin et ca marchotte MAIS je constate la perte d'une grosse partie des css.

J'ai l'impression que cmsms tronque .
(copie/colle de toutes ma css ds l'éditeur css admin. appliquer. pas de pb visible. Envoyer et re édition => l en manque la moitié !! (3322 lignes restantes sur 5800 et qq de bootstrap.css Sad )

Alors évidement bootstrap.css + bootstrap-responsive.css ca empile de la ligne... presque 7000. mais bon rien qui ne devrait poser de tels pb!

J'ai fais l'essai en laissant des références path des images de background ou en les paramétrant, c'est pareil.

(avec ca en début de css :
Code :
[== Indéfini ==]
[[* assign the images path to a variable *]]
[[capture assign='path']][[uploads_url]]/Bootstrap00/img[[/capture]]

et ca dans les définitions concernées:

Code :
[== Indéfini ==]
"[[$tpl_img_path]]/images.jpg")


Je suis bien embêté

Merci
Répondre
#1
Citation :#~~~~~ DEBUT BLOC A NE PAS SUPPRIMER ~~~~~
#~ Version du CMS: 1.11.2.1
#~ Url du site : cms-ms.dzi-neo.net/
#~ Hébergeur / Soft : ovh
#~ Informations Système :
#~~~~~ FIN BLOC A NE PAS SUPPRIMER ~~~~~



Bonjour,

je suis en train de débourer CMSMS.
Je travaille régulièrement avec ModX et je fais un peu de Joomla et de WordPress dans lesquels je fais en général mes templates. Je ne suis pas un codeur (à pein du php et qd même du js/jQuery)

J'ai monté un lab dans un sous domaine et installé la dernière archive.
J'essaye de comprendre les tenants et aboutissants des templates.

J'ai vu qu'on pouvait paramétrer des trucs dans les css et que cmsms semble les 'recompiler' dans une grande feuille unique.
J'aime pas trop mais allons jusqu'au bout.

(merci de me corriger si je dis des bêtises)

Mon objectif est de bâtir mon 1er template (à partir de la doc et un peu de reverse sur les tpl fournis) avec bootstrap (la base de dev twitter).

J'ai bien un tpl html statique qui est ok avec dedans bootstrap (css + js) ainsi que Modernizr que j'emploie toujours.

J'intègre le tout dans l'admin et ca marchotte MAIS je constate la perte d'une grosse partie des css.

J'ai l'impression que cmsms tronque .
(copie/colle de toutes ma css ds l'éditeur css admin. appliquer. pas de pb visible. Envoyer et re édition => l en manque la moitié !! (3322 lignes restantes sur 5800 et qq de bootstrap.css Sad )

Alors évidement bootstrap.css + bootstrap-responsive.css ca empile de la ligne... presque 7000. mais bon rien qui ne devrait poser de tels pb!

J'ai fais l'essai en laissant des références path des images de background ou en les paramétrant, c'est pareil.

(avec ca en début de css :
Code :
[== Indéfini ==]
[[* assign the images path to a variable *]]
[[capture assign='path']][[uploads_url]]/Bootstrap00/img[[/capture]]

et ca dans les définitions concernées:

Code :
[== Indéfini ==]
"[[$tpl_img_path]]/images.jpg")


Je suis bien embêté

Merci
Répondre
#2
huummm ... je me demande si tu essai pas d'importer un peu trop en base de donnée quand même tu sais ... 7000 lignes c'est pas rien non plus Sad

j'avoue ne jamais avoir essayé autant de donnée ...
Répondre
#2
huummm ... je me demande si tu essai pas d'importer un peu trop en base de donnée quand même tu sais ... 7000 lignes c'est pas rien non plus Sad

j'avoue ne jamais avoir essayé autant de donnée ...
Répondre
#3
J'ai déjà eu ce souci, ça vient de la base de donnée et du type du champs qui stockent la chaine CSS (bootstrap ici)

En base> table cms_css > champ css_text > type BLOB, TEXT (65 535 chars)

Je ne saurais dire si il est bon de le modifier !
Répondre
#3
J'ai déjà eu ce souci, ça vient de la base de donnée et du type du champs qui stockent la chaine CSS (bootstrap ici)

En base> table cms_css > champ css_text > type BLOB, TEXT (65 535 chars)

Je ne saurais dire si il est bon de le modifier !
Répondre
#4
Hmmm. Champ blob limité, c'est bien ce qui me semblait. Donc la solution consisterait à ne pas intégrer la feuille de style dans l'admin et à la mettre directement en dur dans le template ?

Et donc on ne ferait dans l'admin que des feuilles de style finales, perso, Mais pas celles des fondements mais pas celles des fondements comme bootstrap par exemple?

J'ai vu pourtant des gens qui parlent de Bootstrap et de CMS MS je suppose donc que ce problème est connu par beaucoup…et résolu.

Mouais c'est bien ce que je pensais trop d'intégration ds un cms n'est jamais très bon…
J'avais pourtant l'impression que CMS MS offrait des capacités importantes mais ce premier essai est assez déroutant.

Pourquoi les css seraient-elles intégrées en DB??. une simple référence vers des fichiers seraient qd même plus logique (ne seraient-ce que pour des raisons de maintenance).

il y a bien des .tpl qui existent dsn les dossiers. Je suis sur d'y avoir vu des .tpl en rapport avec les différent templates existants (mais aujourd'hui impossible de les retrouver)


Je vais m'attaquer aux menus maintenant qui sont aussi à voir de manière précise et je sens que je vais reposter très vite.

Merci
Répondre
#4
Hmmm. Champ blob limité, c'est bien ce qui me semblait. Donc la solution consisterait à ne pas intégrer la feuille de style dans l'admin et à la mettre directement en dur dans le template ?

Et donc on ne ferait dans l'admin que des feuilles de style finales, perso, Mais pas celles des fondements mais pas celles des fondements comme bootstrap par exemple?

J'ai vu pourtant des gens qui parlent de Bootstrap et de CMS MS je suppose donc que ce problème est connu par beaucoup…et résolu.

Mouais c'est bien ce que je pensais trop d'intégration ds un cms n'est jamais très bon…
J'avais pourtant l'impression que CMS MS offrait des capacités importantes mais ce premier essai est assez déroutant.

Pourquoi les css seraient-elles intégrées en DB??. une simple référence vers des fichiers seraient qd même plus logique (ne seraient-ce que pour des raisons de maintenance).

il y a bien des .tpl qui existent dsn les dossiers. Je suis sur d'y avoir vu des .tpl en rapport avec les différent templates existants (mais aujourd'hui impossible de les retrouver)


Je vais m'attaquer aux menus maintenant qui sont aussi à voir de manière précise et je sens que je vais reposter très vite.

Merci
Répondre
#5
rebonjour,

Que ce passe-t-il si on n'intègre pas une css ds la DB.
Je suppose que dans ce cas il n'est plus possible de lui mettre des variables comme
Code :
[== Indéfini ==]
[[capture assign='tpl_img_path']][[uploads_url]]/Bootstrap00/img[[/capture]]

?


Merci
Répondre
#5
rebonjour,

Que ce passe-t-il si on n'intègre pas une css ds la DB.
Je suppose que dans ce cas il n'est plus possible de lui mettre des variables comme
Code :
[== Indéfini ==]
[[capture assign='tpl_img_path']][[uploads_url]]/Bootstrap00/img[[/capture]]

?


Merci
Répondre
#6
c'est exactement cela.

Mais en mon sens, si tu utilise des lib externes telles que jquery.ui ou bootstrap, qui sont déjà optimisées à mort ce n'est pas indispensable de les incorporer dans cmsms directement. Je les laisserais en fichier plat.

Par conter pour l'url des images, est-ce des url présentent dans le bootstrap de base ? ou est-ce plutôt du CSS que tu vas coder ?? (et qui utilise bootstrap)

Si c'est toi qui code, là tu utilise le css de cmsmadesimple Smile
Répondre
#6
c'est exactement cela.

Mais en mon sens, si tu utilise des lib externes telles que jquery.ui ou bootstrap, qui sont déjà optimisées à mort ce n'est pas indispensable de les incorporer dans cmsms directement. Je les laisserais en fichier plat.

Par conter pour l'url des images, est-ce des url présentent dans le bootstrap de base ? ou est-ce plutôt du CSS que tu vas coder ?? (et qui utilise bootstrap)

Si c'est toi qui code, là tu utilise le css de cmsmadesimple Smile
Répondre
#7
J'ai ouvert un ticket pour proposer la création d'un message en cas de dépassement de taille Wink

http://dev.cmsmadesimple.org/bug/view/8624

je suis pas certain qu'il soit pris en compte, mais sait on jamais
Répondre
#7
J'ai ouvert un ticket pour proposer la création d'un message en cas de dépassement de taille Wink

http://dev.cmsmadesimple.org/bug/view/8624

je suis pas certain qu'il soit pris en compte, mais sait on jamais
Répondre
#8
salut,

J'ai l'habitude de bosser sur des fichiers externes. les éditeurs internes des cms ne sont pas adaptées.
A moins que ds MS il existe un addons pour avoir la coloration syntaxique ET LA NUMEROTATION des lignes, je vais probablement limiter le + possible l'usage de css internes.

Je cherche aussi à voir comment intégrer des styles pour le RTE (je passe sur TinyMCE).
Est-il possible d'avoir une css spécifique RTE (qui va se cumuler aux autres css) sans avoir à définr ses styles en double dans (RTE + général).
Répondre
#8
salut,

J'ai l'habitude de bosser sur des fichiers externes. les éditeurs internes des cms ne sont pas adaptées.
A moins que ds MS il existe un addons pour avoir la coloration syntaxique ET LA NUMEROTATION des lignes, je vais probablement limiter le + possible l'usage de css internes.

Je cherche aussi à voir comment intégrer des styles pour le RTE (je passe sur TinyMCE).
Est-il possible d'avoir une css spécifique RTE (qui va se cumuler aux autres css) sans avoir à définr ses styles en double dans (RTE + général).
Répondre
#9
RTE ?

pour la numérotation du code et la coloration il existe un plugin il me semble, j'ai oublié son nom mais d'autres ici l'utilisent beaucoup
Répondre
#9
RTE ?

pour la numérotation du code et la coloration il existe un plugin il me semble, j'ai oublié son nom mais d'autres ici l'utilisent beaucoup
Répondre
#10
sinon, pour éditer les fichiers, utiliser Template Externalizer (dans la forge), très pratique.
Ouik - communication | outils numériques | design graphique
Répondre
#10
sinon, pour éditer les fichiers, utiliser Template Externalizer (dans la forge), très pratique.
Ouik - communication | outils numériques | design graphique
Répondre
#11
bess a écrit :RTE ?


Rich Text Editor (les tiny, fck et autres...)
Répondre
#11
bess a écrit :RTE ?


Rich Text Editor (les tiny, fck et autres...)
Répondre
#12
je rejoins le conseil de Ouik : si t'es un codeur chevronné, que tu aimes ton éditeur favoris : passe sur Template Externalizer
Répondre
#12
je rejoins le conseil de Ouik : si t'es un codeur chevronné, que tu aimes ton éditeur favoris : passe sur Template Externalizer
Répondre
#13
Ouik a écrit :sinon, pour éditer les fichiers, utiliser Template Externalizer (dans la forge), très pratique.

Fait.

Merci.


Un peu bizarre comme approche. Mais ca fonctionne.
J'ai pas trop pigé le coup du "mode maintenance' actif/inactif.

Faut activer pour que ce soit fonctionnel ?


Merci
Répondre
#13
Ouik a écrit :sinon, pour éditer les fichiers, utiliser Template Externalizer (dans la forge), très pratique.

Fait.

Merci.


Un peu bizarre comme approche. Mais ca fonctionne.
J'ai pas trop pigé le coup du "mode maintenance' actif/inactif.

Faut activer pour que ce soit fonctionnel ?


Merci
Répondre
#14
Mode de développement tu veux dire ?
Ouik - communication | outils numériques | design graphique
Répondre
#14
Mode de développement tu veux dire ?
Ouik - communication | outils numériques | design graphique
Répondre
#15
Sinon tu splite a la main les css bootstrap en x feuilles de styles MadeSimple :

ex:
- scaffolding
- base
- Components.

Ou encore plus simplement en utilisant les sources Less et un plugin Less qui va bien pour cms ms (https://github.com/twitter/bootstrap/tree/master/less).
Répondre
#15
Sinon tu splite a la main les css bootstrap en x feuilles de styles MadeSimple :

ex:
- scaffolding
- base
- Components.

Ou encore plus simplement en utilisant les sources Less et un plugin Less qui va bien pour cms ms (https://github.com/twitter/bootstrap/tree/master/less).
Répondre
#16
Ouik a écrit :Mode de développement tu veux dire ?

oui



Citation :Sinon tu splite a la main les css bootstrap en x feuilles de styles MadeSimple :

ex:
- scaffolding
- base
- Components.

Ou encore plus simplement en utilisant les sources Less et un plugin Less qui va bien pour cms ms (github.com/twitter/bootstrap/tree/master/less).

Certes mais c'est pas super pratique (je trouve)
Quant à Less j'avoue ne pas avoir encore plongé Rolleyes
Répondre
#16
Ouik a écrit :Mode de développement tu veux dire ?

oui



Citation :Sinon tu splite a la main les css bootstrap en x feuilles de styles MadeSimple :

ex:
- scaffolding
- base
- Components.

Ou encore plus simplement en utilisant les sources Less et un plugin Less qui va bien pour cms ms (github.com/twitter/bootstrap/tree/master/less).

Certes mais c'est pas super pratique (je trouve)
Quant à Less j'avoue ne pas avoir encore plongé Rolleyes
Répondre
#17
Je préfère utiliser mon Jedit, mais, en interne, ya le plugin editarea qui fait la coloration syntaxique et la numérotation des lignes. Une fois installé, faut le configurer dans user préférences.
Après, charger u framework css en base, je pense que c'est pas une bonne soluton (à cause des lilmitatons justement, mais aussi des accès base, + perte de souplesse).
Répondre
#17
Je préfère utiliser mon Jedit, mais, en interne, ya le plugin editarea qui fait la coloration syntaxique et la numérotation des lignes. Une fois installé, faut le configurer dans user préférences.
Après, charger u framework css en base, je pense que c'est pas une bonne soluton (à cause des lilmitatons justement, mais aussi des accès base, + perte de souplesse).
Répondre
#18
Citation :mais aussi des accès base

il est important de rappeler que dans cmsms, si tout passe par la bdd, il n'y a quasi rien qui soit extrait de la bdd lors de l'affichage d'une page car tout est mis en cache. Et les dernières versions 1.10 et 1.11 ont encore amplifiés le phénomène.
Répondre
#18
Citation :mais aussi des accès base

il est important de rappeler que dans cmsms, si tout passe par la bdd, il n'y a quasi rien qui soit extrait de la bdd lors de l'affichage d'une page car tout est mis en cache. Et les dernières versions 1.10 et 1.11 ont encore amplifiés le phénomène.
Répondre
#19
didjeko a écrit :Je préfère utiliser mon Jedit, mais, en interne, ya le plugin editarea qui fait la coloration syntaxique et la numérotation des lignes. Une fois installé, faut le configurer dans user préférences.
Après, charger u framework css en base, je pense que c'est pas une bonne soluton (à cause des lilmitatons justement, mais aussi des accès base, + perte de souplesse).

Affaire de goûts.

Je commence à utiliser des frameworks css car je ne souhaite pas réinventer la roue avec le responsive notamment, et boostrap ou Gumby sont très aboutis.

J'ai toujours employé des resets évolués (longtemps Tripoli).

Jusqu'à présent les cms que j'utilisais ne stockaient pas les css dans les tpl forcément en DB. (ModX, Typo3, Joomla, WP).

Mais cmsms permet de mixer. Je viens d'avancer ds mon lab : les css bottstrap en file ds le tpl (pas de grosse personnalisation à ce niveau).

Le styles.css (ou layout.css) en DB pour gérer l'aspect. Ca permet par exemple d'avoir sur une base commune un passage simple en "vert" ou "bleu" juste en associant dans le backend la css au gabarit.
il me reste à voir la gestion des RTE (tiny mce a priori que je connais) pour avoir juste les styles qui le concerne ds le select "styles" en édition.

Globalement je préfère travailler en FTP directement sur mes fichiers. Ca permet des maintenance facilement, mais là encore, c'est affaire d'habitudes de travail.

Pour le moment je continue à creuser aussi les menus et les tests smarty que je découvre de 0.

Smile
Répondre
#19
didjeko a écrit :Je préfère utiliser mon Jedit, mais, en interne, ya le plugin editarea qui fait la coloration syntaxique et la numérotation des lignes. Une fois installé, faut le configurer dans user préférences.
Après, charger u framework css en base, je pense que c'est pas une bonne soluton (à cause des lilmitatons justement, mais aussi des accès base, + perte de souplesse).

Affaire de goûts.

Je commence à utiliser des frameworks css car je ne souhaite pas réinventer la roue avec le responsive notamment, et boostrap ou Gumby sont très aboutis.

J'ai toujours employé des resets évolués (longtemps Tripoli).

Jusqu'à présent les cms que j'utilisais ne stockaient pas les css dans les tpl forcément en DB. (ModX, Typo3, Joomla, WP).

Mais cmsms permet de mixer. Je viens d'avancer ds mon lab : les css bottstrap en file ds le tpl (pas de grosse personnalisation à ce niveau).

Le styles.css (ou layout.css) en DB pour gérer l'aspect. Ca permet par exemple d'avoir sur une base commune un passage simple en "vert" ou "bleu" juste en associant dans le backend la css au gabarit.
il me reste à voir la gestion des RTE (tiny mce a priori que je connais) pour avoir juste les styles qui le concerne ds le select "styles" en édition.

Globalement je préfère travailler en FTP directement sur mes fichiers. Ca permet des maintenance facilement, mais là encore, c'est affaire d'habitudes de travail.

Pour le moment je continue à creuser aussi les menus et les tests smarty que je découvre de 0.

Smile
Répondre


Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)