ScriptPlazza » CSS Stylesheets

How to Create CSS Buttons with Pseudo-elements

admin — Thu, 26 Jan 2012 23:33:27 +0000

In this tutorial, I’ll show you how to create buttons with a twist, using just one anchor tag per button and the great power of CSS.

An Analysis of Typography on the Web

admin — Tue, 21 Sep 2010 13:44:08 +0000

Typography is one of the most—if not the most—important aspects of web design. Some would argue that it takes up to 95% of web design, so why do we often neglect its importance? The readers who come to your site will often decide whether or not to stay according to your typographic choices.

Cross-Browser Gradient Backgrounds

admin — Fri, 13 Aug 2010 12:41:10 +0000

One of the great new features coming with CSS3 is the ability to use native gradient backgrounds. In addition to saving server resources (no need to call an external image), the gradients tend to be more vibrant and faithful to the original colors than any external images.

Creating A 3 Columns Fixed CSS Layout

extendstudio — Thu, 05 Aug 2010 14:52:58 +0000

In this tutorial we will use the Flexi CSS Layouts Dreamweaver extension to create a simple 3 columns CSS layout with a fixed width. The layout will have a header and footer and the content part will be split in 3 columns. Using the Flexi CSS Layouts extension, the layout will look the same in all major browsers.

Requirements for this tutorial:

* Adobe Dreamweaver CS3, CS4 or CS5
* Flexi CSS Layouts Dreamweaver extension

Remove Button Focus Outline

admin — Mon, 26 Jul 2010 11:30:25 +0000

Alot of people will use the outline CSS property to get rid of the focus outline around links using something like this:
* { outline: none;}

It is possible to remove (or style) this border, although be aware that it only works in Gecko based browsers.

How To Create Depth And Nice 3D Ribbons Only Using CSS3

admin — Tue, 13 Jul 2010 14:17:06 +0000

There are some properties of the CSS3 languages that can help us to accomplish this mission.
We will use box-shadow to create a drop-shadow with RGBa, a color model that allows an optimized contrast with any kind of backgrounds.

Awesome Cufonized Fly-out Menu with jQuery and CSS3

admin — Mon, 05 Jul 2010 14:18:34 +0000

In today’s tutorial we will create a full page cufonized menu that has two nice features: when hovering over the menu items we will move a hover-state item that adapts to the width of the current item, and we will slide out a description bar from the left side of the page, reaching towards the current menu item.

Creating Dynamic Buttons With CSS3

admin — Tue, 27 Apr 2010 22:47:43 +0000

Creating buttons with CSS becomes a lot more comfortable. The following example demonstrates how to create nice looking, dynamic buttons that are fully scaleable using the new CSS3 properties border-radius, box-shadow and RGBa.

Centering a Div Both Horizontally And Vertically

admin — Fri, 09 Apr 2010 10:07:04 +0000

While building web page layouts, you’ve probably been faced with a situation where you need to center a div both horizontally and vertically with pure CSS. There are more than a few ways to achieve this, and in this MicroTut I am going to show you my favorite involving CSS and jQuery.

Making Image Overlay Caption Using CSS

admin — Fri, 19 Mar 2010 00:04:50 +0000

In this tutorial we will make a nice transparent overlay image caption using CSS.