Builder CSS: Basic Structure

(Difference between revisions)
Jump to: navigation, search
(The Header Module)
Line 93: Line 93:
  
 
===The Header Module===
 
===The Header Module===
 +
 +
{| style="border: 1px solid darkgray;" cellpadding="25"
 +
|-
 +
|'''[builder-module-ID#-background-wrapper'''
 +
{| style="border: 1px solid darkgray;" cellpadding="25"
 +
|-
 +
|'''[builder-module-ID#-outer-wrapper]'''
 +
{| style="border: 1px solid darkgray;" cellpadding="25"
 +
|-
 +
|'''[builder-container-outer-wrapper]'''
 +
{| style="border: 1px solid darkgray;" cellpadding="25"
 +
|-
 +
|'''[builder-container] #ID'''
 +
{| style="border: 1px solid darkgray;" cellpadding="25"
 +
|-
 +
|'''[builder-module-backgroud-wrapper]'''
 +
{| style="border: 1px solid darkgray;" cellpadding="35" "
 +
|-
 +
|'''[builder-module-outer-wrapper]'''
 +
{| style="border: 1px solid darkgray;" cellpadding="25"
 +
|-
 +
|'''[builder-module] #ID'''
 +
{| style="border: 1px solid darkgray;" cellpadding="30"
 +
|-
 +
|'''[builder-module-block-outer-wrapper]'''
 +
{| style="border: 1px solid darkgray;" cellpadding="30"
 +
|-
 +
|'''[builder-module-block]'''
 +
|-
 +
|}
 +
|-
 +
|}
 +
|-
 +
|}
 +
|-
 +
|}
 +
|-
 +
|}
 +
|-
 +
|}
 +
|-
 +
|}
 +
|-
 +
|}
 +
|-
 +
|}
  
 
===The Navigation Module===
 
===The Navigation Module===

Revision as of 16:19, July 18, 2013

Contents

Container

Background Wrapper

Outer Wrapper

Module

Block

Element

Builder's Construction of CSS Wrappers

The following is a basic outline of Builder's construction of CSS wrappers. For individual module construction, see the Individual Module section below.


[BODY] #ID
[builder-container-background-wrapper]
[builder-container-outer-wrapper]
[builder-container] #ID
[builder-module-backgroud-wrapper]
[builder-module-outer-wrapper]
[builder-module] #ID
[builder-module-block-outer-wrapper]
[builder-module-block]


For Example:

Output (IDs are examples)
[BODY] #ID #builder-layout-51d70c106ac69
[builder-container-background-wrapper] .builder-container-background-wrapper
[builder-container-outer-wrapper] .builder-container-outer-wrapper
[builder-container] #ID #builder-container-51d70c106ac69
[builder-module-backgroud-wrapper] .builder-module-background-wrapper
[builder-module-outer-wrapper] .builder-module-outer-wrapper
[builder-module] #ID #builder-module-51d70c106ab33
[builder-module-block-outer-wrapper] .builder-module-block-outer-wrapper
[builder-module-block] .builder-module-block

For Individual Modules

The Header Module

[builder-module-ID#-background-wrapper
[builder-module-ID#-outer-wrapper]
[builder-container-outer-wrapper]
[builder-container] #ID
[builder-module-backgroud-wrapper]
[builder-module-outer-wrapper]
[builder-module] #ID
[builder-module-block-outer-wrapper]
[builder-module-block]

The Navigation Module

The Content Module

The Widget Bar Module

The Image Module

The Footer Module

The HTML Module


← Back to Builder Codex Home

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox