Create a Background Using Css

Add a background .mp3 file to play music when visitors come to your website. You can also build buttons to allow users to pause, mute or play the file while they're on your website. This tutorial shows you how to build this system using Action Script 3 and Adobe Flash CS4.

In this clip, you will see how to create a cool parallax effect with some CSS and images. Whether you're using a fancy WYSIWYG (or what-you-see-is-what-you-get) page editor like Adobe Dreamweaver CS5 or a barebones text editor like Notepad, if you want to build websites, you'l ...more

See how to add a background image to an CSS image container div with this handy hand-coder's guide. Whether you're using a fancy WYSIWYG (or what-you-see-is-what-you-get) page editor like Adobe Dreamweaver CS5 or a barebones text editor like Notepad, if you want to build websi ...more

This video shows you how to style text using the CSS panel, instead of using the Property inspector in Dreamweaver CS3. You'll also learn how to tackle cross-browser CSS rendering issues using CSS Advisor. Check out this cool tutorial from Joseph Lowery now! Style text using C ...more

If you want to create a space arcade game, then you won't want to miss this! In this video tutorial you will learn to create your own scrolling game background using Macromedia Flash. By moving the background you can create the feeling of moving forward - just what you'll need ...more

If you don't learn anything else about writing a website using CSS, learn this. This video teaches you about how to use the Box Model, which will save you hours of frustration and re-tinkering your website once you master how to use it.

This tutorial goes from the box model and then progresses on to show you how you can use floats when designing a website using CSS. Which layout you choose will determine how your website looks, so make sure you pick the one that's the best for your needs.

Bucky from The New Boston serves up this CSS video tutorial on how to group elements using CSS web development. You can make stunning websites with CSS and XHTML. Cascading Style Sheets (or CSS) is a style sheet language, a simple mechanism for adding style (e.g. fonts, color ...more

A fixed layout means your website will not change size no matter the size of the browser it's being used in. This tutorial shows you an easy and quick way to set up the CSS for your website to give it a fixed layout.

A liquid layout will change size as the browser also changes size. It's a good layout to use if you're trying to design a website that can be read on many different size screens and browsers. Here's how you can implement a liquid layout in three minutes.

Need to make a custom, digital clock that will run in all major desktop and smartphone browsers? This tutorial shows you how to employ Javascript functions to communicate in real time with web page elements to get a slick CSS animated clock. Cool, eh? Learn some excellent Jav ...more

This video tutorial belongs to the software category which is going to show you how to darken the background in Photoshop using the burn tool. This is an example of how to improve your dodging and burning using the adjustment layers. For this open a photo and go to 'layer', s ...more

If your YouTube page looks boring and outdated, why don't you take the time to make your own background and template? It's really easy to do and can help add some subscribers to your channel. In this tutorial you'll find out how to do just that using Adobe Photoshop. It's eas ...more

Found a great image you want to use for your website or blog, but don't like the background? this tutorial shows you an easy way for you to take any image in the free photo editing software GIMP and edit away the background.

Learn how to add a new background to an image using Gimp. 1 Open the original image and the new background in Gimp. 2 Open the layers dialog and then click on add an alpha channel. 3 On the original image choose 'Select by color' from the menu and then hit delete. 4 Copy the i ...more

See how to use Audacity to duck or fade music behind voice tracks, most frequently used when preparing audio files for podcasts.

The Chroma Key tool is a useful function in Adobe Photoshop which can let you select, group and otherwise work with colors when retourching a Photoshop image. This tutorial also shows you how to work with hair while trying to key out your background.

Why do passport photos and driver's license pictures always get a bad rep? Well, other than the lighting being atrocious and the photographers being underpaid civil servants, bad photos usually result from bad backgrounds. Switch your plain white stand-in background for a mor ...more

Pitch perfect magazine photos don't just happen - they're made. Even the most beautiful model in the world needs airbrushing on her abs to soften them, undereye concealing, and shadow reduction. And backgrounds are often added in digitally if the current one doesn't work. Lea ...more

A style sheet can ensure a uniform appearance for your website, as it gives you the ability to standardize font appearance, layout and spellings of unusual words on your website. This tutorial shows you how to create a style sheet and then import it into the Adobe Flash CS5 pr ...more

Photoshop is great software for manipulating images, and Dreamweaver is great software for making websites. Do you want to combine their powers to create an even more awesome website? This video will show you how to move designs from Photoshop into Dreamweaver properly, enabli ...more

Using three layers of alpha transparent PNG files, we can can create a pseudo 3-dimensional looking background for a web page using the parallax effect. This video screencast covers how to do that from start to finish. Since Internet Explorer 6 and under do not support alpha t ...more

In this tutorial the author shows how to make a simple JavaScript image gallery. In this video the instructor shows how to set up a Lightbox tool. Lightbox is a simple image or photo gallery script which you can use on your website. It is a free tool and it is very easy to set ...more

Using GoLive CS2, you'll learn how to create some CSS-based rollovers. This is really an easy way to create some rollovers, using CSS, which is an incredibly useful and powerful way to style and design your website pages. In this GoLive video tutorial, learn how to style not o ...more

Today, see how to use GoLive CS2 to create pure CSS layouts. That's using CSS to lay your website out, which is a really nice way to layout your webpages. It's laying it out without tables, and allows the site to change based on the users resolution. In this video tutorial, se ...more

Learn how to style images using CSS, or cascading style sheets, when using Dreamweaver CS5. Whether you're new to Adobe's popular WISYWIG page editor or a web design professional just looking to better acquaint yourself with the unique features of Dreamweaver CS5, you're sure ...more

Being organized and using good formatting in your CSS files can save you lots of time and frustration during your development process and especially during troubleshooting. The multi-line format makes it easy to browse attributes but makes your file vertically very long. The s ...more

Have you ever wanted to create a background with one of your photos? This video shows you how to use one of your photos to create a photo background using Adobe Photoshop. It will show you how to use the free transform tool, overlay blend modes, hue and saturation, drop shadow ...more

CSS div layers permit you to abandon the traditional MySpace layout by covering it up with a blank slate. Then you can create virtually anything you want to. You can add images, tables, Flash documents—most anything you can think of. For more information, and to get started us ...more

How to create a seamless tile image to use as a desktop wallpaper or webpage background using Adobe Photoshop.

Check out this quick tip for Apple's Final Cut Pro. See how to use the "add" composite mode in Final Cut Pro. Footage Firm has given DV Professionals access to free footage of a numbers graphic. If you want to build up a background using this free footage with only Final Cut ...more

In this video tutorial, Creative Cow contributing editor Eran Stern will show you a cool technique for filling an image of a human head with animated numbers using After Effects CS3's Text tool. The second video will continue to finesse the design of the Digits Man promo. Lear ...more

Sometimes the background you're using in a photograph doesn't quite match up with your subject and you want something different to highlight whatever you're photographing. There's where Photoshop and/or green screens come in. In this video, Keith Trainor - Event and Social Ph ...more

Formatting text in Dreamweaver requires a slightly different approach than other programs you may be used to like InDesign or Word. Styling web pages (and text on those web pages) is controlled through Cascading Style Sheets and in Dreamweaver that means using the CSS Style Pa ...more

A beginner's guide - learn all about creating layers (or AP Divs in Dreamweaver CS3). Learn about applying properties to custom CSS rules and using stacked Divs to create interesting effects with images.

Forget tables, start using list items and some css to start styling your forms. In this CSS tutorial, you learn just that. Whether you're using a fancy WYSIWYG (or what-you-see-is-what-you-get) page editor like Adobe Dreamweaver CS5 or a barebones text editor like Notepad, if ...more

There are many ways to remove an image from its background in Photoshop and using the filter tool is probably the easiest way to do the job. In this detailed video you will learn to use the Extract Filter in Photoshop to take a portion of an image and remove it from the backgr ...more

Creating a silhouette from a photo is nothing new, but with Illustrator CS4’s new Blob Brush tool, it has become a lot easier. Corey demonstrates how to use the Blog Brush tool to create a silhouette, and how to create some quick background effects using the Gradient Mesh tool ...more

Adobe Dreamweaver CS4 is one of the most powerful tools for creating websites today. This video teaches you how to center your swl file on your website using an xhtml workaround and css. It will look much more professional as a result, since it won't be out of alignment when v ...more

Erik from Indy Mogul teaches you how to build a miniature space ship for your films for under $20. Also covered, are using green screen to create background effects for your UFO film.

Learn how to edit external CSS or cascading style sheets when using Dreamweaver CS5. Whether you're new to Adobe's popular WISYWIG page editor or a web design professional just looking to better acquaint yourself with the unique features of Dreamweaver CS5, you're sure to be w ...more

In this After Effects tutorial, Creative Cow Contributing Editor Eran Stern takes you behind the scenes and show you how he created the background animation for his DVD Promo using Trapcode 3D Stroke and Shine. Part two continues to show you how he designed the 3D Titles for h ...more

This Camtasia Studio 5 tutorial shows you how to even out the volume level using dynamic range control, and how to remove background noise. Enhance audio in Camtasia Studio 5 recordings. Click through to watch this video on techsmith.com

There's a technique available for digital SLR cameras that most amateur photographers do not know about, or do not use correctly, and that's using a simple telephoto lens (long lens) to create blurry background, great portraits or awesome up-close macro shots. Without the tele ...more

Pixel Perfect is the "perfect" show to help you with your Photoshop skills. Be amazed and learn as master digital artist Bert Monroy takes a stylus and a digital pad and treats it as Monet and Picasso do with oil and canvas. Learn the tips and tricks you need to whip those dig ...more

Interested in using a satellite picture of the Earth as the background on your Microsoft Windows desktop computer or laptop? This clip will show you how it's done. It's easy! So easy, in fact, that this handy home-computing how-to from the folks at Tekzilla can present a compl ...more

Rick Vanman reveals the secrets to professional video effects using your own computer software. Position your model houses into a setup of your liking. Take a picture of the houses with a digital camera using the macro setting. Edit your picture in Photoshop. Disguise any unwa ...more

This clip demonstrates how to create a caustic lighting effect using Houdini's Mantra PBR rendering engine. The first part starts with a refresher on refraction. More generally, guide looks at setting up normals correctly, then at the glass shader in Houdini, faux caustics and ...more

See a very simple way to create a two-column layout with pure CSS. Whether you're using a fancy WYSIWYG (or what-you-see-is-what-you-get) page editor like Adobe Dreamweaver CS5 or a barebones text editor like Notepad, if you want to build websites, you'll need to have some und ...more

Learn how to easily create a CSS photo gallery with a unordered list and a little bit of CSS. Whether you're using a fancy WYSIWYG (or what-you-see-is-what-you-get) page editor like Adobe Dreamweaver CS5 or a barebones text editor like Notepad, if you want to build websites, y ...more