Vous êtes ici Forums
  |  Connexion
 Forums
HomeHomeForums DNNForums DNNDesign, présent...Design, présent...Etapes de creation de skin ?Etapes de creation de skin ?
Précédente
 
Suivante
Nouveau message
14/01/2008 13:17
 

Bonjour!

J'ai consulter le skinning.pdf fournit avec le DotNetNuke 4.8, mais je n'ai pas pu tirer les etapes de creation d'un skin pour DotNetNuke!

Pour un module, c'etait dabord creation, import du fichier .dnn, puis configuration des providers ainsi que des pages view et code behind!

Quelles sont les etapes de le cette creation pour les skins!

Merci d'avance!


Alabama-song Show me The way...
 
Nouveau message
14/01/2008 18:14
 

Bonjour,

Il y a deux possibilités, travailler sur un fichier HTML + CSS ou directement sur un ASCX + CSS. Je préfère passer par un ASCX, car Visual Studio te propose directement les propriétés des skin objects.

Le plus simple est de commencer par créer un dossier Skins dans le dossier de ton portail ...\Portals\n (où n est le numéro du portal concerné). Puis tu créé du sous dossier avec le nom de ton skin. Si tu regarde dans le dossier ...\Portals\_defaut\Skins, tu retrouve les noms de dossiers correspondant aux skins par défaut de dnn (DNN-Blue, DNN-Gray, etc.). Ensuite, tu créé un fichier ascx et tu copie la ligne ci-dessous :

<%@ Control language="vb" CodeBehind="~/admin/Skins/skin.vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>

après tu peux ajouter les directives <%@ Register ... > pour les skin objects dont tu auras besoin. Le reste c'est du html. Lorsque tu as terminé ton skin tu fais un package comme indiqué dans la doc skinning. Ceci te permettra d'installer ton skin sur n'importe quelle instance par la suite.

Avec la méthode à partir d'un HTML, c'est plus long. Tu fais ta page et ta feuille css. Ensuite, tu créé le fichier de manisfest avec toutes les proprités des skin objects utilisés. Tu fais ton package et enfin tu le télécharge sur ton instance dnn au travers de l'interface d'administration. Si le résultat ne te convient pas, il faut corriger l'html et tout reprendre deuis le début. C'est pour cette raison que je préférer travailler directement en ASCX.

Gilles

 
Nouveau message
14/01/2008 21:57
 

Salut,

tu peux consulter le post suivant pour plus de détails:

http://www.dotnetnuke.fr/Forums/tabid/152/forumid/5/threadid/3498/scope/posts/Default.aspx

Et Gilles, au risque de me répéter, je pense que tu as manqué le bouton "analyser" dans le formulaire de gestion des skins qui parse un skin html à chaud et à volonté et donc épargne le repackaging.

D'autre part, tu peux dans une skin html insérer dans ton header la feuille de style pour un meilleur confort de design, ce que tu n'es pas sensé faire en ascx puisque DNN l'injecte par la suite.

Tu bénéficies également du nouveau contrôle qui te permet d'éditer les propriétés de skin objects en ligne (en bas du formulaire admin).

Enfin, tu as la possibilité pour toutes les ressources de définir des chemins relatifs et de choisir leur mode de transformation lors du parsing alors qu'en ascx tu es obligé d'utiliser le code serveur SkinPath.

En bref, je pense que les développeurs de skins ascx gagneraient à reconsidérer leur méthode pour tester le mode html dans de bonnes conditions.

++

 


Jesse
Société de conseil et de service en 
informatique et systèmes d'information
 
Nouveau message
15/01/2008 10:01
 

D'autre part, tu peux dans une skin html insérer dans ton header la feuille de style pour un meilleur confort de design, ce que tu n'es pas sensé faire en ascx puisque DNN l'injecte par la suite.

 Si la déclaration d'un fichier CSS peut être utile au tout début des étapes de création de skin (alors qu'on n'est pas encore sur Dnn), elle s'avère inutile ensuite puisqu'effectivement, les CSS sont déclarés tous seuls par Dnn.

A noter que l'inscription automatique porte sur des fichiers CSS au nom strict :

  • skin.css : La base pour tous les skins de la suite se trouvant dans le dossier.
  • NomDuSkinHTML.css : les personnalisations pour ce skin en particulier.

+1 pour le bouton  parseur de skin en bas. Il suffit de travailler uniquement sur les .html, et une fois modifiés, de parser la suite de skins pour que les modifications s'opèrent. En plus c'est vraiment rapide et en tant que skinneur, on n'est pas encombré par du code ASP.net ce qui est vraiment chouette pour rester concentré sur son domaine efficace.

Je préfère passer par un ASCX, car Visual Studio te propose directement les propriétés des skin objects.

Visual Studio offre certes quelques atouts, mais d'énormes lacunes comparé à ce que fait DreamWeaver ou CSSEdit par exemple. Un add-on DreamWeaver permet d'accèder à un Wizard qui propose les valeurs des attributs personnalisés des skin-objects. Et puis si ce n'était que ça ... on ne touche au skin.xml qu'une fois ou deux après tout :)

Sébastien

 
Nouveau message
15/01/2008 14:38
 

Salut Jesse,

Effectivement, je ne le connaissais pas ce bouton ! Mais j'ai une bonne excuse !  HTML, CSS et leurs amis ne sont pas vraiment mes potes. C'est pour cette raison que Seb se pastille la mise en page du module Store (ex WWStore) ! MERCI Seb !

Compte tenu que chez Aricie vous avez l'air d'être plutôt au fait de la mise en page, vous ne pourriez pas nous faire une vidéo sur le sujet ?

Gilles

 
Nouveau message
16/01/2008 14:20
 

Une vidéo serait en effet une bonne idée. Mais bon il faut qu'on trouve le temps de faire ça. En attendant, on mettra sûrement en ligne d'ici peu un document illustré qui reprend les grandes lignes du skinning.


Jesse
Société de conseil et de service en 
informatique et systèmes d'information
 
Nouveau message
16/01/2008 16:10
 

Salut Jesse,

Je fais mes premiers pas avec Camtasia que je trouve tout simplement génial. Faire une doc ou une vidéo requère un plan, car tu sais ce que tu veux momtrer. Mais je trouve que finalement c'est plus simple et plus rapide de faire une démo avec des commentaires que d'écrire.

Gilles

 
Précédente
 
Suivante
HomeHomeForums DNNForums DNNDesign, présent...Design, présent...Etapes de creation de skin ?Etapes de creation de skin ?