css
Get flash to fully experience Pearltrees
xhtml
dom
CSS: Using a list item to create a star rater
JannieHo thx Rob! @rmcclurkan @jayrodesign @gcoghill @andibutler @happyidiots @gregnewman @wardomatic @gorillustrator @rogie @sock_monkee @dpocza
Although we have put 100's of hours into the design, development and readying of 150+ fonts (x4 formats = 600!), with only weeks before font-face.com was ready to go live, we have decided to bow out now. A bitter blow to the team.
@font-face
We are going to remove inputs far away to the left and instead place a background image to each label . Radios and checkboxes will be toggled, because clicking/spacepressing the corresponding label toggles them on or off. The behavior And finally, some JavaScript trickery to handle all the className switching.
archive » Fancy checkboxes and radio buttons
Then add a div with class=tabbertab around each section. By default tabber will get the tab title from a heading element within the section, or you can set the title attribute to be the tab navigation text: The main div (class=tabber) has been changed to (class=tabberlive). This allows you to apply one style for the untabbed HTML, and a different style for the tabbed HTML. A ul list is added. Each item in the list is a link that triggers the dynamic navigation.
JavaScript Tabifier automatically create an html tab interface
CSS Star Rating Part Deux » Blog » Komodo Media
An updated and more cross-browser compatible version of the CSS star rater can be found here. My last CSS tutorial, Creating a Star Rater Using CSS covered the creation of a 5-star rating system using only CSS and a list of links. The result acheived can be seen below: Rate me!
Front Page - css-discuss
Topics include: techniques for page-layout and special display-effects, testing and validation, workarounds for limitations and bugs, CSS code-editors, beginner and advanced tutorials, and to a lesser extent pure CSS theory, and pure CSS power-demonstrations. Discourse on (X)HTML, DOM, and other webpage- technology areas is not forbidden, but keeping it associated with CSS is encouraged. When the list is misbehaving, notify css-d-(nospam)owner@lists.(killspammers)css-discuss.org. Please use cautiously and modify as needed for use by removing the parenthetical bits in that address.
Step by step tutorials on using CSS to create floating images, images with captions, next and back buttons, drop caps, inline lists and more. The structure of rules, the document tree, types of selectors and their uses. Plus a step by step tutorial using selectors to build a 3-column layout.