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)

Feed And Zoho Creator Integration - 15 Feb 2012 00:52
Feed Aggregator - 15 Feb 2012 00:52
Extra Side Bar - 15 Feb 2012 00:51
Embed your latest Twitter tweets - 15 Feb 2012 00:50
Embed Code From Other Services - 15 Feb 2012 00:50
EditGrid Spreadsheets - 15 Feb 2012 00:49
Easy Table Title Footers - 15 Feb 2012 00:49
Drop Caps - 15 Feb 2012 00:48
Display Random YT Video - 15 Feb 2012 00:48
Delicious Linkrolls - 15 Feb 2012 00:48
Dailymotion - 15 Feb 2012 00:42
Custom Toolbar Separators - 15 Feb 2012 00:41
CSI Cross site includes - 15 Feb 2012 00:40
Create an RSS Feed Button with Caption - 15 Feb 2012 00:40
Cornify - 15 Feb 2012 00:39
Conditional Blocks - 15 Feb 2012 00:36
Compact Feed Display - 15 Feb 2012 00:35
Collapsible Block Unleashed - 15 Feb 2012 00:33
Choose A Page! - 15 Feb 2012 00:32
Center Video - 15 Feb 2012 00:28
Cbox chatroom - 15 Feb 2012 00:28
Category Templates And Newpage - 15 Feb 2012 00:27
Categories - 15 Feb 2012 00:27
Calc5 - 15 Feb 2012 00:27
Block In Fixed Position In Browser - 15 Feb 2012 00:26
Blip TV - 15 Feb 2012 00:26
Bibliography/Footnotes/Comments Listed in TOC - 15 Feb 2012 00:26
Automatic Sitemap - 15 Feb 2012 00:25
Animoto - 15 Feb 2012 00:23
Alexa traffic ratings - 15 Feb 2012 00:23
Adding A Site Logo - 15 Feb 2012 00:23
3d tagcloud - 15 Feb 2012 00:22
Custom Permissions Error Message - 14 Feb 2012 03:42
New Tabview - 24 Oct 2011 23:53
Random Page - 18 May 2011 09:50
Previous and Next Navigation With ListPages - 24 Nov 2010 15:14
Redirect - 11 Feb 2010 10:00
Spoiler tags - 03 Nov 2009 13:30
How to format wikidot pages using HTML - 04 Aug 2009 15:05
Redirect: From (1st) - 01 Mar 2009 18:18
Redirect: From (2nd) - 01 Mar 2009 18:17
WEB 2.0 tools for Database - 16 Oct 2008 10:48

page 3 of 3« previous 1 2 3

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 によって変換されたページ (->オリジナル) /