Buscar
   jueves, 20 de noviembre de 2008
  
  
           
 Categorías         
   
           
 Archivo                
   
           
 Más Visitados  
Technorati Profile
   
           
Mi Blog sobre la web, .NET y DotNetNuke  Mi Blog sobre la web, .NET y DotNetNuke  
29

Este sería el skin más simple que puede realizarse, consiste en poner una lista de todos los objetos que pueden ir en el skin en un fichero de texto que tenga la extensión .ASCX

Este es un buen punto de partida sobre el que después puedes añadir tablas e imágenes. De entrada es un skin funcional con unos cuantos paneles y te servirá para ver todos los objetos de los cuales disponemos.

<%@ Control  language="vb" CodeBehind="~/admin/Skins/skin.vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<%@ Register TagPrefix="dnn" TagName="LOGO" src="~/Admin/Skins/Logo.ascx" %>
<%@ Register TagPrefix="dnn" TagName="BANNER" src="~/Admin/Skins/Banner.ascx" %>
<%@ Register TagPrefix="dnn" TagName="MENU" src="~/Admin/Skins/SolPartMenu.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SEARCH" src="~/Admin/Skins/Search.ascx" %>
<%@ Register TagPrefix="dnn" TagName="CURRENTDATE" src="~/Admin/Skins/CurrentDate.ascx" %>
<%@ Register TagPrefix="dnn" TagName="BREADCRUMB" src="~/Admin/Skins/BreadCrumb.ascx" %>
<%@ Register TagPrefix="dnn" TagName="USER" src="~/Admin/Skins/User.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGIN" src="~/Admin/Skins/Login.ascx" %>
<%@ Register TagPrefix="dnn" TagName="COPYRIGHT" src="~/Admin/Skins/Copyright.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TERMS" src="~/Admin/Skins/Terms.ascx" %>
<%@ Register TagPrefix="dnn" TagName="PRIVACY" src="~/Admin/Skins/Privacy.ascx" %>
<%@ Register TagPrefix="dnn" TagName="DOTNETNUKE" src="~/Admin/Skins/DotNetNuke.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LANGUAGE" src="~/Admin/Skins/Language.ascx" %>
<%@ Register TagPrefix="dnn" TagName="HELP" src="~/Admin/Skins/Help.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LINKS" src="~/Admin/Skins/Links.ascx" %>
<%@ Register TagPrefix="dnn" TagName="HOSTNAME" src="~/Admin/Skins/HostName.ascx" %>

<!-- PANEL DE CONTROL OPCIONES ADMINISTRATIVAS) -->
<div id="ControlPanel" runat="server" align="center"></div>

<!-- ESTO SON OBJETOS DEL SKIN QUE NORMALMENTE SE COLOCAN EN LA PARTE SUPERIOR -->
<dnn:LOGO runat="server" id="dnnLOGO" />
<dnn:BANNER runat="server" id="dnnBANNER" />
<dnn:MENU runat="server" id="dnnMENU" />
<dnn:SEARCH runat="server" id="dnnSEARCH" />
<dnn:LANGUAGE runat="server" id="dnnLANGUAGE" />
<dnn:CURRENTDATE runat="server" id="dnnCURRENTDATE" />
<dnn:BREADCRUMB runat="server" id="dnnBREADCRUMB" RootLevel="0" Separator=" » " />
<dnn:USER runat="server" id="dnnUSER" />
<dnn:LOGIN runat="server" id="dnnLOGIN" />

<!-- AQUÍ ES DONDE SE ENCUENTRA EL CONTENIDO DE LAS PÁGINAS: Los Paneles     -->
<div id="TopPane" runat="server" align="center"></div>
<div id="LeftPane" runat="server" align="center"></div>
<div class="contentpane" id="ContentPane" runat="server" align="center"></div>
<div id="RightPane" runat="server" align="center"></div>
<div id="BottomPane" runat="server" align="center"></div>

<!-- ESTOS SON OBJETOS DEL SKIN QUE NORMALMENTE SE COLOCAN EN LA PARTE INFERIOR -->
<dnn:HELP runat="server" id="dnnHELP" />
<dnn:LINKS runat="server" id="dnnLINKS" />
<dnn:HOSTNAME runat="server" id="dnnHOSTNAME" />
<dnn:COPYRIGHT runat="server" id="dnnCOPYRIGHT" />
<dnn:TERMS runat="server" id="dnnTERMS" />
<dnn:PRIVACY runat="server" id="dnnPRIVACY" />
<dnn:DOTNETNUKE runat="server" id="dnnDOTNETNUKE" />    

Copia y pega el contenido anterior en un fichero de texto plano y llama a este fichero skinsimple.ascx

Comprime este fichero en un fichero ZIP que se llame Skinsimple.zip (Descarga desde aquí el ZIP)

Ya estás listo para subir el skin a tu sitio web y ver como queda . Te recomendaría que crearas una página nueva y procurases aplicar este skin solo a una página y no a todo el sitio. De esta forma si surgen problemas podría borrarse la página y no pasaría nada.

Mira como queda el skin en una página de sugestionweb. El logo está definido en las propiedades del portal, también podrás ver los banners que hemos definido. Observa los objetos menú, logo, buscar, fecha actual etc... Ver Skin Simple

Recuerda: El fichero ASCX No es más que la mezcla de los objetos <dnn:DOTNETNUKE...> anteriores junto al HTML con tablas e Imágenes.


Publicado en: Skins

Post Rating

Comentarios

Angelo Barlaro
# Angelo Barlaro
jueves, 24 de abril de 2008 16:21
Me parece exelente, aunque tengo millones de dudas, lo probare.

pero aun no tengo muy claro como se crean o mas bien dicho como inserto un skin con una forma diferente.

Donde y como puedo editar una plantilla como para manejarlas a mi manera las formas de las tablas , las ´posiciones, etc.

me felicitaciones y muchas gracias, porque hay muy poco materia sobre dnn en español
Javier Anto
viernes, 25 de abril de 2008 5:17
Te recomiendo que te registres en tododnn.es, desde los foros podrás preguntar todas las dudas que tengas... Gracias por tus comentarios...

Publicar Comentario

Name (required)

Email (required)

Website

Enter the code shown above:

   

  
  
Términos de Uso   Declaración de Privacidad