HotDoodle | Make a Website Yourself or Hire an Affordable Website Designer


“I would like to change my website’s font, width, color and layout, how do I do so?”

Try the following steps. They are presented in increasing flexibility but also with incresing complexity.


Modifying Fonts, Colors, Backgrounds:
  1. Try a Different Look
  2. Fine Tune your Look
  3. Make a custom look but change only variable values
  4. Make a custom look and edit the CSS

Note: Widths and heights are set in Fine Tune Your Look

Modifying Headers, Sidebars, Footers:
  1. Try a different Layout
  2. Configure Headers
  3. Make a custom layout

Try a Different Look

The very first thing to try is to change to a different look. It is similar to a faceplate of a cell phone that you can change anytime

1. In Edit Mode, Select the Site button | Configure | Look
2. Click on any interesting look to preview it
3. Return to the main pages and look over the site
4. You may save the selection (via Look / Save Look), you may cancel, or you may try a different look.

Until you save, whatever you see in the look preview is seen only by you and not by other site visitors.

Fine Tune your Look

If no existing look will do, then chose the look that is closest, save your selection, and try Fine Tuning it. When you fine tune your look you will be able to set background images and colors and the widths of the areas of the site or of the site itself.


Try a Different Layout

Layouts control if you have sidebars, headers, and footers. You can change anytime

1. In Edit Mode, Select the Site button | Configure | Layout
2. Click on any interesting layout to preview it
3. Return to the main pages and look over the site
4. You may save the selection (via Look / Save Look), you may cancel, or you may try a different layout.

Until you save, whatever you see in the look preview is seen only by you and not by other site visitors.

Configure Headers (also called Fine Tune your Layout)

The blocks that are present in the headers and sidebars can be set by the Configure Headers operation.  For example, this operation can be used to add or remove a picture block from the header.

  1. In Edit Mode, select the Site button | Configure | Headers
  2. Select the radio button of the Layout option you’d like to have.
  3. Scroll to the bottom of the page and click the Save button.


Advanced Customization

Important: We strongly recommend that you consider the above methods before attempting to create a custom look or layout.

If the above steps do not provide desired Look or Layout flexibility then you can make a custom one.  For guidance, view section Design Custom Look.


Overview of HotDoodle Websites

In order to begin creating a custom look for HotDoodle, you need to understand how a HotDoodle website is assembled. HotDoodle websites consist of three main elements:

Layout - Sets the basic HTML structure for the site. For example, enabling a sidebar and its position on the page.

Look - Sets colors, fonts, etc. – Basically, "Look" is just a customer-friendly word for the site’s main CSS Style Sheet.

Content - Blocks that show content ranging from text, pictures, calenders, login fields, forms, etc.

Note: Blocks are pre-built structures that are inserted into a HotDoodle template. They are designed for different types of content and encompass everything from a basic text editor to more complex content needs like picture albums, calendars or product catalogs. Blocks are generated by the HotDoodle engine with selectable configuration options.

Most sites use a layout that divides the webpage into the following areas:

  Body - the entire webpage
  Content - the portion with your content
  Header – the section at the top of you web page
  Sidebar
  Footer
  Main Area
 
The backgrounds inherit from each other - if the content background is not modified the body background is used. If the header, footer, sidebar, or main backgrounds are not modified the content background shows through.

 Copyright 2005-2010 Metabyte, Inc. All Rights Reserved

http://www.hotdoodle.com, HotDoodle™ Custom Web Design and Quality Affordable Website Designers for Small Businesses and Professionals
Powered by http://www.hotdoodle.com, HotDoodle™ Custom Web Design and Quality Affordable Website Designers for Small Businesses and Professionals
Custom Website Design for Websites you Can Edit Site Map