Apr 07, 2011 — 7 comments
Build a basic slideshow that has a layered frame using z-index and PNG transparency.
Print stylesheets often come as a secondary thought on many websites, after all, who prints a webpage anyway?! Despite their slightly infrequent use, a print stylesheet can really help polish the printed document for when it is used. It doesn’t take too long to create, so let’s take a look at some handy tips that you can put into practice on your own site.
Without regurgitating too much history behind image sprites and how and why we should use them, we’re going to create something practical that you can implement into your projects immediately. We’re going to skip the history lesson and get you started using CSS image sprites today.
Starting with a photoshop file and finishing with semantic HTML and CSS, we’ll be creating an advanced CSS navigation menu using its :hover and position properties.
Every tutorial I've done on navigation bars or menu's has been the normal one level navigation bar, but when you build a website you may feel the need to create sub categories, for example my blog houses various tutorials which are stored in categories, I have a drop down navigation bar on the main link, which is tutorials which then displays sub catergories and then the specific catergory e.g. Tutorials > XHTML > Basics in that example there are three levels. You can create navigation bar level
In this tutorial I show you how to use jQuery to grab your column heights, compare to them to each other and get your that perfect two column layout
Follow these steps to build your own modern navigation bar design, starting with the initial steps in Photoshop to flesh out the design, then moving on to constructing the HTML and styling with the CSS image sprite technique. However, if all that sounds too strenuous, there’s also a handy download of the source files especially for you!
Show's you a breakdown of how to style up each element of the Twitter badge and how to make it more interactive with jQuery. Free downloads of both badges too!
There are many different website layouts that are designed differently, many website layouts choose to have one or more sidebar, but a problem that you many encounter is how can you get the sidebar to be same length as your content? This is a good question, because if your sidebar ends before your content then your website layout will look strange. But there are methods of being able to achieve a sidebar that is the same height as your content. In this Quick CSS segment, im going to show you how
Help us out! More and more tutorials are submitted to Good-Tutorials each day. We could use your help with finding good tutorials. Mind lending a hand?