Fundamentals of Content Design & Styling Learn the basic web design terms you need to create, design and style compelling web content like a pro using the Monkey Business Editor. Your User Guide to Monkey Business from AJIBOYE Monkey Business Agency. Learn how to use Monkey Business Management System to build your business FAST.

Fundamentals of Content Design & Styling

Published on Fri, Feb 19 2016 by Adebola Oyewumi
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
 
 

Discuss & Comment

Comment Type
DISLIKE
LIKE
NEUTRAL
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.