Build Your Own Business Website header image

BYOB Thesis Nav Menu

How to Create a Dropline Style Menu in Thesis Part 4 – Final Adjustments

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

Applies to -

In this session we make final adjustments to the menu style using custom code and our Thesis Nav Menu plugin settings. We center the bullets using the position property, fix the arrow and adjust the margins in the Nav Menu plugin settings. Rick: 25 pixels. And this could be the case where we need to

How to Create a Dropline Style Menu in Thesis Part 3 – Style the Submenu

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to create submenu styles using our Nav Menu plugin. Then we switch to custom styling using relative and absolute positioning to complete the design style. We discuss how the CSS position property works and then show how to apply both relative and absolute positioning to the menu to create

How to Create a Dropline Style Menu in Thesis Part 2 – Create the Top Menu Level Styles

Difficulty Level -

Filed Under Topics - ,

Applies to -

In this session we show how to create the top menu level styles using the Nav Menu under Thesis Design Options and our Thesis Nav Menu plugin. We set the font styles and colors, set up the typical menu item styles, setup the link background style, make the background color transparent. Rick: So what we’re

How to Create a CSS-Tricks Style Navigation Menu Part 5 – Style the Third Menu Item

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

In this session we show how to style the third menu item with the border style, link background style and color, hover and current background style and link, hover and current border style. And we discuss how each of these menu items affect the appearance of the site. So I’m going to do this one

How to Create a CSS-Tricks Style Navigation Menu Part 4 – Style the Second Menu Item

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to style the second menu item. We set up the images and the colors and configure the link background style. We configure each link state separately and allow the current border style to be styled differently. Okay so the next thing to do is to kind of move along

How to Create a CSS-Tricks Style Navigation Menu Part 3 – Style the First Menu Item

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to style the first menu item in our Thesis Nav Menu plugin options page. We customize the background image and color, link background style, hover background style and current background style.Okay so that’s that. Although very interestingly, the height here is very different because the height includes the padding

How to Create a CSS-Tricks Style Navigation Menu Part 2 – Setup Typical Menu Item Style

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

In this session we show how to setup the typical menu item styles in the BYOB Thesis Nav Menu plugin options. We create the background image for the menu in photoshop and finish by using our BYOB Full Width Backgrounds plugin to style the background of the menu. So now that we have that image

How to Create a CSS-Tricks Style Navigation Menu

Difficulty Level -

Filed Under Topics - , , ,

Listed Under Lesson Subjects -

Applies to -

This is a special kind of menu that is made up of an image sprite in which each individual menu element has its own image, its own background hover color and current style. We show you how to create this menu style using our BYOB Thesis Nav Menu plugin and custom code. To view the menu style we used as inspiration visit the CSS-Tricks website (http://css-tricks.com/.)

How to Convert a Static HTML Site to Thesis Part 7 – Style the Submenus

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to style the submenus background color, text font size and text colors. We customize each menu item separately by creating 3 different menu tabs which have customized width and border. We create classes and apply the style to each of the menu tabs. Now we have this thing set

How to Convert a Static HTML Site to Thesis Part 6 – Style the Menu

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

In this session we show how to use our Thesis Navigation Menu Plugin to add special styling to the menu. We customize the overall height and width, and overall background using a background image. We use the typical menu item styles to add padding and margin and the typical background styles. We also show how

Lesson 8 – Part 7 – Install the BYOB Thesis Simple Nav Menu Plugin

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

Applies to -

In order for us to make the two menus identical, we are going to be using the BYOB Thesis Simple Nav Menu Plugin. If you've explored the site at all, you may have discovered that at our Member Benefits, we have plugins that I've designed to make styling a Thesis site easier. BYOB Thesis Plugins

How to remove the Thesis Header Image and Navigation Menu from a specific page

In this session we show how can you remove Thesis Header Image, Page Title, Thesis footer and Thesis Sidebars from a specific page using the BYOB Thesis Landing Pages plugin. We also show how to remove Thesis Nav from a specific page using BYOB Thesis WP Menus plugin.

Creating a Full Width Header Using BYOB Thesis Plugins – Part 3 Configure the Nav Menu Plugin

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects -

Applies to -

This is part 3 of 6 in a series on Creating a Full Width Header Using BYOB Thesis Plugins. In this session we show how to configure the navigation menu using features available in the BYOB Thesis Navigation Menu plugin. A bit and now I definitely want to move this down and I want to