Build Your Own Business Website header image

Gradients

Part 9 – Understanding and Using Gradients

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

The last thing we're going to do in this lesson on Customizing Thesis 2 with Background Images, Colors and Gradients is to work with gradients. If you're not familiar with a gradient, a gradient is essentially a color range. It starts with one color, ends with another color and then computes the various colors based

Customize Skins with Background Images, Colors & Gradients

In this first lesson of our Customize Thesis 2 Like a Pro video tutorial series we look at the various ways to customize a Thesis skin using background images, background color and gradients. We look at both tiling and fixed background images and demonstrate various ways to use them. We also examine how to use

How to Create an apple.com Style Menu in Thesis 2 – Part 3 – Create the Gradient Background

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

We have the structure of our apple.com style menu spread out across this and now we're going to create the gradient background for it. Actually, I'm missing one color but I'll get that in a moment. We're going to come over here to ColorZilla Gradient Generator. And in fact, we're going to start off by

Creating a Full Width Header Using BYOB Thesis Plugins – Part 6 Add Gradient Background to the Header

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

This is the final part in the 6 part series on Creating a Full Width Header Using BYOB Thesis Plugins. In this session we show how to add background color to the header area using the BYOB Thesis Full Width Backgrounds Plugin. We use colorzilla.com to pick a color and generate the gradient code. We

How to Use CSS3 Gradients as a Header Background in Thesis

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - , ,

In this session we show how to create a header background using the Ultimate CSS3 Gradient Generator at colorzilla.com and then configure the header by adding some more CSS to style it. This shows how you can create and style your header without using an image and this applies to footers as well. Okay so

How to Configure Thesis Navigation Menu as Buttons Using CSS3 Gradients

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects - ,

In this session we show how to create individual buttons in the navigation menu using a CSS3 Gradients button generator and applying the code to a simple Thesis menu. We also show how to configure the size, hover, padding and spaces of the buttons. The next thing we’re going to do is make these individual

How to Add CSS3 Gradients to the Thesis Navigation Menu

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - , ,

In this session, we show how to style and add CSS3 gradients to the Thesis navigation menu using a button generator and coping and pasting the code to custom CSS. We also show how to adjust and style the buttons by writing some additional CSS. The first thing we’re going to do is we’re going

How to Create a Submit Button Using CSS3 Gradients

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

In this session we discuss how to create a submit button using a button maker that automatically generates the a code which you can very conveniently grab and paste into your Custom CSS. Yeah you know, I don’t think you can but you know, this is the perfect segue into something I prepared for the