CSS: More Functionality with MoreCSS Javascript Library

March 12, 2008 in coding css

download_button CSS: More Functionality with MoreCSS Javascript Library

MoreCSS is a small JavaScript library for everyday things, like creating popups, tab menus, tables and lists with “zebra”-style and etc… But the really special thing is: you can do these things in regular CSS. Just include MoreCSS.js and an external stylesheet file in your page header. And then you can use MoreCSS properties like normal CSS properties.

Example:

a {
target:popup;
target-width:640px;
target-height:640px;
}

This will open all links in a 640 × 640 px popup window. Easy, isn’t it?

Installation

Just include MoreCSS.js and an external stylesheet file in your page header like this (of course without the spaces).

< link rel="MoreCSS" href="path/to/the/MoreCSS/stylesheet.css" />
< script type="text/javascript" src="MoreCSS.js">< /script >

Be sure to include the stylesheet before the script, because the stylesheet must be loaded already when the script starts. If possible include both files before all other included files. Because MoreCSS will try to hide some special elements on startup until the processes completed to avoid loading effects.

After that you can use all MoreCSS properties in the external stylesheet.

Link: http://yellowgreen.de/morecss

Spread the words

Digg Del.icio.us Stumble Facebook Float Technorati Bump

Whatever you want to say!

Or search by time

Subscribe to Knowtebook

LovedKnowtes

-->

Recommendation

Community Links

70 Impressive Painting Artworks - Winter Inspiration
Where do mixed media artists find inspiration in the winter? We have hand-picked an incredible amount of amazing painting artworks from deviantart to inspire any artist
Six Thinking Hats
Applying the Six Thinking Hats method can greatly improve our web design process.
3 Methods To Exclude Wordpress Categories In A Post
Although there are a lot of methods to exclude categories on your articles or sidebar. But i am going to show you 3 methods which commonly use by people.
Marta Dahlig - digital painter
Marta Dahlig is one of the most known deviants on deviantart.com with nearly 4 milion views on her profile and who knows how many on all her deviations. She is known for her 7 deadly sins drawings of women.
Web Designs with Coffee Aroma
The stimulating collection of Top Coffee Brands websites!
Bible Design
Illuminated Manuscripts to Postmodern Power Plays
45 Vintage 'Space Age' Illustrations
An inspiring collection of 45 vintage illustrations of a space age tomorrow!
8 Wrinkled Paper Textures | Texturise
8 assorted wrinkled paper textures scanned at 300 DPI.
Red themed CSS and Flash design gallery - Part 1
I’ve decided to make the web design showcase themed as it is more easy to find what you are looking for. You will be surprised but there aren’t many quality red CSS and Flash sites. But don’t worry. I’ve gathered in this showcase article 22 of the best, and 23 more are waiting for the release of Part 2 so they can show off their red design.
Typography resources for all things typographic
Here are a few resources I have bookmarked along the way that relate to inspirational galleries, fonts, tips and other type resources.
10 Blender 3D tutorials worth a look
Blender is the free open source 3D content creation suite, available for all major operating systems under the GNU General Public License. I have always wanted to learn a 3d program to extend my capabilities and a little 3D in our designs can take your designs to another level. There is no harm in learning something new so I will list a few good tutorials that I will use to learn my way through blender.
web 2.0 templatesWeb 2.0 templates with simplicity, cleanliness, and elegance in design and the less number of columns and work great for all your needs and have all the great features of Web 2.0 technology.

Subscribe to RSS | Submit a Link

Knowty Links

UserTalk

Friends

CSS: More Functionality with MoreCSS Javascript Library

Example: