Display Sitemap from HTML Unordered List without Javascript | Slick Map CSS

Rates To Travel - Free hotel comparison tool

Since creating better looking sitemaps is quite time consuming, we usually end up having text-based unordered lists that does not look like a sitemap. From now on, you can have a very beautiful and visual site map with nothing more than your standard unordered list and CSS. SlickMap CSS is a simple stylesheet for displaying sitemaps directly from HTML given as unordered list. It allows 3 levels of navigation and additional utility links for LOGIN, CONTACT, ADVERTISE links.

SlickMap CSS is cross-browser and can be customized easily. It enables automation of sitemap design by eliminating the need for additional software.

SlickMap - CSS based Sitemaps

SlickMap CSS – is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation.

The way data is visualized by SlickMap CSS is impressive. The arrangment, grouping, and color coding of data makes it very easy to identify and find relevant data. Everything in SlickMap is implemented in pure CSS. There is no JavaScript. It’s also very easy to implement and customize. Simply create an HTML file with an unordered set of links and import the slickmap.css file.

You can download the SlickMap CSS and find more details here.

Related Resources:

Tags: css

Related Posts
Comments (0)

No comments yet.

Best of CSS Design Inspiration

January 6, 2010 - 1:02 am

Tags: css, design, inspiration
Posted in Web design, inspiration | 1 comment

Here is a list of 50 websites hand-picked – Best of CSS Design

Best Time Saving CSS Coding Tools You Should Know

December 9, 2009 - 1:10 am

Tags: css
Posted in Developer, css tips | No comments

var dzone_url = ‘http://resourcesmix.info/best-time-saving-css-coding-tools-you-should-know/’;
var dzone_title = ‘Best Time Saving CSS Coding Tools You Should Know’;
var dzone_blurb = ‘Best Time Saving CSS Coding Tools You Should Know’;
var dzone_style = ‘1′;

CSS is the essential component of modern web design. But writing the CSS code from scratch for each web design project is a tiring and [...]

Methods to Create Equal Height Columns

December 1, 2009 - 1:28 am

Tags: css, javascript, tips
Posted in css tips, jQuery | No comments

var dzone_url = ‘http://resourcesmix.info/methods-to-create-equal-height-columns/’;
var dzone_title = ‘Methods to Create Equal Height Columns’;
var dzone_blurb = ‘Methods to Create Equal Height Columns’;
var dzone_style = ‘1′;

Back when tables were used for layouts, creating equal height columns was very simple. All you had to do was create three cells in a row and you have a layout [...]

CSS Based Javascript Free Cross-Browser Pagination with Tooltips

November 27, 2009 - 7:28 am

Tags: css
Posted in css tips | No comments

Blogs, forums, online slide presentations etc. mostly use simple previous – next text links for navigation. All other fancy, more useful pagination techniques need Javascript code or images.

Usability Issues on Date Formating – Choosing the Right Date Format

November 26, 2009 - 9:14 am

Tags: css, design
Posted in how to | No comments

Dates used in web sites should be understandable for all cultures. The best practice for date formatting is using month names with 4 digit year.

20+ Great CSS Tricks You Should Know

October 13, 2009 - 3:16 pm

Tags: css
Posted in Developer, Web design, css tips | No comments

var dzone_url = ‘http://resourcesmix.info/20-great-css-tricks-you-should-know/’;
var dzone_title = ‘20+ Great CSS Tricks You Should Know’;
var dzone_blurb = ‘20+ Great CSS Tricks You Should Know’;
var dzone_style = ‘1′;

Here are 25 incredibly useful CSS tricks that will help you design great web interfaces. You might be aware of some or all of these techniques, but this can [...]

Great CSS3 Articles, Cheat Sheets and Tutorials Collections

October 3, 2009 - 5:00 am

Tags: css, Web design
Posted in css tutorials, css3, resources | No comments

var dzone_url = ‘http://resourcesmix.info/great-css3-articles-cheat-sheets-and-tutorials-collections/’;
var dzone_title = ‘Great CSS3 Articles, Cheat Sheets and Tutorials Collections’;
var dzone_blurb = ‘Great CSS3 Articles, Cheat Sheets and Tutorials Collections’;
var dzone_style = ‘1′;

CSS3 is introducing endless of new and agitative functions and appearance like text-shadow, box-sizing, opacity, assorted backgrounds, border-radius, border-image. It is accepted that CSS3, already it is [...]

Best of CSS Web Design idea and Inspiration

September 7, 2009 - 9:02 am

Tags: css
Posted in Web design, inspiration | No comments

var dzone_url = ‘http://resourcesmix.info/best-of-css-design-idea-and-inspiration/’;
var dzone_title = ‘Best of CSS Web Design idea and Inspiration’;
var dzone_blurb = ‘Best of CSS Web Design idea and Inspiration’;
var dzone_style = ‘1′;

I would like to share the best design sites with you. Here is a list of 50 websites hand-picked from Best Web Gallery

Capture the Valley
Beautifully designed single [...]

Best CSS Techniques used for Charting Data

September 5, 2009 - 3:54 pm

Tags: css, tutorials
Posted in css tips, css tutorials | No comments

var dzone_url = ‘http://resourcesmix.info/css-techniques-for-charting-data/’;
var dzone_title = ‘Best CSS Techniques used for Charting Data’;
var dzone_blurb = ‘Best CSS Techniques used for Charting Data’;
var dzone_style = ‘1′;

There are many ways you can present numerical, chartable data bystyling elements using CSS. Using CSS to style your data prevents youfrom relying on static images and increases your [...]

Stunning CSS Techniques and Tools collection | Don’t Miss!

September 5, 2009 - 1:20 pm

Tags: css
Posted in css tools | No comments

var dzone_url = ‘http://resourcesmix.info/stunning-css-techniques-and-tools-collection-dont-miss/’;
var dzone_title = ‘Stunning CSS Techniques and Tools collection | Don’t Miss!’;
var dzone_blurb = ‘Stunning CSS Techniques and Tools collection | Don’t Miss!’;
var dzone_style = ‘1′;

Cascading Style Sheets (CSS) is one of the building blocks of modern web design without which websites would have been ugly just like they were [...]