http://www.dnncreative.comRSS feeds for DNN Creative Magazine for DotNetNuke60https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/541/Default.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=541http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=541&PortalID=0&TabID=85http://www.dnncreative.com/Home/Issues/Volume6/Issueno68/tabid/642/In this tuotorial, we demonstrate how to convert the standard DotNetNuke Announcements module into a jQuery Animated Content Slider. We show you how to adapt the announcements module layout template code and how to implement the jQuery files and CSS. The jQuery animation allows you to present your announcements in a visually impressive and intuitive way. See the DNN jQuery Announcements Slider in action. In this tutorial we cover: Video 1 - Preparing the Announcements Module and adding the jQuery Files Creating a new page on your DNN website to contain the slider Adding the Announcements Module to the page How to create new announcements How to add the required files to your skin folder Time Length: 6min 23sec Video 2 - Adding the jQuery and CSS Styles Opening the demo code Adapting the Announcements module template code How to add the jQuery scripts to your skin ASCX file. How to add the slider control code to your skin ASCX file. How to add the required CSS styles into your skin.css file Making the page live Testing the jQuery Announcements module. Time Length: 7min 30secs Total Time Length: 13min 53secsandyadminMon, 20 Jun 2011 10:00:00 GMTf1397696-738c-4295-afcd-943feb885714:541https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/540/Default.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=540http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=540&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/SkinningTutorials/CreateajQueryAnnouncementsSlider/tabid/641/Default.aspxThis video tutorial is the first in a series showing you how to convert the standard DotNetNuke Announcements module into a jQuery Animated Content Slider. We show you how to adapt the announcements module layout template code and how to implement the jQuery files and CSS. The jQuery animation allows you to present your announcements in a visually impressive and intuitive way. See the DNN jQuery Announcements Slider in action. In this first tutorial we cover: Video 1 - Preparing the Announcements Module and adding the jQuery Files Creating a new page on your DNN website to contain the slider Adding the Announcements Module to the page How to create new announcements How to add the required files to your skin folder Time Length: 6min 23secandyadminThu, 19 May 2011 10:00:00 GMTf1397696-738c-4295-afcd-943feb885714:540https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/523/DNN-Garden--DDR-Menu-for-DotNetNuke--6-Videos.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=523http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=523&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/SkinningTutorials/DNNGardenDDRMenu/tabid/595/Default.aspxIn this tutorial we provide a detailed demonstration of how to implement and customize the DDR Menu by DNN Garden. The DDR Menu comes complete with 6 different menu styles such as TreeView and Mega-Menu. The menus can simply be installed as a direct replacement for the standard DNN Solpart or DNN Nav menus to aid in search engine optimization. We show you how to achieve the best from each menu and how to fully customize the Mega menu styling to match your skin. The videos contain: Video 1 - Introduction, Downloading, Installation and Skin Setup Video 2 - Adding the DDR Menu to a Skin and How to Change Animation Settings Video 3 - Implementing the DDR Treeview Menu Video 4 - Implementing the DDR Superfish and Mega Menu Video 5 - Styling the DDR Mega Menu Video 6 - Styling the Mega Menu and Using the Menu Module Total Time Length: 55min 38secsandyadminTue, 02 Nov 2010 10:49:00 GMTf1397696-738c-4295-afcd-943feb885714:523https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/510/Default.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=510http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=510&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/SkinningTutorials/NucleusSkinDesigner/tabid/583/Default.aspxIn this tutorial we review and walk you through the Nucleus Skin Designer for DotNetNuke. We adapt the included Reactor skin and show you how to create a custom skin to your own requirements, No HTML knowledge required, ideal for beginners! The videos contain: Video 1 - Introduction, Installing the Module, Applying a Nucleus Skin Video 2 - The Nucleus Menu, Adding and Removing Optional Tokens, Styling a Skin Video 3 - Using the Nucleus Skin Designer Inspector, Styling the Nav Menu Video 4 - Designing Containers with Nucleus Skin Designer Video 5 - Designing and Applying Containers to a DNN Skin Total Time Length: 51min 31secsandyadminThu, 02 Sep 2010 10:20:00 GMTf1397696-738c-4295-afcd-943feb885714:510https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/490/Default.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=490http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=490&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/SkinningTutorials/DotNetNukeSuperStyleSheets/tabid/563/Default.aspxIn this tutorial we demonstrate how to use Super Stylesheets in DotNetNuke for quickly and easily designing the layout of your DotNetNuke skin. Super Stylesheets are ideal for both beginner and experienced skin designers, the advantage of Super Stylesheets is that you can easily create a skin layout which works in all browsers without the need to learn complex CSS techniques. We show you how to build a skin from the very beginning using Super Stylesheets. The videos contain: Video 1 - Introduction to the Super Stylesheets DNN Layouts and Initial Setup Video 2 - Setting Up the Skin Layout Template Code Video 3 - Using the ThreeCol-Portal Layout Template for a Skin Video 4 - How to Add Tokens to the Skin Video 5 - Setting Background Colors for Content Panes and Creating CSS Containers Video 6 - How to Create a Footer Area and Reset the Default Styles Video 7 - How to Style the Text in the Content, Left and Right Panes Video 8 - SEO Skin Layouts for DotNetNuke Tokens Video 9 - Creating Several Skin Layouts Using the Layout Templates Video 10 - Further Layout Templates and MultiLayout Templates Video 11 - SEO Layout Template Skins Video 12 - Final SEO Positioning of the Skin Code Total Time Length: 97min 53secscreativehostTue, 04 May 2010 04:46:00 GMTf1397696-738c-4295-afcd-943feb885714:490https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/486/Skin-Object-Tokens-for-DotNetNuke-5--8-Videos.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=486http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=486&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/SkinningTutorials/SkinObjectTokensDNN5/tabid/554/Default.aspxIn this tutorial we demonstrate how to use Skin Object Tokens in DotNetNuke v5 and above. Skin Object tokens are a new skinning method introduced in DotNetNuke 5 for adding tokens into a DotNetNuke skin. A Skin Object Token is a web user control, it covers skin elements such as the logo, menu, search, login links, date, copyright, languages, links, banners, privacy, terms of use etc. This new Object token method has been introduced into DotNetNuke with the idea of making it simpler to add a skin object into a DotNetNuke skin. The videos contain: Video 1 - Introduction to HTML Object Token Skinning Video 2 - Basic Styling of a Skin and Creating Multiple Content Panes Video 3 - Styling, Control Panel, Login and Register Skin Object Tokens Video 4 - Packaging, Installing, Testing and Viewing the ASCX Version of the Skin Video 5 - Viewing the Attributes for Skin Object Tokens, Logo Token, Search Token Video 6 - Breadcrumb Token, Text Token and Localization, Links Token Video 7 - More Skin Tokens and Token Replacement Video 8 - Demonstration of the Object Tokens and Bug Fixing creativehostSat, 03 Apr 2010 08:37:00 GMTf1397696-738c-4295-afcd-943feb885714:486https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/469/Nav-Menu-v2-for-DotNetNuke-5--11-Videos.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=469http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=469&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/SkinningTutorials/NavMenuv2DotNetNuke5/tabid/538/Default.aspxHow to style the Nav Menu v2 for DotNetNuke 5. Covering CSS Control, how to create a multicolor menu, an image only menu, plus an image and text menu using HTML separators. Advanced techniques to help you style the DNN Nav Menu exactly as you require. The videos contain: Video 1 - Introduction and Setup Video 2 - How to Style the NavMenu using CSS Control Class Video 3 - How to Target and Style First and Last Menu Items and Sub Menus (MultiColored Menu) Video 4 - How to Style Single Menu Items using IDs and Specific Paths Video 5 - How to Style Menu Items in a Specific Path (Sub Menus) Video 6 - How to Create an Image Only Menu Video 7 - How to Create an Image Only Menu, Removing Text and Displaying Images Video 8 - How to Display the Admin and Host Menus in an Image Only Menu Video 9 - Styling the Sub Menu of a Root Image Only Menu Video 10 - How to Create a Button Menu (Using HTML Separators) Video 11 - Styling the HTML Separators for the Button Menu Total Time Length: 96min 44secscreativehostWed, 06 Jan 2010 03:29:00 GMTf1397696-738c-4295-afcd-943feb885714:469https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/453/Default.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=453http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=453&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/SkinningTutorials/HowtoPackageSkinDotNetNuke5/tabid/520/Default.aspxIn this tutorial we demonstrate how to package a skin for DotNetNuke 5. This method is the new method which includes a .dnn manifest file The new DotNetNuke 5 method provides additional options when installing. For instance, you can display release notes and a license which the user must agree to before they can install the skin. It also provides the possibility to automatically install any skin objects that your skin requires at the same time, for instance if you are using a menu. This makes the installation process for the end-user much more streamlined and much less prone to errors. However this method of packaging requires a little more work from the skin developer and that is what we cover in detail in this tutorial. The videos contain: Video 1 - Introduction, How to Configure the DotNetNuke 5 Skin Package Video 2 - How to create thumbnail preview images for a skin Video 3 - How to Create the Skin, Container, Skin Object Installation Packages Video 4 - How to combine the Contents of the Skin, Container, Skin Object Packages Video 5 - Skin Package .dnn Manifest File Video 6 - Merging the .dnn Manifest Files Video 7 - Creating, Installing and Testing the Skin Installation Zip Package Video 8 - How to Create a Skin .dnn Manifest File Using the Components Method Total Time Length: 89min 13secscreativehostMon, 21 Sep 2009 02:24:00 GMTf1397696-738c-4295-afcd-943feb885714:453https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/447/Default.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=447http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=447&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/DNNTutorialsforBeginners/HowtoinstallaskinDNN5/tabid/515/Default.aspxIn this free video tutorial we demonstrate how to install skins and containers in DotNetNuke 5. If you have used an earlier DotNetNuke version, the installation has changed slightly, or if you are a beginner to DotNetNuke this should help you get up to speed quickly. The videos contain: Video 1 - How to Install a Skin in DotNetNuke 5 Video 2 - How to Test a Skin, How to Auto Install a Skin Total Time Length: 18min 14secscreativehostTue, 01 Sep 2009 09:25:00 GMTf1397696-738c-4295-afcd-943feb885714:447https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/444/DotNetNuke-Nav-Menu-Skinning--11-Videos.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=444http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=444&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/SkinningTutorials/DotNetNukeNavMenu/tabid/509/Default.aspxIn this tutorial we demonstrate the DotNetNuke NavMenu. The NavMenu is the default menu that comes with DotNetNuke, we demonstrate how to configure and setup the NavMenu in your DotNetNuke skins and how to create a horizontal menu, vertical menu and both a horizontal and vertical menu on the same page. To begin the tutorial we demonstrate how to create a basic 1pane simple skin and add the NavMenu to your skin. The first menu we create is a horizontal menu, we show you how to add a background faded image to the menu, how to set the styling for hover over, the breadcrumb trail styling for the menu, (ie. the currently selected page) and how to work with the various attributes that are available for the NavMenu. Following this we create a vertical menu and then demonstrate how to display both a vertical and horizontal menu on the same page. To finish we show you the attributes that are available for configuring which menu items should display when two menus are presented on a page. The videos contain: Video 1 - Introduction, Adding a Horizontal Nav Menu to a Skin Video 2 - An Overview of the Nav Menu Token Attributes Video 3 - Initial Background Styling and Positioning for the Menu Video 4 - How to Style the Root Menu Items Video 5 - Styling the Currently Selected, Mouse Over and Sub Menu Items Video 6 - Styling the Sub Menu Video 7 - How to Create a Vertical Menu Skin Video 8 - How to Style the Vertical Menu Video 9 - How to Display a Vertical and Horizontal Menu Video 10 - How to Configure the Display of 2 Nav Menus Video 11 - Configuring Which Pages to Display in the Vertical Menu creativehostTue, 04 Aug 2009 09:00:00 GMTf1397696-738c-4295-afcd-943feb885714:444https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/441/Default.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=441http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=441&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/SkinningTutorials/DotNetNukeASCXSkinning/tabid/504/Default.aspxThis tutorial 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. 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. The videos cover: Video 1 - Introduction, Pros and Cons of ASCX Skinning Video 2 - Introduction to ASCX Skin Code and Setup in VWD Express Video 3 - How to Edit The ASCX Tokens, Configuring the Search Token Video 4 - How to Display 2 Nav Menus, How to Use SKINPATH for Images Video 5 - Skin CSS Code Speed Editing in ASCX skins Video 6 - Containers ASCX skinning Richard WoottonMon, 29 Jun 2009 17:19:00 GMTf1397696-738c-4295-afcd-943feb885714:441https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/398/Color-Reference-Guide.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=398http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=398&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/SkinningTutorials/ColorReferenceGuide/tabid/463/Default.aspxThis is a special 34 page resource to help you learn how to use colors within CSS when designing your DotNetNuke skins. The Color Reference Guide has been designed to give you a better idea of how the different color systems work, how to use the Hex Triplet system and the 3 character Hex CSS Shorthand. This book comes in pdf format so you can easily refer back to it at your leisure.Richard WoottonMon, 01 Dec 2008 07:01:00 GMTf1397696-738c-4295-afcd-943feb885714:398https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/385/Default.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=385http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=385&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/DNNTutorialsforCoreModules/FCKEditorFormattingStyleDefinitions/tabid/427/Default.aspxThis tutorial demonstrates how you can use the styles drop down list in the FCK editor to format the text. Using the styles drop down list allows you to quickly apply CSS classes from your skin.css file and should help to ensure that administrators do not use bad practices for styling text, such as using font tags. The videos contain: Video 1 - Styling the Background of the Style Dropdown List in the FCK Editor Video 2 - List of Available Styles for the FCK Editor Video 3 - Dynamic Styles in the FCK Editor Video 4 - How to Create Custom Styles Video 5 - Creating Class Styles in the Style Dropdown List Video 6 - How to Customise Block Quotes with Different Classes Total Time Length: 48minscreativehostWed, 01 Oct 2008 05:10:00 GMTf1397696-738c-4295-afcd-943feb885714:385https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/384/Default.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=384http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=384&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/DNNTutorialsforCoreModules/FCKEditorHTMLTemplates/tabid/428/Default.aspxThis tutorial demonstrates how to create your own HTML templates for the FCK Editor in DotNetNuke. HTML templates are really useful for adding repetitive content into a page; they can give you a starting point when adding content to the page, you do not need to start from scratch, you can simply select a template as a starting point and then edit the content within the template. This will help to reduce errors created by content editors. The videos contain: Video 1 - Introduction, the FCKtemplates.xml file Video 2 - How to Create a Custom HTML Template Total Time Length: 16minscreativehostWed, 01 Oct 2008 05:05:00 GMTf1397696-738c-4295-afcd-943feb885714:384https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/381/Default.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=381http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=381&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/SkinningTutorials/AdministratorStyles/tabid/440/Default.aspxThis tutorial demonstrates how to alert content administrators when adding incorrect HTML content to a DotNetNuke portal. Alert styles is a new concept we have been working on for ensuring that the content administrators of a DotNetNuke portal add content using good practices. Time Length: 10minscreativehostWed, 01 Oct 2008 04:53:00 GMTf1397696-738c-4295-afcd-943feb885714:381https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/374/Default.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=374http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=374&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/DNNTutorialsforCoreModules/FCKEditorSkinStylesPreview/tabid/421/Default.aspxThis tutorial demonstrates how to configure the content area in the FCK Editor to display the same text styles as your skin.css file. Configuring the FCK Editor in this way makes it easier to edit the content in your site and ensure that it is correctly styled. The tutorial shows how to solve problems such as unreadable text when editing with skins that have a dark background colour, as well as how to style the Link Gallery, Image Gallery and Custom Options FCK Editor pages. The videos contain: Video 1 - Introduction, Configuring the Default Editor Display Mode Video 2 - Fixing Text Display Problems, Creating a Custom FCK Body ID Video 3 - Styling the Image Gallery, Link Gallery, Custom Options FCK Editor Pages Video 4 - Configuring an Instance, Module or Portal FCK Editor Display Mode Total Time Length: 31minsRichard WoottonTue, 02 Sep 2008 05:20:00 GMTf1397696-738c-4295-afcd-943feb885714:374https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/373/Default.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=373http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=373&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/DNNTutorialsforCoreModules/FCKEditorSkin/tabid/420/Default.aspxThis tutorial shows how to change the skin of the FCK Editor. The tutorial demonstrates how to download a new FCK Editor skin and upload it to your DotNetNuke portal. We then show you how to edit the web.config file settings to allow the new skin to be selected within the FCK Editor. Finally we demonstrate how to apply the new skin to the FCK Editor in DotNetNuke. The videos contain: Video 1 - Introduction, Uploading FCK Skins, Making the Skins Available Video 2 - Applying the FCK Editor Skin to the DotNetNuke Portal Total Time Length: 13minsRichard WoottonTue, 02 Sep 2008 05:12:00 GMTf1397696-738c-4295-afcd-943feb885714:373https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/370/Default.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=370http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=370&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/SkinningTutorials/PrintStylesheets/tabid/416/Default.aspxThis tutorial demonstrates the steps to create a printable view of your web pages, so a user can simply go to the file menu in their browser window and select print. This presents the user with a printable, user friendly, readable page. The tutorial shows you how to create a print stylesheet for your DotNetNuke skin, how to format the layout of the print stylesheet, how to change the text font so that it is suitable for reading when printed out, how to set the width of the stylesheet, how to format links, and also how to display the full URL of a link next to a text link so that it can be viewed on the printed page. Finally, we demonstrate how to select which content to make available for printing and how to remove content not required for printing, this is an essential technique for removing elements such as the menu and login links which are not required for a printed page. The videos cover: Video 1 - Introduction, Considerations, Setup Video 2 - Current Print Preview, Creating the Print CSS Video 3 - Remove Elements from the Printed Page Video 4 - Repositioning the Content, Removing Content Styling Video 5 - Styling the Content Pane, Re-styling the Headings Video 6 - How to Style Links for the Printed Page Video 7 - Styling Unordered lists, Method Two for Print Stylesheets using Javascript Total Time Length: 50minscreativehostMon, 04 Aug 2008 01:18:00 GMTf1397696-738c-4295-afcd-943feb885714:370https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/369/CSS-Reference-Book--112-page-PDF.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=369http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=369&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/SkinningTutorials/CSSReferenceBook/tabid/417/Default.aspxThe CSS reference book is a special 112 page resource to help you learn how to use CSS for your DotNetNuke skins. The CSS reference book demonstrates all of the currently supported CSS properties used within CSS 2.1. The book comes in pdf format, so this makes it easy to quickly search for a CSS property and find the information you require, complete with examples and images.creativehostMon, 04 Aug 2008 01:14:00 GMTf1397696-738c-4295-afcd-943feb885714:369https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/367/Dark-Ritual--Free-DotNetNuke-CSS-Skin.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=367http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=367&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/SkinningTutorials/DarkRitual/tabid/415/Default.aspxDark Ritual is a free, tableless, fixed width, XHTML compliant website. This skin comes with 2 layouts in 2 versions: Index 3 pane skin with text header Index 3 pane skin with logo Admin 1 pane skin with text header Admin 1 pane skin with logo It also comes with 3 containers: h1 title h2 title transparent, no title container Richard WoottonMon, 30 Jun 2008 09:53:00 GMTf1397696-738c-4295-afcd-943feb885714:367https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/363/Lazy-Days--Free-DotNetNuke-CSS-Skin.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=363http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=363&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/SkinningTutorials/LazyDays/tabid/410/Default.aspxLazy Days is a free, tableless, W3C-compliant website design.This skin comes in 3 variations: index – a 2 pane fluid skin index_sub_menu - a 2 pane fluid skin with a sub menu 1 pane – a 1 pane fluid skin, suitable for the administration area in DotNetNuke It also comes with 6 containers: h1 title gradient h1 title h2 title gradient h2 title h3 title transparent no title Richard WoottonMon, 30 Jun 2008 08:00:00 GMTf1397696-738c-4295-afcd-943feb885714:363https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/364/Zenlike--Free-DotNetNuke-CSS-Skin.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=364http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=364&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/SkinningTutorials/Zenlike/tabid/411/Default.aspxZenlike 1.0 is a free, lightweight, tableless, fluid W3C-compliant website design. This skin comes in 2 different types: index_with_logo - uses the logo from the admin menu / site settings index - uses text for the site header which you can edit in the skin files It also comes with 5 containers: h4 title box h4 title no bot line h4 title with bot line top pane h3 title transparent no title Richard WoottonMon, 30 Jun 2008 08:00:00 GMTf1397696-738c-4295-afcd-943feb885714:364https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/365/Bitter-Sweet--Free-DotNetNuke-CSS-Skin.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=365http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=365&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/SkinningTutorials/BitterSweet/tabid/412/Default.aspxBitter Sweet is a free, tableless, fixed width, XHTML compliant website design. This skin comes with 2 layouts in 2 versions: Index 2 pane skin with text header Index 2 pane skin with logo Admin 1 pane skin with text header Admin 1 pane skin with logo It also comes with 3 containers: h1 content pane h2 right pane transparent, no title container Richard WoottonMon, 30 Jun 2008 08:00:00 GMTf1397696-738c-4295-afcd-943feb885714:365https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/366/Greenery--Free-DotNetNuke-CSS-Skin.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=366http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=366&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/SkinningTutorials/Greenery/tabid/413/Default.aspxGreenery is a free, tableless, W3C-compliant website design. This skin comes with 3 variations greenery – index (main skin) greenery – index_submenu (main skin with a sub menu in the right pane) greenery – admin (single pane skin for use with admin pages) It also comes with 2 containers: h1 title transparent, no title container  Richard WoottonMon, 30 Jun 2008 08:00:00 GMTf1397696-738c-4295-afcd-943feb885714:366https://www.dnncreative.com/ModuleDirectory/tabid/85/articleType/ArticleView/articleId/326/Default.aspx#Comments0http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/RssComments.aspx?TabID=85&ModuleID=400&ArticleID=326http://www.dnncreative.com:443/DesktopModules/DnnForge%20-%20NewsArticles/Tracking/Trackback.aspx?ArticleID=326&PortalID=0&TabID=85https://www.dnncreative.com/Tutorials/SkinningTutorials/Skinningthesearchbox/tabid/380/Default.aspxIn this video tutorial we demonstrate how to style the search box in DotNetNuke skins. We walk you through how we applied the styling to the search box in the free ‘internet sharing’ skin. This covers how we expanded the width of the search box, how to use a graphic for the search box, how to style the text that the search box uses, how to style the search link as a button and how to replace the search link with an image.creativehostTue, 29 Jan 2008 19:52:00 GMTf1397696-738c-4295-afcd-943feb885714:326