This is a simple example of niftybox
This is a more complex example of niftybox
Let's put some text here. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum
|
| |
| |
| Crimson
| | Lawn Green
| | Corn Flower Blue
| |
| |
| |
|
|
| |
| |
| This text will be placed in column 1
| | This text will be placed in column 2. I am inserting a longer paragraph here but we can ensure that this all columns will be equal in height.
| | This text will be placed in column 3. The background color will be light grey.
| |
| |
| |
|
THINGS TO REMEMBER
- Use our forum if you have any questions - http://www.babygekko.com/forum. Please note that we have other commercial work too, so don't be upset if your question doesn't get answered immediately.
- Please remember{/niftycolumn} and {/niftybox} closing tags to ensure that your layout is clean!
- If your layout becomes disorganized, watch for unclosed tags in between the bot. For example, <div>{niftynextcolumn} some text</div>{/niftybox} is likely to break. WYSIWYG editors like JCE and TinyMCE tends to do that
- The color names are fetched from standard HTML color. It is best to specify hex instead of color names. DO NOT SPECIFY SHORTHAND CSS COLOR, e.g: #FFF - use the full #FFFFFF instead due to some browser incompatibilities.
SYNTAX
Note: {nextcolumn} do NOT need {/nextcolumn}. It is simply a column break.
CLICK HERE FOR THE FULL COLOR TABLE (updated April 20, 2007)
USAGE EXAMPLE (copy & paste the text below to your WYSIWYG editor)
See the full demo here.
Thank you for your support. Have fun!
|