In this tutorial we demonstrate the ASCX method of DotNetNuke skinning. This is the method that the professional DotNetNuke skinners use as it is much quicker to build skins in this way.
Creating skins using the ASCX method has several benefits; the main one is that it is much faster to create a DotNetNuke skin using the ASCX method rather than the HTML/XML method. You can make changes live on the website without re-parsing or re-installing the skin, you can instantly see edits and changes you make to your skin code, you can view at a glance all of a skin tokens properties, and a really useful feature is that if you are using Visual Web Developer Express it will suggest the attributes that are available for each of the DotNetNuke tokens.If you are new to skinning we suggest you first of all begin skinning using the html method as it will be quicker to learn and you can get used to the concepts involved with DotNetNuke skinning. If you are new to skinning, we suggest you begin by looking at the skinning tutorials in issues 5 + 6 as these explain the initial concepts of DotNetNuke skinning.If you already understand the concepts of DotNetNuke skinning and you have created one or two skins then we would encourage you to ‘have a go’ at skinning using the ASCX method as you will find this a much quicker and efficient way of creating DotNetNuke skins.In this tutorial we explain the concepts of DotNetNuke ASCX skinning, how to setup Visual Web Developer Express to enable the skin token attribute suggestions, how to use ASCX skin tokens, how to make quick edits to tokens and instantly see them on your DotNetNuke website, how to display two tokens of the same type - for instance two menus, how to use skinpath for images, how to view the attributes that are available for a skin token, how to speed edit CSS code, how to quickly create additional skins using the ASCX method and instantly view them within your DotNetNuke installation, and finally how to work with ASCX Containers.After viewing this tutorial you should have a good grasp on DotNetNuke ASCX skinning and you should be able to create DotNetNuke skins much more quickly and efficiently.The videos cover:Video 1 - Introduction, Pros and Cons of ASCX SkinningIntroductionAn overview of the HTML and XML skinning methodAn overview of the ASCX skin fileThe Pros and Cons of HTML / XML file skinningThe Pros and Cons of ASCX file skinningHow to begin ASCX file skinning as a beginnerHow to install the SEO Layouts HTML skinTime Length: 9min 54secsVideo 2 - Introduction to ASCX Skin Code and Setup in VWD ExpressViewing the location of the installed Skin filesUsing Visual Web Developer Express for token attribute suggestionsHow to open the DotNetNuke installation as a web site in VWD ExpressHow to view all of the folders and files in the Solution ExplorerHow to navigate to the Skins folder and open the ASCX skin fileAn overview of the code in an ASCX skinThe Register directivesThe ASCX skin tokensHow to use VWD Express to auto suggest the attributes available for a DotNetNuke skin tokenTime Length: 7min 27secsVideo 3 - How to Edit The ASCX Tokens, Configuring the Search TokenExplanation of the ASCX tokens and Register directivednn: prefixTagNameRegister Srcrunat=”server” and token idHow to edit the Search token in an ASCX skinHow to view the attributes available for the Search tokenHow to remove the Site and Web radio buttons for the Search tokenHow to change the menu from SolPartMenu to NavMenuHow to identify the Source for a tokenTime Length: 8min 33secsVideo 4 - How to Display 2 Nav Menus, How to Use SKINPATH for ImagesHow to add two skin tokens of the same typeHow to add two Nav Menus to a skinHow to create the Register directiveHow to add the second menu token to the skinHow to view the attributes available for the Nav menuHow to set the second Nav menu to VerticalHow to place images in a skin using SKINPATHHow to replace the LOGO token with an image and link to prevent duplicate content issuesTime Length: 11min 42secsVideo 5 - Skin CSS Code Speed Editing in ASCX skins CSS code speed editingHow to remove the borders around the logo using CSSHow to quickly create additional skins using the ASCX methodHow to quickly create a 1 pane skinHow to remove the Left and Right panesHow to set the width of the main Content paneHow to apply the new skin to a page immediatelyUsing the Web Developers Toolbar for viewing the CSS filesTime Length: 11min 14secsVideo 6 - Containers ASCX skinningContainers ASCX skinningDownloading the Andreas 01 skinHow to upload the DNNC html containersHow to find the containers folder and view them in VWD ExpressExplanation of a Container ASCX fileControl Language and Register directivesExplanation of the container tokensAction tokensPackaging your ASCX skin filesTime Length: 9min 32secsTotal Time Length: 58min 22secs
首页 >
How to Create Print Stylesheets for DotNetNuke Skins > DotNetNuke ASCX Skinning for Professional Skinners