Did you like my previous CSS tutorial on how to create gradient text effects? I’m using the same trick to show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra <span> tag and apply a background image to create the overlaying effect. It is very easy and flexible — see my demos with over 20 styles, from a simple image icon to a rounded corner to a masked layer (both decorative and complex).
View Demo Gallery
Download Demo ZIP (more…)
Technorati Tags: blog
Original post by Nick La
Technorati Tags: blog
Here at WeblogToolsCollection, we see quite a bit of WordPress theme releases coming through our inbox and I’ve noticed a trend. Hardly any of them include printing support. The question I’d like to have answered is why? Is adding printer support to WordPress themes too hard? Does adding this feature take up time? Or is it that this feature is barely any use to anyone?
For those wanting to add this type of support to your theme, you can install WP-Print. WP-Print picks up where most theme authors have left off by providing printing support in such a way that end users can print either articles or comments, depending on how you have configured the plugin.
In fact, doing a search on the plugin database for the keyword of “print” brought up two pages worth of search results. Another solution for you theme authors out there is called Bunny’s Print CSS. This […]
Original post by Jeff Chandler
Technorati Tags: blog
Here at WeblogToolsCollection.com, we have already discussed how you can change the color scheme in the WordPress 2.5 administration panel from Classic to Fresh. We have also highlighted an awesome plugin that was written by Kaspars which gives users up to 8 different color schemes to choose from. However, what if you want to create your own color scheme? Thanks to a plugin written by James Dimick called Easy Admin Color Schemes, users can now create their own flavor of the WordPress 2.5 back end.
After downloading and installing the plugin, you can access it by browsing to SETTINGS-COLOR SCHEMES. There are three color schemes to start you off, Classic, Fresh and Washedout. The plugin does not allow you to delete nor edit the Classic and Fresh color schemes. This makes sense as you wouldn’t want to screw up a default skin only to have to reinstall WordPress to fix the […]
Original post by Jeff Chandler
Technorati Tags: blog
This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you don’t know about jQuery, it is a "write less, do more" Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, I’m not going to get into the details of the CSS.
Note: the version used in this article is jQuery 1.2.3
View jQuery Demos
Download Demo ZIP (more…)
Technorati Tags: blog, rss
Original post by Nick La
Technorati Tags: blog, rss
CoverItlive.com is a free (for now) service that allows you to live blog events and publish items directly to any publishing platform. Now this is pretty commonplace and can easily be done with WordPress (and a few extra plugins) but CoverItLive makes it easier and quicker to embed […] Continue Reading…
Technorati Tags: blog
Original post by Nick La
Technorati Tags: blog
by: Chris Coyier
In HTML, if you don’t specify a specific width, block-level elements are vertically expandable by their nature. Think of an unordered list. That list will grow be be as big as it needs to be to fit all of it’s list elements. If a user increases the font size in their browser, the list will expand vertically, growing to fit the larger content. Sometimes it feels like vertical-only expansion is limiting and it would be nice if the element could grow horizontally as well as vertically with a font size increase by the user.
View Demo Expandable Box
Download Demo ZIP (more…)
Original post by chris
- CSS
- Design Tutorials
Last tutorial, I showed you how to design a watercolor effect menu in Photoshop. This tutorial I will show you how to slice up the menu design (step by step) and put them together with CSS. Most of you probably know how to code a horizontal or vertical CSS list menu. Now let’s take it to the next level — code an advanced (un-typical) list menu utilizing the CSS position property.
View Demo CSS menu
Download Demo ZIP (more…)
Original post by Nick La
- CSS
- Design Tutorials
