|
|
|
How to create resizable text in DotNetNuke - part 10 - 5 Video Tutorials
Continuing our series on How to build a DotNetNuke website, we demonstrate how to enable the Vortex Music skin to use resizable text.
While viewing a web page using Internet Explorer, if you go to the View menu and select Text Size / Largest, you should see that the text size increases.
The main reason to enable text sizing is to make your site accessible to as many people as possible. Enabling text sizing within your website allows visitors with visual impairments the opportunity to view the content of your site.
A further consideration is that it is law in the US and UK to create accessible sites.
This tutorial contains 5 videos which explain the best method for setting this up with a DotNetNuke skin.
The Skin and Container files are included with the tutorial.
Video 1 - Initial preparations and setting up the skin ready for text sizing. (5min)
Video 2 - Initial Classes and cleaning up the CSS code using shorthand techniques, enabling the menu to use text sizing. Details of the various DotNetNuke CSS files and inheritance problems (15min)
Video 3 - Further classes, enabling the Text / HTML module to use text sizing. Viewing and fixing various browser problems. (9min)
Video 4 - Setting skin objects to use text sizing. Fixing further Internet Explorer sizing problems (9min)
Video 5 - Final classes enabled for text sizing. Further testing and viewing in a variety of browsers. (12min)
Read More..