Learn the basic web design terms you need to create, design and style compelling web content like a pro using the Monkey Business Editor.

Monkey Business User Guide

Table of Contents

Fundamentals of Content Design & Styling

To design and style web content, you need basic understanding of the basic web design terms like borders, outlines, paddings, margins and so on. This article provides a fast introduction to these terms.
 
The Content
 
Select any content, like this DIV element in the editor, and you can design and style it as you like.
 
Selected Content and Container in the Monkey Business Editor
 
 
The Content Box Model
 
The Content Box Model gives each part of content a specific name ( i.e. border, outline, padding, etc ) in other to easily target it for design and styling; so you need a basic familiarity with these names and terms.
 
 
Styling Text Size and Line Height
 
Monkey Business allows you to easily change the Text Size and Line Height for any content.
 
Custom Text Style in the Monkey Business Editor Style Wizard
 
Text Size specifies the size of the text, whereas Line Height specifies the height of line of text. For example, compare this:
 
Custom Text Style Example 1 in the Monkey Business Editor
 
To this:
 
Custom Text Style Example 2 in the Monkey Business Editor
 
And you can see that when you have multiple lines of text, Line Height can have a profound effect on look and presentation.
 
Styling Colors 
 
Monkey Business allows you to change the Text Color and Background Color for any content.
 
Custom Colors in the Monkey Business Editor
 
For example:
 
Custom Color Style Example 1 in the Monkey Business Editor
 
 
Styling Backgrounds
 
Monkey Business allows you to easily use background images.
 
Custom Background Style in the Monkey Business Editor
 
For example:
 
Custom Background Style Sample in the Monkey Business Editor
Unless your background image has transparent portions to it, the background image will cover up your background color.
 
Styling Dimensions
 
You can easily change the Content's Width and Height
 
Custom Dimenstions Style in the Monkey Business Editor
 
For example:
 
Custom Dimension Style Sample in the Monkey Business Editor
 
 
Styling Paddings
 
Padding is the space between the Content and its four borders: Top, Bottom, Left, and Right.
 
Custom Background Style in the Monkey Business Editor
 
For example:
 
Custom Paddings Style Sample in the Monkey Business Editor
 
 
Styling Margins
 
Margin is the space between the Content and other contents in the editor.
 
Custom Margin Style in the Monkey Business Editor
 
For example:
 
Custom Margin Style in the Monkey Business Editor
 
 
Styling Rounded Corners 
 
Rounded Corners or Radius allow you change the curvature of the four corners of any content.
 
Custom Corners Style in the Monkey Business Editor
 
For example:
 
Custom Rounded Corner Style Sample in the Monkey Business Editor
 
 
Styling Borders
 
Border is the edge of the content. You can change the border style, size and color.
 
Custom Border Style in the Monkey Business Editor
 
For example:
 
Custom Border Style Sample in the Monkey Business Editor
 
 
Styling Outlines
 
Outlines are just like borders in every way, except outlines encase the border and it's borders, and do not consume any additional extra space in the content composition. 
 
 
Styling Shadows
 
With Shadows, you can design Shadows on content. 
 
There are 2 types of Shadows. Use Text Shadows for Text content, and Box Shadows for everything else.
 
Custom Shadow Style in the Monkey Business Editor
 
For example:
 
Custom Shadow Style Sample in the Monkey Business Editor
 
 
Combine styles for your masterpiece compositions
 
A great design is a Composition, with Monkey Business Style Wizard, you can easily create your own design masterpieces by combining individual style elements into one cohesive look and style. Learn more about creating and handling complex design compositions with content containers.
 
Style & Design Masterpiece Content with the Monkey Business Editor
 
 

Table of Contents

  1. Table of Contents
  2. Welcome
  3. Who is this guide for
  4. Get a Monkey Business Free Trial
  5. Managing your Monkey Business Installations
  6. Convert free trial to paid account
  7. Upgrading your website
  8. Canceling your website
  9. Accessing your website
  10. Setup DNS for domain names
  11. Activating SSL Certificate encryption
  12. Logging into your website
  13. Navigating your website
  14. Changing your website settings
  15. Website Under Construction Mode
  16. Website Maintenance Mode
  17. Website Performance Optimizations
  18. Managing your files and folders
  19. A Pageview in Monkey Business
  20. Creating and updating webpages
  21. Linking your webpages
  22. The Monkey Business Editor
  23. Using Content Templates in the Monkey Business Editor
  24. Using Content Managers in the Monkey Business Editor
  25. Using Custom Codes in the Monkey Business Editor
  26. Using Style Wizard in the Monkey Business Editor
  27. Fundamentals of Content Design & Styling
  28. Complex Designs and Content Containers
  29. Next Level of Content Design, Style & Presentation
  30. Using Monkey Business Effects
  31. Using Monkey Business Animations
  32. Buying, and installing a custom website theme
  33. Activate, and customize your custom design theme
  34. Fine-tune your custom design with the Quick Style Wizard
  35. Monkey Business Applications
  36. Video Tutorials
  37. Get professional help
  38. FAQs
Share this Page
$ 7.95 domain name registration.
Build your complete web solution: Brand, Website, Business.
Monkey Business Agency Inc. - Our business is building your business with software and services for smart, modern businesses.