Build Your Own Business Website header image

CSS3

Part 5 – Using CSS3 Text Shadow to Enhance your Design

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

The next thing we’re going to talk about in this Using Custom Fonts in Thesis Skins lesson is the text shadow property in CSS3. The text shadow property is pretty cool and it gets used a lot in Genesis. I use it in the menu in my Carta Skin for Thesis 2 a little bit.

Part 3 – Using Multiple Background Images in the Same HTML Element

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

We've got our tiled background image added in our Genesis 2 Child Theme, Executive Pro, and we've played around with background image repeat and background image position. One of the great things about CSS3 is it allows us to add more than one background image to the same area. So what we're going to do

How to Create a CSS-Tricks Style Navigation Menu Part 6 – Add the CSS Transition Animation

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to add the CSS transition animation and discuss the way to use the transition properties. We define the property that we are positioning, provide the time involved in creating the transition, define the kind of transition effect and the amount of time before the transition starts. We also discuss

Lesson 5 – Part 3 – Style the Background

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to -

So we've got our images cut out of the PSD file and we've got our images uploaded to the site. Now we're going to start styling the background. Before we style the background with CSS, I want to just go take a look at the Thesis Design Options on the site. Here we are on

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

Community Library Website Case Study – Part 35, Add Styling to WordPress Menus

Difficulty Level -

Filed Under Topics - , , , ,

Listed Under Lesson Subjects -

Applies to - ,

This is the thirty fifth in a series of live lessons on using WordPress and Thesis as a Content Management System (CMS). In this lesson we continue working on our new catalog page as we style the custom menus we created earlier. Using Firebug and Web Developer, we change the CSS so that the list