Cool Forum: Nouveau système de templates?

Cool Forum

Cool Forum » Générale » Discussions Générales » Nouveau système de templates?

Connexions

1 connecté(s) sur le forum actuellement: 0 membre(s) | 1 invité(s)

Page : << < 1 | 2 | 3 > >>

<<Sujet précédent Sujet suivant>>

Auteur

Message

Cool Coyote

Pilier

Administrateur

Enregistré le 26/09/2001
Messages: 2629
Non connecté

Sujet : Nouveau système de templates?
Ajouté le : 12/11/2004 21:27

Message :

Suite aux discussions avec Luce et BruNo dans un précedent topic et par mail, j'ai réfléchis à un système qui permettrait de simplifier le skinning du forum. J'ai des premières propositions à vous soumettre et je compte sur vous pour en débattre, apporter des idées ou autre. Attention, il n'est pas du tout prévu de mettre ça en place pour la 0.8, le but est de définir ce système comme il faut dans ce topic et ensuite le développer pour une intégration dans la version 0.9.

L'idée serait en fait d'intégrer les blocs de templates aux endroits où ils sont censé être à l'intérieur des autres blocs afin d'éviter qu'ils se placent les uns en dessous des autres comme c'est le cas actuellement ce qui ne simplifie pas la compréhesion.

par exemple, voici une partie du template de l'actuel fichier tpl_entete.html (0.8):
www.coolforum.net/tpl_entete_old.TXT

elle serait remplacée par un template de ce style:
www.coolforum.net/tpl_entete_new.TXT

Le fonctionnement serait simplifié:
Les blocs représentant des données dynamiques, ormis le bloc parent, tous les blocs à l'intérieur seraient automatiquement remplacés par une variable du même nom. Par exemple:

</head>

<body bgcolor={%::_SKIN[bg1]%}>

<!--*** TPL NAME = logo ***-->
<center>
<table border=0 width=100% cellpadding=0 cellspacing=0>
  <tr height="89">
    <td width="30" nowrap><img src="{%::_SKIN[repimg]%}/bghautgauche.gif"></td>
    <td width="273" background="{%::_SKIN[repimg]%}/bghaut.jpg"><a href="index.php"><img src="{%::_SKIN[repimg]%}/logo.jpg" border=0></a></td>
    <td background="{%::_SKIN[repimg]%}/bghaut.jpg">
      <!--*** TPL NAME = ajouthtml ***-->
      <div align="right"><a href="redirect.php?id={%::idads%}" target="_blank"><img src="{%::adsban%}" border=0></a></div>
      <!--*** TPL ALT = ajouthtml ***-->
      {%::entetehtml%}
      <!--*** TPL END = ajouthtml ***-->
    </td>
    <td width="30" nowrap><img src="{%::_SKIN[repimg]%}/bghautdroit.gif"></td>
  </tr>
</table>
<!--*** TPL END = logo ***-->
<!--*** TPL NAME = navbar ***-->

<table border=0 width=100% cellpadding=0 cellspacing=0>
  <tr>

deviendrait:

</head>

<body bgcolor={%::_SKIN[bg1]%}>

{%box[logo]%}

<table border=0 width=100% cellpadding=0 cellspacing=0>
  <tr>

à coté de ça le contenu du bloc logo est sauvegardé et subit le même traitement que le bloc d'origine, c'est à dire qu'on check son contenu afin de savoir s'il contient lui-même des blocs (ici c'est le cas) et on remplace ces blocs par des variables.

Dans le bloc ajouthtml on peut voir une écriture légèrement différente, il s'agirait des alternatives: par exemple ici le bloc contient deux parties qui constitueraient les deux alternatives. En l'occurence il s'agit ici de savoir si l'on affiche soit le code HTML de haut de page, soit le code du gestionnaire de pub.

Merci de respecter les règles d'ajout de messages !!

Avant de poser une question:

[Documentation] - [FAQ] - [Recherche]

Cool Coyote - Webmaster (me contacter)

Recharger l'url avec lien direct vers ce message

Editez ce post (réservé aux modérateurs)

Avertissez l'administrateur si le post est non conventionnel

Cool Coyote

Pilier

Administrateur

Enregistré le 26/09/2001
Messages: 2629
Non connecté

Ajouté le : 12/11/2004 21:27

Message :

Egalement on peut voir le bloc groupscolor. A la base il s'agit de définir les couleurs de chaque groupe (vu que dans la 0.8 ce sera dynamique). Ici aussi ça se simplifie, en effet ce bloc va être remplacée par une variable équivalente et on va pouvoir remplacer cette variable par une répétition du bloc correspondant afin de parcourir tous les groupes.

Cette façon de faire permet de supprimer la majeure partie des autres blocs indépendants et je pense permettrait de faciliter nettement le skinning.

A vous de jouer: commentaires, idées, suggestions. Restez constructif bien sûr, on est là pour débattre...

Merci de respecter les règles d'ajout de messages !!

Avant de poser une question:

[Documentation] - [FAQ] - [Recherche]

Cool Coyote - Webmaster (me contacter)

versgui Pilier Enregistré le 12/06/2003 Messages: 643 Non connecté	Ajouté le : 13/11/2004 00:17 Message : Hum l'idée n'est pas mauvaise Mais dans ce cas, il faudrait donner des noms explicites aux blocs, pour savoir à quoi sert telle ou telle variable...

Cool Coyote

Pilier

Administrateur

Enregistré le 26/09/2001
Messages: 2629
Non connecté

Ajouté le : 13/11/2004 00:41

Message :

Oui mais ça c'est pas toujours trés évident, pour certains cas c'est assez facile, pour d'autres moins... Enfin c'est sûr qu'on peut essayer de faire un effort là-dessus.

Et puis je rappelle que depuis le début du système il est possible de rajouter des commentaires qui ne sont pas évalués en les plaçants entre /* et */

Merci de respecter les règles d'ajout de messages !!

Avant de poser une question:

[Documentation] - [FAQ] - [Recherche]

Cool Coyote - Webmaster (me contacter)

Jean-Glode Pilier www.suidzer0.org : projet décédé Enregistré le 28/04/2002 Messages: 2352 Non connecté	Ajouté le : 13/11/2004 08:16 Message : une doc avec ttes les variables dedans et leur utilisation serait un plus -- Coolforum the best forum written in PHP and MySQL --

BruNo

Pilier

L'isolement est le pire des conseillers.

Enregistré le 10/11/2004
Messages: 582
Non connecté

Ajouté le : 13/11/2004 09:34

Message :

la cela commence a devenir interressant
Par contre peux tu supprimé tout ces truc ( )car par expérience cela deforme des design plus complexe
ceci {%box[logo]%} c'est nikel, mais il faut qu'il appelle une seule page (sa vous le savait)
mais que sur cette page il n'y ai que le logo et le membar la ou il y a identifier etc etc.
ceci {%::_SKIN[repimg]%} faut garder car j'aime cette fonction d'appeler une image.
et comme je disait par mail il faut enlever le style des templates et tout rassembler sur une feuille de style un css.

et pour la partie admin dans le gestion des membres ce qui serait bien c'est qu'il y ai une fonction ou l'on puisse créer des groupes

voila pour le moment

Quand tu as quelque chose en tête fait le tout de suite parce que sinon après tu l' as dans le cul!!!

site officiel de skin pour CoolForum

Cool Coyote

Pilier

Administrateur

Enregistré le 26/09/2001
Messages: 2629
Non connecté

Ajouté le : 13/11/2004 12:41

Message :

Pour la doc sur les variables, c'est pas vraiment un problème on pourra la faire en temps voulu, d'autant plus que celle qui est importante pour skinner c'est le tableau $_SKIN[], le reste ça ne sert pas pour faire des skins.

Pour les   ça aprés c'est une question de mise en forme HTML, quand tu skinneras si tu veux ne pas les mettre tu ne les mets pas, moi j'ai pris cette habitude à cause de Netscape à l'époque qui n'affichait pas les cellules qui ne contenaient pas au moins un caractère, donc quand c'était vide, je mettais un espace, d'ailleurs c'est toujours comme ça sur Mozilla aujourd'hui il me semble, donc c'est pour une question de compatibilité.

[quote1]ceci {%box[logo]%} c'est nikel, mais il faut qu'il appelle une seule page (sa vous le savait)[/quote1]
Je comprends pas trop ce que tu veux dire là, {%box[logo]%} n'appelle pas une page, il appelle le code qu'il a remplacé. En fait il ne l'appelle pas automatiquement, il faut que dans le code PHP on le lui ait demandé ce qui est logique vu que s'il le faisait automatiquement ça ne pourrait plus afficher les données dynamiques

[quote2]et comme je disait par mail il faut enlever le style des templates et tout rassembler sur une feuille de style un css[/quote2]
Alors ça c'est ce que je voulais faire au début mais ça me semble difficile étant donné que la feuille de style est dynamique et qu'elle change en fonction des couleurs définies dans l'admin. Etant donné qu'en HTML on charge la feuille de style à l'affichage de la page, donc aprés l'évaluation des variables dans le template, ben ça marche pas, on va forcément charger un CSS non évalué et ça foire. Une autre solution serait peut-être de ne pas avoir de fichier .css physique dans le template mais de l'avoir dans la base de donnée, et l'insérer par l'intermédiaire d'une variable à l'endroit où il se trouve actuellement aprés évaluation... Ca permettrait en effet de pouvoir l'éditer dans l'amdinistration comme tu me l'as demandé par mail. C'est à tester...

[quote3]et pour la partie admin dans le gestion des membres ce qui serait bien c'est qu'il y ai une fonction ou l'on puisse créer des groupes[/quote3]
C'est un peu hors sujet ça, mais c'est développé saut la 0.8

Merci de respecter les règles d'ajout de messages !!

Avant de poser une question:

[Documentation] - [FAQ] - [Recherche]

Cool Coyote - Webmaster (me contacter)

BruNo

Pilier

L'isolement est le pire des conseillers.

Enregistré le 10/11/2004
Messages: 582
Non connecté

Ajouté le : 13/11/2004 14:02

Message :

[quote1]Pour les   ça aprés c'est une question de mise en forme HTML, quand tu skinneras si tu veux ne pas les mettre tu ne les mets pas, moi j'ai pris cette habitude à cause de Netscape à l'époque qui n'affichait pas les cellules qui ne contenaient pas au moins un caractère, donc quand c'était vide, je mettais un espace, d'ailleurs c'est toujours comme ça sur Mozilla aujourd'hui il me semble, donc c'est pour une question de compatibilité.[/quote1]
Non maintenant que j'y pense je crois qu'il faut les laiser sur certain skin que l'on créera les plus compliqué car ce n'est pas mozilla qui deconne mais c'est ie et c'est vrai que j'ai eu beaucoup de pb avec ie quand je faisait un skin.

[quote2]Alors ça c'est ce que je voulais faire au début mais ça me semble difficile étant donné que la feuille de style est dynamique et qu'elle change en fonction des couleurs définies dans l'admin. Etant donné qu'en HTML on charge la feuille de style à l'affichage de la page, donc aprés l'évaluation des variables dans le template, ben ça marche pas, on va forcément charger un CSS non évalué et ça foire. Une autre solution serait peut-être de ne pas avoir de fichier .css physique dans le template mais de l'avoir dans la base de donnée, et l'insérer par l'intermédiaire d'une variable à l'endroit où il se trouve actuellement aprés évaluation... Ca permettrait en effet de pouvoir l'éditer dans l'amdinistration comme tu me l'as demandé par mail. C'est à tester...[/quote2]
je ne voudrais pas devenir rabajoie mais ipb utilise une feuille.css changeable via l'admin, Mais si tu as une idée c'est genial.
Pour les template il n'y a pas besoin de les renomer car deja leur nom sont trés explicite

Quand tu as quelque chose en tête fait le tout de suite parce que sinon après tu l' as dans le cul!!!

site officiel de skin pour CoolForum

Cool Coyote

Pilier

Administrateur

Enregistré le 26/09/2001
Messages: 2629
Non connecté

Ajouté le : 13/11/2004 14:18

Message :

Ouais je viens de vérifier sur une 1.3.1 et c'est aussi comme ça qu'ils font, ils ont un CSS dans la DB et non pas un fichier physique.
Par contre si tu veux changer une couleur t'es obligé de te taper la modif du CSS et ça c'est un truc qu'on pourrait avoir et qui pourrait simplifier encore plus les choses: garder en fait le système qu'on a pour modifier les couleurs de base comme ça pour les modifs simples y'aurait pas besoin de toucher au CSS et donner donc également la possiblité d'éditer le CSS afin de rajouter ou modifier d'autres trucs, genre les liens soulignés etc...
Y'a qu'un truc qui m'embête un peu c'est la gestion dynamique des groupes, mais ça à la limite c'est de la progra donc je pourrai toujours trouver un système de mise à jour automatique des CSS

Merci de respecter les règles d'ajout de messages !!

Avant de poser une question:

[Documentation] - [FAQ] - [Recherche]

Cool Coyote - Webmaster (me contacter)

BruNo

Pilier

L'isolement est le pire des conseillers.

Enregistré le 10/11/2004
Messages: 582
Non connecté

Ajouté le : 13/11/2004 14:43

Message :

[quote1]Par contre si tu veux changer une couleur t'es obligé de te taper la modif du CSS[/quote1]
Moi je n'ai jamais touché a la feuille de css sur ipb car tout ce fait sur l'admin
je peux te proposer si tu veux d'aller dans l'admin d'un ipb 1.3.1 et tu verra

*** Message édité par BruNo le 13/11/2004 13:43 ***

Quand tu as quelque chose en tête fait le tout de suite parce que sinon après tu l' as dans le cul!!!

site officiel de skin pour CoolForum

Cool Coyote

Pilier

Administrateur

Enregistré le 26/09/2001
Messages: 2629
Non connecté

Ajouté le : 13/11/2004 15:31

Message :

Non, je crois que tu n'as pas compris ce que je veux te dire....
La feuille de style d'ipb tu peux toujours la chercher, elle n'existe pas physiquement. Une feuille de style externe ça va être un fichier .css qui se trouve avec le skin.
Par contre elle existe dans la base de donnée et ensuite elle est intégrée au fichier en-tête. C'est exactement ce dont je te parle plus haut.

Par contre si tu as envie de changer une couleur, tu es obligé, à partir de l'admin, de changer directement dans le CSS, t'as pas de truc qui te dit : "mettre telle couleur pour l'écriture " comme c'est le cas pour CF. Moi ce que je proposais c'est d'avoir les deux:
- D'une part le formulaire qui existe déjà et qui permet sans rien toucher de modifier les couleurs, dossiers etc..
- D'autre part un accès au CSS qui permet, si tu en as envie et les connaissances de pousser encore plus loin la personnalisation

Merci de respecter les règles d'ajout de messages !!

Avant de poser une question:

[Documentation] - [FAQ] - [Recherche]

Cool Coyote - Webmaster (me contacter)

luce

Pilier

installation de coolforum, je connais bien !

Enregistré le 10/04/2003
Messages: 2052
Non connecté

Ajouté le : 13/11/2004 16:19

Message :

Bonne idée coyote, et tu reprends le principe de runcms, mais au lieu d'etre en php, tu le fais en html.

Il faudrait mettre tout ce qui est css sur une page a part (si ca ne te derange pas) histoire que ce soit plus clair (ne pas melanger le template entete avec le skin, mais bon, chacun pourra le faire soit meme)

Sinon bruno, c'est mozilla qui bug et pas internet explorer, enfin, d'apres ma logique, si tu tapes un <td width=150></td>, c'est que je veux que ce soit pris en compte, internet explorer le prend en compte, mais pas mozilla, il exige un espace.
et d'ailleur, pour les skins complexe, on utilise une image transparente de 1px sur 1px, pour remplacer le  , mais bon, il faut pas en mettre 200, sinon, tu vas mettre plus de temps a charger la page.

Cool Coyote

Pilier

Administrateur

Enregistré le 26/09/2001
Messages: 2629
Non connecté

Ajouté le : 13/11/2004 16:29

Message :

Ben tout ce qui est CSS sera à part, dans l'admin, ça disparaîtra du template entete.html.
Enfin dedans t'auras juste un {%::_SKIN[css]%} par exemple qui sera remplacé par le CSS de la base de donnée.

Pour l'image transparente, moi en fait ça dépend de la taille dont j'ai besoin, j'utilise une image uniquement quand l'espace agrandi trop la cellule par rapport à ce que je cherche à faire, sinon je met un espace.. Aprés savoir lequel des deux ne respecte pas les règles à ce niveau, j'en sais rien et peu importe, le principal étant qu'il faut gérer une compatibilité

Merci de respecter les règles d'ajout de messages !!

Avant de poser une question:

[Documentation] - [FAQ] - [Recherche]

Cool Coyote - Webmaster (me contacter)

luce

Pilier

installation de coolforum, je connais bien !

Enregistré le 10/04/2003
Messages: 2052
Non connecté

Ajouté le : 13/11/2004 16:46

Message :

oui c'est ce qu'il faut pour les css.

sinon, je suis entrain de me faire un nouveau skin, un peu plus... metallique, et donc, j'ai verifié la taille de mes skins, sans les images, en code pur, j'ai sur le plus gros que j'ai, 12.56 kb pour la partie html-php, et 4.92 kb pour le css... loin des 220 ko que tu parlais de ipb.

et je pense, qu'en faissant l'idée que tu as lancé, ca devrait arriver au meme niveau

il faudrait voir, si tu as des lignes de codes qui se ressemble, fait des trucs de ce style :
{%CODE[opentable]%}
{%CODE[closetable]%}
pour eviter un truc du style :

<table width="100%" border="0" cellspacing="0" cellpadding="0">

enfin, mais c'est toujours pareil, les skinners (comme tu dis) auront la possibilité d'ajouter des fonctions facilement, enfin, de maniere plus claire !

Et pour ce qui voudrait faire un skin a partir d'un skin existant, il auront un fichier avec toutes les box, et donc, seront le boulot qu'ils auront à faire directement.

Cool Coyote

Pilier

Administrateur

Enregistré le 26/09/2001
Messages: 2629
Non connecté

Ajouté le : 13/11/2004 17:04

Message :

Non c'est absolument impossible d'arriver à une taille si petite.
A mon avis niveau de la taille ça sera kifkif, si ce n'est qu'on va peut-être essayer d'épurer un peu le code HTML actuel ce qui va alléger les fichiers mais quel que soit le système que l'on utilise on aura pas trop de choix, ça va prendre des ko.

En ce qui concerne les lignes de code qui se ressemblent, y'a des choses qui peuvent se faire en effet mais souvent c'est pas trop possible car ça limite les possibilités de personnalisation.
Par contre le code pourra nettement être allégé car en reprenant ton exemple, au lieu d'avoir:

<table width="100%" border="0" cellspacing="0" cellpadding="0">

à chaque fois, on pourra créer un CSS et le remplacer par

<table class="nom_classe">

ce qui, sur la longueur du code nous fera déjà gagner quelques Ko. Egalement je pense que le nombre de fichiers pourra un peu être réduit, mais pas énormément non plus. Je pense qu'il faudra compter un fichier template par fichier PHP à peu près. En même temps ça facilite les repérages pour savoir lequel est à modifier, un peu comme actuellement mais en plus clair

Merci de respecter les règles d'ajout de messages !!

Avant de poser une question:

[Documentation] - [FAQ] - [Recherche]

Cool Coyote - Webmaster (me contacter)

BruNo

Pilier

L'isolement est le pire des conseillers.

Enregistré le 10/11/2004
Messages: 582
Non connecté

Ajouté le : 13/11/2004 17:08

Message :

je suis desolé mais je suis tétu voila la feuille de style d'un ipb dans le dossier cache

la feuille de style ici

la feuille qui appelle le css

Mais comme je dit c'est toi qui voit donc si tu as une meilleur idée

*** Message édité par BruNo le 13/11/2004 16:08 ***

*** Message édité par BruNo le 13/11/2004 16:09 ***

Quand tu as quelque chose en tête fait le tout de suite parce que sinon après tu l' as dans le cul!!!

site officiel de skin pour CoolForum

Cool Coyote

Pilier

Administrateur

Enregistré le 26/09/2001
Messages: 2629
Non connecté

Ajouté le : 13/11/2004 17:22

Message :

Ah d'accord je vois ce que tu veux dire... la feuille de style du dossier cache est générée par l'admin du forum donc si t'as envie de toucher aux couleurs ben ça sert à rien de toucher à la feuille de style du dossier cache, faut aller dans l'admin.

D'accord je suis avec toi. Moi je parlais d'un autre truc: quand je dis que pour changer une couleur du forum tu es obligé de te taper la feuille de style, je veux dire celle de l'admin, tu es obligé de modifier du code CSS (et accessoirement le forum regénèrera le CSS du dossier cache). Donc en fait ce que je propose c'est juste de simplifier l'édition du code CSS en laissant les formulaires de changement de couleur, et en rajoutant le code du CSS qu'on pourrait également changer à volonté.

Je pense qu'on s'est comprit là

Merci de respecter les règles d'ajout de messages !!

Avant de poser une question:

[Documentation] - [FAQ] - [Recherche]

Cool Coyote - Webmaster (me contacter)

luce

Pilier

installation de coolforum, je connais bien !

Enregistré le 10/04/2003
Messages: 2052
Non connecté

Ajouté le : 13/11/2004 17:38

Message :

oups !

je viens de penser à un truc, il faudrait que dans l'admin (pour la 0.8 ca doit etre possible) au lieu de taper les couleurs, tu laisses le choix entre tape le code couleur, ou alors, uploader une texture.
donc, pour chaque champs, on a un selecteur "couleur" ou "image" et pour image, un systeme d'upload, ou alors, indiquer le chemin de l'image.

versgui

Pilier

Enregistré le 12/06/2003
Messages: 643
Non connecté

Ajouté le : 13/11/2004 17:48

Message :

ca demanderait de faire une vérification si le fichier uploadé existe quand on genere la page html.
Ca ne risque pas de faire un peu lourd d'integrer ca à chaque page ?
(ca demande d'utiliser la fonction is_file() qui me en cache le résultat renvoyé de la fonction).

A défaut si cette fonction n'est pas integrée, un petit tableau avec les couleurs hexadecimales (à la manière des logiciels de retouche photo) ne serait pas mal pour le débutant qui n'y connait rien en html non ?

BruNo Pilier L'isolement est le pire des conseillers. Enregistré le 10/11/2004 Messages: 582 Non connecté	Ajouté le : 13/11/2004 19:17 Message : en faites c'est moi qui m'expliquer mal Quand tu as quelque chose en tête fait le tout de suite parce que sinon après tu l' as dans le cul!!! site officiel de skin pour CoolForum

Page : << < 1 | 2 | 3 > >>

<<Sujet précédent Sujet suivant>>

[Contacter l'administrateur] | [Aller sur CoolForum.net]

[12 requêtes] - [Page générée en 0.0430 secondes]