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


Working With Blocks

A site page can include various blocks. The distinct location can be clearly viewed in outline mode, which is found in the edit tool bar. Each block is stored separately and can even be shared over many pages within HotDoodle.

Blocks consist of the following features:


  • Type

Identifies the code that turns block content into visible web language.

The block type may not be altered once inserted on a page. Deletion and reselection would be required if the block type were incorrectly chosen. Block settings can be configured once inserted on a page. When configuring a block, basic configurations appear in the primary edit window, and additional configuration options are available in advanced tabs or buttons.

  • Title

Almost all block types have the option to display a title. Their location is pre-set to appear above the block.

Title font, color, and positioning are already defined depending on the template look and style; however the text and general blocks provide the ability to create a title with different text options.

  • View

This is a "flavor" that tells the module to display its data in different ways.

Many block types come with a choice of views that change how content is presented. For example, the same calendar data can be shown as a list of dates, as a full calendar, or by week. The views for each block vary since each block has distinct functionality. The various view options are outlined in the edit mode of each block – click the style button to preview.

The style affects how the blocks is displayed and typically sets border, background color or images, and default font size.

Different look appearances of block content result from styles options found in the style button in edit block mode. Here are three text blocks in three styles:

Continued »
  • Configuration

Some blocks have additional options available as a configuration. Configurations affect what a block does, not what it contains.

  • Internal content

The data displayed by this particular block.



Basic Editing
Look for the edit doodle icon . The icon will we be positioned relative to the Block you wish to modify. Once clicked, an edit window will open allowing you to insert or edit content.

If configure blocks is checked there may also be  icons. Once clicked, an edit window will open allowing you to configure details about how the block behaves. An example would be to specify if articles will have pictures.

HotDoodle registered-users can edit their site pages via a web browser, any time, anywhere. Site owners possess the ability to grant editing privileges to other trusted or responsible site members.


Adding Blocks

Making your site feature-rich is made simple with HotDoodle’s block based technology.

1. Click the “Blocks” button in the edit bar, and then click “insert blocks."


2. Options to “insert here” will appear - select the location for the desired block.

3. Once a location has been selected, a window displaying all block options will appear. Choose the desired block type.



Moving Blocks

Blocks may be moved within their container.

1. Click the “Blocks” button in the edit bar, and then click "Move Blocks".


Note: To move blocks outside of containers, refer to "Copying Blocks" tutorial.

2. Once clicked, move block arrows will appear relative to each block and container. Management placement with these arrows.



Copying Blocks

To move blocks between containers is to copy and insert that block in the newly desired destination. If you choose to delete the original block you will have moved the content, otherwise you will have made a second reference to it.


 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 designs for Self-edit Sites Site Map