Using Divs

By (user deleted)

Description

This is a page template that uses DIVs to create colored boxes. Use it for example as the start page of your wiki

Code

Put some header text here if you need it.
[[div style="border:solid 1px #999999;width:48%;height:22em;background:#fdf5e6;padding:5px;float:left;margin-bottom:4px"]]
**Box 1**
Contents of box 1
[[/div]]
[[div style="border:solid 1px #ffffff;width:48%;height:22em;background:#ffffff;padding:5px;float:right;margin-bottom:4px"]]
**Box 2**
Contents of box 2
[[/div]]
[[div style="border:solid 1px #ffffff;width:48%;height:24em;background:#ffffff;padding:5px;float:left;margin-bottom:4px;"]]
**Box 3**
Contents of box 3
[[/div]]
[[div style="border:solid 1px #999999;width:48%;height:24em;background:#ffe4e1;padding:5px;float:right;margin-bottom:4px;"]]
**Box 4**
Contents of box 4
[[/div]]

In action

http://reisomdewereld.wikidot.com


Thanks to tsangk for this great snippet: conditional-blocks


text above inserted with:

[[include :snippets:if START |unique=1|type=equal|var1=%%name%%|var2=conditional-blocks]]
**##red|Thanks to tsangk for this great snippet:##** [[[code:conditional-blocks]]]
[[include :snippets:if END]]



Other snippets posted by (user deleted)

WoW Tooltips - 16 Feb 2012 01:52
Wishlist - 16 Feb 2012 01:52
Widgetbox Panel - 16 Feb 2012 01:52
Welcome - 16 Feb 2012 01:52
Voicethread - 16 Feb 2012 01:51
Vimeo - 16 Feb 2012 01:51
Video Quiz - 16 Feb 2012 01:51
Video Player - 16 Feb 2012 01:50
Video from Revver - 16 Feb 2012 01:50
Tweet Button - 16 Feb 2012 01:49
Top Nav Menu with ListPages - 16 Feb 2012 01:48
TOC's from many pages - 16 Feb 2012 01:47
Thumbnail page list using ListPages - 16 Feb 2012 01:47
Tags as variables - 16 Feb 2012 01:46
Tabs - 16 Feb 2012 01:45
Table Alterations - 16 Feb 2012 01:45
Syntax Highlighter - 16 Feb 2012 01:45
Standalone Page Buttons - 16 Feb 2012 01:44
Sproutbuilder - 16 Feb 2012 01:44
Social Bookmarking - 16 Feb 2012 01:42
Slideshare - 16 Feb 2012 01:42
Slideboom - 16 Feb 2012 01:42
Slideaware - 16 Feb 2012 01:41
Simple Gallery - 16 Feb 2012 01:41
Show A YouTube Video Saved On Your Page - 16 Feb 2012 01:41
Shoutbox.Us - 16 Feb 2012 01:40
Search and tags in the same page! - 16 Feb 2012 01:40
Schooltube - 16 Feb 2012 01:40
Schedules - 16 Feb 2012 01:40
Remove Duplications - 16 Feb 2012 01:39
Remember The Milk Todo - 16 Feb 2012 01:39
RegExp Date Wizard - 16 Feb 2012 01:39
Reflections - 16 Feb 2012 01:39
Referencing to a Common Reference Page - 16 Feb 2012 01:38
Redirect: To - 16 Feb 2012 01:37
Recent Changes (mini) - 16 Feb 2012 01:36
Rating Summary - 16 Feb 2012 01:35
"Random Page!" link - 16 Feb 2012 01:35
Use any html code on a page - 16 Feb 2012 01:34
Quoted Blockquotes - 16 Feb 2012 01:33
Quimble Poll - 16 Feb 2012 01:33
Quikmaps Maps - 16 Feb 2012 01:33
Previous Next - 16 Feb 2012 01:32
PollDaddy - 16 Feb 2012 01:32
Poll - 16 Feb 2012 01:31
Playlist - 16 Feb 2012 01:31
Pictures with the text under it - 16 Feb 2012 01:31
Picasaweb - 16 Feb 2012 01:30
picasa flash - 16 Feb 2012 01:30
Photobucket Widget - 16 Feb 2012 01:29
Page Previews (Snap.com) - 16 Feb 2012 01:29
Page Collections and Sequence Boxes - 16 Feb 2012 01:28
Pabpixies Gadgets - 16 Feb 2012 01:28
Os Detection - 16 Feb 2012 01:27
Ohloh - 16 Feb 2012 01:27
NewPage Button - 16 Feb 2012 01:26
Newline in lists - 16 Feb 2012 01:26
Module Listpages Tags - 16 Feb 2012 01:24
Module Feed Drilldown: Details Page - 16 Feb 2012 01:24
Module Feed Drilldown - 16 Feb 2012 01:24
Module Feed: Collapsible - 16 Feb 2012 01:23
Module Categories - 16 Feb 2012 01:23
MiniRecentPosts With Limit - 16 Feb 2012 01:23
Minialist theme - 16 Feb 2012 01:22
Mimic Colspan With Multiple Tables - 16 Feb 2012 01:21
Mibbit - 16 Feb 2012 01:21
Meebo me - 16 Feb 2012 01:20
Making default templates work - 16 Feb 2012 01:20
ListPages: Horizontal? - 16 Feb 2012 01:20
Layout With Tables - 16 Feb 2012 01:19
LaTeX Table - 16 Feb 2012 01:19
Js Kit Ratings - 16 Feb 2012 01:15
Jotform - 16 Feb 2012 01:14
JavaScript Addition - 16 Feb 2012 01:14
Java Applets - 16 Feb 2012 01:13
jamendo widgets - 16 Feb 2012 01:13
Invisible edit-sections button with fixed screen position - 16 Feb 2012 01:12
Instacalc - 16 Feb 2012 01:12
Indent - 16 Feb 2012 01:12
Import the Digg Feed - 16 Feb 2012 01:11
Import a News Feed - 16 Feb 2012 01:10
iframe embed - 16 Feb 2012 01:08
Google YouTube Videobar - 16 Feb 2012 01:06
Google Translate - 16 Feb 2012 01:06
Google Maps - 16 Feb 2012 01:05
Google Gadgets - 16 Feb 2012 01:05
Google Document - 16 Feb 2012 01:04
Google Analytics - 16 Feb 2012 01:04
Glossary - 16 Feb 2012 01:03
Gametrailers - 16 Feb 2012 01:03
Gadget. Calendar - 16 Feb 2012 01:02
Gabbly chat - 16 Feb 2012 01:02
Forum Summary for the Front Page - 16 Feb 2012 01:02
Footnotes - 16 Feb 2012 01:01
Foldable List - 16 Feb 2012 01:01
Flickr Video - 16 Feb 2012 01:01
Flickr Images By Tags - 16 Feb 2012 01:00
Feedburner - 15 Feb 2012 00:53
Find untagged pages - 15 Feb 2012 00:52

page 2 of 3« previous 1 23 next »

Rate this solution

If you think this solution is useful — rate it up!

rating: +29
Is it possible to use identifiers and classes?
nunobaba nunobaba 19 Jun 2007 17:43

Div blocks are cool. One of the reasons they are powerful is that we can assign identifiers and classes to them. I haven't found any clues to use them with the Wikidot wiki syntax. Could you tell me? Thanks.

by nunobaba nunobaba , 19 Jun 2007 17:43
Re: Is it possible to use identifiers and classes?
Phil Chett Phil Chett 27 Jul 2007 12:50

Hartnell and others has been writing some good stuff about divs.
have a look at the community forums and how to's: for more info

here

by Phil Chett Phil Chett , 27 Jul 2007 12:50
page revision: 2, last edited: 16 Feb 2012 01:50
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License
Click here to edit contents of this page.
Click here to toggle editing of individual sections of the page (if possible). Watch headings for an "edit" link when available.
Append content without editing the whole page source.
Check out how this page has evolved in the past.
If you want to discuss contents of this page - this is the easiest way to do it.
View and manage file attachments for this page.
A few useful tools to manage this Site.
Change the name (also URL address, possibly the category) of the page.
View wiki source for this page without editing.
View/set parent page (used for creating breadcrumbs and structured layout).

AltStyle によって変換されたページ (->オリジナル) /