Skip to main content Help Control Panel

DECLERCQ Laurent


on Nov. 17 2007
from Caen, devant mon bureau

En directe de Caen
Share
Post to Facebook
Tweet about this
Share at LinkedIn
Invite participants
Reference this page
Monitor
Recent files
Communauté »
See also
 

Communauté «   Machine à café «  

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 Paquesfrom nearby-an-airport
Associate, 8408 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 ?

Pinelli, Thierryfrom Nice, Drap
Associate, 1740 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


Communiqués de Presse : Site de Communiqués de Presse à propulsion Yacs -
Création de sites, Référencement et webmastering - Skins pour Yacs : YordPress - Yacs couleurs Wordpress - Bonbon Skin 1.3.2 : Le graphisme "Green" - Totem 930 : L'équilibre pour petits écrans

Footix69from Lyon Croix-Rousse
66 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

DECLERCQ Laurentfrom Caen, devant mon bureau
195 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


L.declercq / Nuxwin

DECLERCQ Laurentfrom Caen, devant mon bureau
195 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.


L.declercq / Nuxwin

Agnès Rambaudfrom le Grésivaudan (grenoble-chambéry)
Associate, 3269 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
Il n'y a pas de problèmes, que des solutions.

Agnès Rambaudfrom le Grésivaudan (grenoble-chambéry)
Associate, 3269 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 ).


Agnès
Il n'y a pas de problèmes, que des solutions.

DECLERCQ Laurentfrom Caen, devant mon bureau
195 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 ?


L.declercq / Nuxwin

Pinelli, Thierryfrom Nice, Drap
Associate, 1740 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


Communiqués de Presse : Site de Communiqués de Presse à propulsion Yacs -
Création de sites, Référencement et webmastering - Skins pour Yacs : YordPress - Yacs couleurs Wordpress - Bonbon Skin 1.3.2 : Le graphisme "Green" - Totem 930 : L'équilibre pour petits écrans

Christianfrom Chonas l'Amballan
Associate, 2039 posts

on Dec. 3 2007


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

Je vais pas tarder à passer sur linux moi  




Actupro
quelques sites yacs : création site internet annuaire pro

Daniel 46
112 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.
Belmond
326 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.


Gérardfrom le Web Parisien
297 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

Christophe Battarelfrom Grenoble-Chambery
1079 posts

on Jan. 8 2008


Une autre approche est de créer un skin qui utilise les templates joomla sans les modifier... 22 Styles Joomla disponibles pour Yacs


Christophe Battarel - Société altairis -

Alain Lesagefrom Montréal ou Chambly, Québec
1365 posts

on Jan. 16 2008


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 ?

J.Juraverfrom Entre chaise et clavier...
3741 posts

on Apr. 12 2009


 Salutations

Cette offre généreuse de mise à disposition est-elle toujours d'actualité ?..

-----

Râââ mais... c'te bête sur l'écran..pffff! Un parasite d'animal poilu encore.
Annuaire des sites YACs
Plugin Firefox de recherche dans Yetanoz
Nouvelles fonctions suggérées



Je ne m'attarde pas, j'ai mon yacs en double file...

Yacs on my blog | Suivez le blog Yacs | Yacs Showroom | Plugin Firefox de recherche dans Yetanoz |