| Seller: | dnncreative | | Feedback: | There are currently no ratings. | |
|
To buy: How to create a Pure CSS Skin (9 Videos)
(178 videos in total)
Subscribe to DNN Creative Magazine for one year at $79
and receive access to all issues for a year (currently 200+ videos, 5 mp3 interviews, along with module reviews, articles and tutorials) with a new issue added each month.
This selection of tutorials contains all of the videos to help you create a pure CSS skin
Total Length of the 9 CSS skinning videos: 79 minutes
Your $79 gives you access to not just these 9 videos, but all 200+ videos on DNN Creative Magazine.
These skin tutorials provide a step by step example of creating a skin from start to finish.
For a full detailed contents list of all the skinning tutorials on DNN Creative (70 skinning videos), visit this page
The video tutorials for creating a pure CSS skin cover:
Video 1 – Introduction, Preparations, Explanations
- Introduction to the skin
- Initial preparations: Installation of HouseMenu, FCKEditor
- Creation of folder structure
- Adding files, red leaf image and skin.xml file
- Opening folder as a website in VWD
- Viewing skin.xml file, explaining the code for HouseMenu and DotNetNuke Tokens
- Explanation of Simple Red Leaf Skin sketch
Time Length: 8min 34secs
Download Size: 7.9MB
Video 2 – Setting up the layout skeleton of the CSS skin
- Create an index.htm file
- Adding first div tags for layout of:
- Admin control panel
- Tagline
- Login links
- Logo
- Content
- Content pane
- Side bar
- Left pane
- Explanation of the ids and classes
- Further layout div tags for:
- Zip skin files and install to portal
Time Length: 11min 9secs
Download Size: 9MB
Video 3 – Viewing the initial layout and setting the DOC Type
- Viewing the skin as a basic layout with no positioning
- Changing the DOC type of the skin, replacing the default.aspx file
- Testing, checking in Firefox for Standards Compliance Mode
Time Length: 5min 32secs
Download Size: 4.8MB
Video 4 – Setting first properties in the skin.css file
- Visual Web Developer – creating skin.css file
- Body class, setting the initial properties:
- The base font for resizable text in DotNetNuke
- The background red leaf image
- Viewing skin
Time Length: 7min 15secs
Download Size: 6.3MB
Video 5 – Setting up the layout of the skin using CSS
- Explanation of using opposing floats and the clear method
- Setting up the layout of the skin elements through CSS
- Creating classes: tagline, loginlinks, logo for the layout
- Viewing the skin layout
- Wrap div and class creation to add space to the edges of the skin
- Setting up the layout of the content pane and menu using CSS and div ids
- Viewing the skin layout
Time Length: 11min 1sec
Download Size: 8.3MB
Video 6 – Finishing touches to the CSS skin layout
- Setting up the layout of the Date, Copyright, Terms and Privacy links
- CSS for ids date and footer
- Viewing the completed skin layout
Time Length: 3min 28secs
Download Size: 3.3MB
Video 7 – Styling the HouseMenu
- Styling the Menu
- HouseMenuNav class – adding borders and viewing skin
- Menu classes:
- HouseMenuNav ul (view formatting in skin)
- HouseMenuNav li a:link, HouseMenuNav li a:visited
- Viewing the menu
- Display: block in a menu
- HouseMenuNav li a:hover
- Indenting sub menus
- Removing bullets from sub menus
- Adding borders to submenus and removing underlines
- Viewing the skin
- Adding bottom border to main menu items
- Changing the background colour for the sub menu items
- Changing the background colour when hovering over sub menu items
Time Length: 12min 56secs
Download Size: 11.6MB
Video 8 – Testing in browsers and fixing with hacks
- Testing in Browsers: Firefox, Opera, Mozilla, Netscape, IE7, 6, 5.5, 5.01
- Demo of problems in Opera and IE5.5, IE5.01
- CSS code hacks for browsers
- Fixing Opera bullet problem
- Introducing hacks
- Fixing text sizing in IE5.5, IE5.01
- Fixing large white gaps in the menu in IE5.01
Time Length: 9min 51secs
Download Size: 8.4MB
Video 9 – Viewing, finishing touches, completion of CSS skin
- Viewing the skin with the new hacks
- Setting the formatting for the module text and tokens
- Viewing the complete skin
Time Length: 8min 58secs
Download Size: 7.3MB
Total Time Length: 78min 44secs
Two ways to get these Video tutorials:
1. Buy from DNNHelp.com - for $79 (You will then need to send an email to DNN Creative with your username to gain access to DNN Creative - details provided in a read me file which you download from DNNHelp.com.)
2. Subscribe to DNN Creative Magazine direct via Paypal
The $79 gives you 1 years full access to download the 70 skinning videos direct to your computer, as well as access to the total 200+ videos with more released each month.
Visit DNN Creative for the full list of videos and tutorials that are available. |
|