Skip to main content Help Control Panel

Login   A+   A-

Community «   Le forum «   Web design «  

De nouveaux templates en perspective...

Bonsoir à tous...
Je suis en train de convertir quelques templates j-o-o-m-l-a pour qu'il fonctionnent avec yacs. Il ne s'agit que d'une adaptation et amélioration et non pas d'une création (je suis pas désigneur et donc, je ne sais qu'adapter/améliorer, pas créer car pas d'idées. Demandez moi de venir refaire la déco de votre salon, vous allez voir le résultat ).

J'espère que cela pourra intéresser la communauté.

Actuellement, je travaille sur celui-ci : http:89.3.162.177/yacs/

Il s'agit du template nommé fv_camel.

Ps : Si ça rame, c'est normal car c'est sur mon réseau perso. Si c'est pas beau, c'est normal, je viens tout juste de commencer...

Au programme :
  • Menus rétractables ---> DHTML ;
  • Color chooser pour choisir la couleur du texte ;
  • Set Font-Size --> pour choisir la taille de la police ;
  • Drag and drop --> pour faire joujoue avec l'emplacement des menus (voir si superflue);
  • Hide/How sur le side_panel et extra_box quand vue séparée.


En réflexion :
  • Ajout d'une méthode pour surchager le panneau de control en ajoutant une section permettant de paramétrer le template, notamment :
  • Side_panel incluant ou non l'extra box ;
  • extra box à gauche ou à droite ;
  • Paramétrage du menu DHTML...


Vous noterez que les menus sont bien construits dynamiquement et non statiquement. Pour cela, j'ai du créer une class pour les spécificités de fabrication du menu DHTML. Cette class appartient bien entendu au template et utilise des méthodes déjà présentes.

Pour info, je compte faire une dizaines de templates.

@bernard, @agnes : Si vous désirez que j'adapte des templates spécifiques, vous pouvez les visionner et chosir ici :

http:templates.joomlafacile.com/index.php

@Bernard : Peut être, je dis bien peut être que je vais rajouter quelques méthodes dans la class Page pour que l'on ait encore plus de possibilitées. Il t'appartiendra d'accepter la chose ou non. Ou alors, voir pour une extention de cette class qu'on pourrait par exemple mettre dans le script skin.php situé dans l'arborescence du template qui en a besoin mais reste à savoir si y a déjà des extentions auquel cas, php4 serais pas content.

[Edit]
En fait, j'ai choisi de créer une class propre au template, cela évite de pourrir le code de YACS.
[/Edit]


Par ailleurs, pour le template sus-visé en référence, j'aimerais intégrer du drag and drop et autre.... J'ai vu que tu avais déjà intégré la librairie scriptaculous. As-tu intégré une méthode spéficique pour l'appeler, l'intégrer ? Sinon, puis-je Enfin, je voudrais rajouter un hide/show sur le side_panel voir même sur les extra_box si bloc séparé, j'en avais déjà parlé à Agnes lors d'une discussion privée. Quand pense-tu ?

Merci de me répondre

Nuxwin Team

Ps : Si ce projet de convertion de template vous intéresse, votez pour ce post

Comments

Bernard
avatar
from nearby-an-airport
Associate, 6581 posts

on Nov. 18 2007


L'idée de mettre en place une approche facile pour récupérer les designs Joomla est excellente, et je suis à 200% d'accord. Il faudrait voir si leur structure est standard, et comment la transformer pour la faire accepter par yacs.

Pas de problème non plus pour modifier skins/page.php, à condition d'y mettre seulement du code générique, qui puisse être partagé par tous les skins. Le reste devra être placé dans skin.php, donton peut d'ailleurs faire évoluer l'interace en cas de besoin.

Pour le tiré-déplacé avec scriptaculous, c'est effectivement déjà dans YACS, mais il n'y a pas encore de librairie correspondante côté serveur. Ceci se développera en fonction des besoins...

On pourrait peut-être prévoir un clavardage sur le sujet, afin de mieux se coordonner et de donner corps au projet ?
ThierryP
avatar
from Nice, Drap
Associate, 1136 posts

on Nov. 18 2007


Très bonne idée !

Car de nouveaux templates ouvre la possibilité de créer encore plus de styles différents ! (template = mise en page, skin = colorisation et graphisme)

Je vais suivre ça de près en tout cas !


SEO et webmastering VDP-Digital - Skins pour Yacs : Yordpress
Canardo69
avatar
from Lyon Croix-Rousse
52 posts

on Nov. 18 2007


J'ai pas de connaissances particulières à apporter mais je souscrit totalement au projet.

Davantage de styles= davantage d'utilisateurs à mon avis
Nuxwin
avatar
from Caen, devant mon bureau
190 posts

on Nov. 19 2007


Bernard :

Oui, une séance de clavardage sur le sujet ne serait pas inutile. Cela nous permettra notamment de passer en revue les spécificitée de développement liées a l'approche ajax intégrée à la version 7.10 de YACS.

Sinon, j'ai une question assez importante dans la mesure où elle me bloque.

Au niveau des tabs ajax ceux-ci s'affichent correctement mais ne sont pas fonctionnels. En effet, il sont tous construits avec # comme url. Y a t'il des règles à respecter au niveau des conteneurs, notament au niveau des noms des identifiants ?

Merci de me répondre.

[Edit]
Ok, je crois avoir trouvé tous seul. J'avais oublié ceci :
echo $context['page_footer'];
[/Edit]

Nuxwin Team
Nuxwin
avatar
from Caen, devant mon bureau
190 posts

on Dec. 1 2007


Bonjour à tous ;

Je viens de mettre mon site ( http:nuxwin.com ) à jours avec un nouveau skin.

Je vous serais reconnaissans de me donner votre avis, vos conseils pour des éventuels améliorations.

Vous noterez que la feuille de style n'est pas tout à fait terminée mais le gros du travail est déjà fait.

La fonctions hide/show et autres n'ont pas encore été finalisées.

Si ce skin vous interesse, je ferais une archive. Il sera disponible dans un jeu de plusieurs couleurs.

Si vous pensez à un nom pour ce template, merci d'en faire part car je n'ai pas d'idée.

Ps : la base de ce template a été générée avec le generateur en ligne doTemplate, la feuille de style originale provient du style yacs de référence joi.

Il ne s'agit pas du style fv_camel annoncé ci-avant qui est toujours en cours de création.
Agnès
avatar
from le Grésivaudan (grenoble-chambéry)
Associate, 2007 posts

inspired from nuxwin on Dec. 3 2007


Nuxwin : je suis bluffée. C'est très très chouette. Et la commande d'affichage/masquage de la colonne de droite :

Mon petit doigt me dit que j'en connais qui seront terriblement intéressés... Dis-nous quand tu l'auras finalisé !

Merci, merci chinese
Agnès
avatar
from le Grésivaudan (grenoble-chambéry)
Associate, 2007 posts

inspired from nuxwin on Dec. 3 2007


Nuxwin : Sur mon écran, les sous-titres des articles, en gris clair sur fond blanc, sont passablement invisibles. Il faudrait sans vergogne augmenter le contraste en choisissant une police plus sombre !

Heu, même remarque pour le menu qui affiche/masque le menu, mais peut-être est-ce parce que tu attends d'avoir totalement finalisé à la chose ? Au fait, ça fonctionne comment cette fonction (version un peu beaucoup newbie svp ).
Nuxwin
avatar
from Caen, devant mon bureau
190 posts

on Dec. 3 2007


Agnès :

Bonsoir ;

Merci pour les compliments.

Pour ce qui est du background des textes d'introduction, je vais effectivement modifier ça.

Pour le lien de la function hide/show, cela va être remplacé par une image (j'ai pas encore fini l'implémentation).

Sinon, y a encore quelque liens (couleur) à revoir et aussi la largeur des colonnes (rendu newspaper) qui débordent sous ie6.

Pour ce qui concerne la fonction hide/show, ce n'est que du javascript avec cookie.

Lorsque du clique sur le lien, la fonction switchMenuVisible(); change la propriété css du block side_panel soit display:none et la taille du block main_panel et ré-ajustée.

Pour le moment, le cookie n'est pas pris en compte et du coup, tout est reseté au rechargement de la page, cela ne sera plus le cas une fois fini. En plus, je vais user de la beauté de la librairie scriptaculous pour ajouter un bel effet de fader.

Voici la fonction telle quelle est à l'heure actuelle :

// Function hide/show Side Panel (include extra information)

function switchMenuVisible() {

    if (
menu_hidden) {
    
            
menu_hidden=0;
            
            
document.getElementById("side_panel").style.display "block";
            
            
document.getElementById("main_panel").style.width "68%";
            
            
setCookie('sidePanel''visible');
    
    } else {
    
                    
menu_hidden=1;
                    
                    
document.getElementById('side_panel').style.display "none";
                    
                    
document.getElementById("main_panel").style.width "100%";
                    
                    
setCookie('sidePanel''hidden');
                    
    }
    
}



C'est assez bien expliqué comme ça ?
ThierryP
avatar
from Nice, Drap
Associate, 1136 posts

on Dec. 3 2007


Vraiment bien !

Tu pense proposer une variante en téléchargement ? L'avantage c'est que tu propose bien plus qu'un autre skin, c'est carrement un autre template, et ça, c'est génial !


SEO et webmastering VDP-Digital - Annuaire fait en Yacs : Annuaire-VDP
Cloubech
avatar
from Chonas l'Amballan
Associate, 744 posts

on Dec. 3 2007


je confirme : Très classe avec les futurs petites corrections.

Je vais pas tarder à passer sur linux moi  

Daniel46
avatar
38 posts

inspired from nuxwin on Dec. 5 2007


Nuxwin : Super, ça donne envie

des bonnes idées, le menu qu'on peut cacher. Un peu de lisibilité en plus sur les en têtes et c'est tout bon. Une suggestion pour les nom de template, rendons à César: couleurNuxwin, du genre greenNuxwin, déclinons les couleurs.
LeToto
163 posts

on Dec. 29 2007


SUPER!

Peut-on mettre en commun cet thread standardisation des skins de Yacs au thread courant?

Merci et beaucoup de courage.

Hardboiled
avatar
from le Web Parisien
175 posts

inspired from nuxwin on Dec. 29 2007


Nuxwin :

Le nouveau template de nuxwin est superbe. Bravo !!
je suis allé faire un tour du côté de DoTemplate pour voir pas mal du tout.

Mais comment fait-on pour passer du fichier html au fichier php (tempate.php) nécessaire dans Yacs

. Sinon encore Bravo et vivement les nouvelles ressources pour construire des templates plus facilement qu'aujourd'hui (pour un newbie comme moi!!). A+
Gérard
Tof
from Grenoble-Chambery
474 posts

on Jan. 8


Une autre approche est de créer un skin qui utilise les templates joomla sans les modifier... Style joomla
Lasares
avatar
from L'Île-Bizard à Montréal, Québec
697 posts

on Jan. 16


Je le trouve vraiment super ce skin ! Félicitations, Laurent.

Juste une question : tu parlais initialement de menus DHTML. Il me semble que je ne vois rien du genre, quoique tu ais implanté le "show/hide" du menu de côté avec brio. Ai-je manqué quelque chose ?

Tags: templates styles modèles gabarits Page

***** 14 rates
Posted by Nuxwin on Nov. 17 2007, commented by Lasares on Jan. 16, (popular)