Wikidot

Manual

Text Size

Size of text in a Page can be changed using the SIZE tag

[[size 200%]]200% of Normal Size[[/size]]
[[size 80%]]80% of Normal Size[[/size]]
[[size 50%]]50% of Normal Size[[/size]]

200% of Normal Size
80% of Normal Size
50% of Normal Size.


Change Font

Use the

[[div Style="font-family:Arial Narrow"]] to change the font in a block of text[[/div]]:-

to change the
font in a
block of text

Note, there are only so many fonts supported.

If you want to change the font of a few words in a line of text, then you need to use

[[span style="font-family: Arial Black;"]]Your text [[/span]]

You can also change the font size using the "font size" attribute

[[span style="font-family: Arial Black; font-size: 140%;"]] your text [[/span]]


More examples:

[[div style="font-size:300%;color:#F00;font-family:Comic Sans, Comic Sans MS,cursive;""]]
Don't Panic!
[[/div]]

gives:-

Don't Panic!

Force new Paragraph

A space and an underscore at the end of a line
Forces a linebreak. one can (ab)use this
_
_
_
to override regular paragraphs.

A space and an underscore at the end of a line
forces a linebreak. one can (ab)use this



to override regular paragraphs.


text



Table width

Column width by padding-right

If you want to increase the width of a table-column than you should do exact this!
With using "padding-right" in one cell ( wherever..) :

[[span style="padding-right:45px"]]Your text[[/span]] :

here is an example:

Row 1: Header
Row 2: bla bla n
Row 3, cell 3: [[span style="padding-right:45px"]]Your text[[/span]] :

header1 Header2 header3
bla bla 1 bla bla 2 bla bla 3
short short Your text

Columnd width by Underscore trick

||this sentence is going _
to keep the colum width _
to about this size _
because i have used the _
underscore trick||

this sentence is going
to keep the colum width
to about this size
because i have used the
underscore trick

The wraparound feature does not work with URLs, So, as gerdarmi says it is best to give that url a name.

So:

||[http://www.wikidot.com Wikidot]||

Gives

Wikidot

Faked Numbered Lists

A) Numbered (nested) list

  1. Paragraph 1
    1. paragraph 1.1
    2. paragraph 1.2
      1. paragraph 1.2.1
  2. Paragraph 2
    1. Paragraph 2.1
  3. Paragraph 3

B) Faked numbered (span) list

1. Paragraph 1
1.1. Paragraph 1.1
1.2. Paragraph 1.3
1.2.1. Paragraph 1.2.1
2. Paragraph 2
2.1. Paragraph 2.1
3. Paragraph 3

Done with:

[[span style="margin-left:20px"]] 1. Paragraph 1 [[/span]]
[[span style="margin-left:40px"]] 1.1. Paragraph 1.1 [[/span]]
[[span style="margin-left:40px"]] 1.2. Paragraph 1.3 [[/span]]
[[span style="margin-left:60px"]] 1.2.1. Paragraph 1.2.1 [[/span]]
[[span style="margin-left:20px"]] 2. Paragraph 2 [[/span]]
[[span style="margin-left:40px"]] 2.1. Paragraph 2.1 [[/span]]
[[span style="margin-left:20px"]] 3. Paragraph 3 [[/span]]

B.1.) With Bold and Italic letters:

1. Paragraph 1
1.1. Paragraph 1.1
1.2. Paragraph 1.3
1.2.1. Paragraph 1.2.1
2. Paragraph 2
2.1. Paragraph 2.1
3. Paragraph 3

Done with:

[[span style="margin-left:20px"]] **1. Paragraph 1** [[/span]]
[[span style="margin-left:40px"]] //1.1. Paragraph 1.1// [[/span]]
[[span style="margin-left:40px"]] //1.2. Paragraph 1.3// [[/span]]
[[span style="margin-left:60px"]] 1.2.1. Paragraph 1.2.1 [[/span]]
[[span style="margin-left:20px"]] **2. Paragraph 2** [[/span]]
[[span style="margin-left:40px"]] //2.1. Paragraph 2.1// [[/span]]
[[span style="margin-left:20px"]] **3. Paragraph 3** [[/span]]

C) Faked numbered (») list

1. Paragraph 1

1.1. Paragraph 1.1
1.2. paragraph 1.2

1.2.1.. paragraph 1.2.1

2. Paragraph 2

1.1. Paragraph 2.1

3. Paragraph 3

Done with:

1. Paragraph 1
> 1.1. Paragraph 1.1
> 1.2. paragraph 1.2
>> 1.2.1.. paragraph 1.2.1
2. Paragraph 2
> 1.1. Paragraph 2.1
3. Paragraph 3

Further Reading:
Two Column Layout
Left, right, centered and justified

docs

Wiki

Wikidot.com Community Portal
How to Embellish Text. Some Examples
Design Your Own CSS Theme
Forum step-by-step
Templates How-To

HTML

W3School
HTML examples

XHTML

XHTML Tutorial

CSS

Cascading Style Sheets -- Home Page
Manual (em português)
CSS desde o início (em português)
CSS from the ground
CSS Tutorial
W3School
CSS Examples
FAQ
Cascading Style Sheets, level 1
Cascading Style Sheets, level 2
Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification
Wikidot layout structure
Wikidot sample 01

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-NonCommercial-NoDerivs 3.0 License