Replacing FP Hover Buttons

For those of you who are moving FrontPage to Expression Web, here is the latest tutorial from Cheryl Wise Replacing FP Hover Buttons.

Cheryl created this tutorial to show just how easy it is to use buttons without using the deprecated FP Hover buttons. This will allow you to continue to use the button styles you are currently using but reduce your page code and speed up load time. You will be replacing the old hover buttons with simple css and 3 buttons reused for each menu link. View the finished menu.

You can get the full tutorial Replacing FP Hover Buttons on Cheryl’s by-expression.com site. Be sure and check out her other tutorials and free templates.

Changing Default Color Scheme in Expression Web 4

Now that Expression Web 4 SP2a is available for free download, you have decided to move from your ancient FrontPage software or even an earlier version of Expression Web. You install the free version and look at the User Interface which is black and gray by default.

Screenshot Expression Web 4 User Interface.

Expression Web 4 User Interface


You decide this is too dark for you to comfortably work with and want to change it. This is easily done by going to Tools > Applications Options > General tab and ticking ‘Use your current Windows color scheme.’
Screenshot Application Options.

Screenshot Application Options.


Check and see if you like working with this interface.
Screenshot EW4 using Windows Color Scheme.

Screenshot EW4 using Windows Color Scheme.


After you have worked with Expression Web for a while, you may find out you prefer the black and gray interface as I do. It is easy enough to change back. While you are at it, why not download Tina Clarke’s free Setting up Expression Web 4 EBook.

Responsive CSS Menu

The latest tutorial from Cheryl Wise, Responsive CSS Menu has just been posted. Cheryl shows you how to create a simple horizontal menu that turns into a stacked vertical menu on cellphones and other small format devices. The tutorial starts with her earlier CSS 3 Horizontal menu tutorial and takes you through the necessary steps to change from the horizontal menu pictured below

Screenshot CSS3 Horizontal Menu.

CSS# Horizontal Menu

to a vertical stacked menu.

Screenshot Vertical Stacked Responsive Menu.

Vertical Stacked Responsive Menu

Read Responsive CSS Menu

Team Clueless - a rally or other event template

The latest offering from Cheryl Wise at by-expression.com is the Team Clueless Template that can be used for a rally or any type of event. This template has a separate display for small screen devices. This template also makes use of drop shadows and Google Web Fonts. You can view and download the template from Team Clueless Rally.

Cheryl has additional templates that can be downloaded from http://by-expression.com/page/Templates

team-clueless

Expression Web Tutorials by Cheryl Wise

Cheryl Wise was one of the first to offer tutorials on using Expression Web. Her Basic Website Video Tutorial while done using an earlier version of the software, remains an excellent resource. She is in the process of creating a new Basic Website Video Tutorial that will show you how to create the website shown below. Since it may take some time to get them all recorded and edited she will be creating text based tutorials using each script and screenshots.

tutorial-website
Her first in a new series of beginner tutorials for Expression Web 4 is now available:

Check back often as I will list the new tutorials as they become available.

For Expression Web support, visit Cheryl’s user friendly forum: Expression Web Forum