Difference between revisions of "JonathanDarkSandbox"

From BlogNomic Wiki
Jump to navigation Jump to search
 
(22 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
== Pure embedded style table ==
 +
 
{| class="wikitable" style="table-layout: fixed; width:100%"
 
{| class="wikitable" style="table-layout: fixed; width:100%"
 
|-
 
|-
Line 24: Line 26:
 
|-
 
|-
 
|}
 
|}
 +
 +
[https://www.w3.org/wiki/CSS/Properties/color/keywords More CSS colors here]
  
 
{| class="wikitable"
 
{| class="wikitable"
 
|-
 
|-
 
! Name      !! Color
 
! Name      !! Color
 +
|-
 +
| - || style="background-color:lightgray;" | lightgray
 +
|-
 +
| - || style="background-color:darkgray;" | darkgray
 +
|-
 +
| - || style="background-color:pink;" | pink
 +
|-
 +
| - || style="background-color:hotpink;" | hotpink
 +
|-
 +
| - || style="background-color:lavender;" | lavender
 +
|-
 +
| - || style="background-color:orchid;" | orchid
 +
|-
 +
| - || style="background-color:salmon;" | salmon
 
|-
 
|-
 
| - || style="background-color:red;" | red
 
| - || style="background-color:red;" | red
 
|-
 
|-
−
| - || style="background-color:green;" | green
+
| - || style="background-color:crimson;" | crimson
 +
|-
 +
| - || style="background-color:orange;" | orange
 +
|-
 +
| - || style="background-color:lemonchiffon;" | lemonchiffon
 +
|-
 +
| - || style="background-color:yellow;" | yellow
 +
|-
 +
| - || style="background-color:gold;" | gold
 +
|-
 +
| - || style="background-color:palegreen;" | palegreen
 +
|-
 +
| - || style="background-color:yellowgreen;" | yellowgreen
 +
|-
 +
| - || style="background-color:mediumseagreen;" | mediumseagreen
 +
|-
 +
| - || style="background-color:turquoise;" | turquoise
 +
|-
 +
| - || style="background-color:lightskyblue;" | lightskyblue
 +
|-
 +
| - || style="background-color:dodgerblue;" | dodgerblue
 +
|-
 +
| - || style="background-color:deepskyblue;" | deepskyblue
 +
|-
 +
|}
 +
</blockquote>
 +
 
 +
== Zandorf style without crypt template ==
 +
 
 +
Borrowed from [[Zahndorf Crypt]] but not using [[Template:Crypt]]
 +
 
 +
{| cellpadding="8" style="text-align:center; border-collapse:separate;"
 +
|+ Grid Test
 +
| style="background-color:#fff; width:20px;" |
 +
| style="background-color:#fff; width:90px;" | 1
 +
| style="background-color:#fff; width:90px;" | 2
 +
| style="background-color:#fff; width:90px;" | 3
 +
| style="background-color:#fff; width:90px;" | 4
 +
| style="background-color:#fff; width:90px;" | 5
 +
| style="background-color:#fff; width:90px;" | 6
 +
| style="background-color:#fff; width:90px;" | 7
 +
| style="background-color:#fff; width:90px;" | 8
 +
|-
 +
| style="background-color:#fff; height:40px" | A
 +
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- A1 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- A2 -->
 +
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- A3 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- A4 -->
 +
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- A5 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- A6 -->
 +
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- A7 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- A8 -->
 +
|-
 +
| style="background-color:#fff; height:40px" | B
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- B1 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- B2 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- B3 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- B4 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- B5 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- B6 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- B7 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- B8 -->
 +
|-
 +
| style="background-color:#fff; height:40px" | C
 +
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- C1 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- C2 -->
 +
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- C3 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- C4 -->
 +
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- C5 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- C6 -->
 +
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- C7 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- C8 -->
 +
|-
 +
| style="background-color:#fff; height:40px" | D
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- D1 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- D2 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- D3 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- D4 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- D5 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- D6 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- D7 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- D8 -->
 +
|-
 +
| style="background-color:#fff; height:40px" | E
 +
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- E1 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- E2 -->
 +
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- E3 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- E4 -->
 +
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- E5 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- E6 -->
 +
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- E7 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- E8 -->
 +
|-
 +
| style="background-color:#fff; height:40px" | F
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- F1 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- F2 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- F3 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- F4 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- F5 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- F6 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- F7 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- F8 -->
 +
|-
 +
| style="background-color:#fff; height:40px" | G
 +
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- G1 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- G2 -->
 +
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- G3 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- G4 -->
 +
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- G5 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- G6 -->
 +
| style="width:90px; border:1px solid #333; background-color:mediumseagreen;" | [[File:Castle_400x400.jpg|40px]] <!-- G7 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- G8 -->
 +
|-
 +
| style="background-color:#fff; height:40px" | H
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- H1 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- H2 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- H3 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- H4 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- H5 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- H6 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;"    | [[File:Bridge_400x400.jpg|40px]] <!-- H7 -->
 +
| style="width:90px; border:1px solid #333; background-color:dodgerblue;" | - <!-- H8 -->
 +
|}
 +
 
 +
{| class="wikitable"
 +
|+ Roughhousing
 +
|-
 +
! Column 1 !! Column 2 !! Column 3
 +
|-
 +
| Row 1-1 || Row 1-2 || Row 1-3
 +
|-
 +
|
 +
* Row 2-1 item 1
 +
* Row 2-1 item 2
 +
* Row 2-1 item 3
 +
||
 +
* Row 2-2 item 1
 +
* Row 2-2 item 2
 +
* Row 2-2 item 3
 +
||
 +
* Row 2-3 item 1
 +
* Row 2-3 item 2
 +
* Row 2-3 item 3
 +
|}
 +
 
 +
[[File:Gravestone.png|600px]]
 +
 
 +
[[File:Seamless_skull.jpg]]
 +
 
 +
D̸̂̄Ē̴̚S̵̅͝T̵̂̐R̷̅͠Ö̷́͛Y̶̏
 +
 
 +
== Grid with background ==
 +
<div style="background-image: url('https://wiki.blognomic.com/images/2/20/Map_of_lake.jpg');">
 +
{| cellpadding="8" style="text-align:center; border-collapse:separate;"
 +
|+ Grid Test
 +
| style="width:20px;" |
 +
| style="width:90px;" | A
 +
| style="width:90px;" | B
 +
| style="width:90px;" | C
 +
| style="width:90px;" | D
 +
| style="width:90px;" | E
 +
| style="width:90px;" | F
 +
| style="width:90px;" | G
 +
| style="width:90px;" | H
 +
|-
 +
| style="background-color:#fff; height:40px" | 1
 +
| style="width:90px; border:1px solid #333; | - <!-- A1 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- B1 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- C1 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- D1 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- E1 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- F1 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- G1 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- H1 -->
 +
|-
 +
| style="background-color:#fff; height:40px" | 2
 +
| style="width:90px; border:1px solid #333; | - <!-- A2 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- B2 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- C2 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- D2 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- E2 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- F2 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- G2 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- H2 -->
 +
|-
 +
| style="background-color:#fff; height:40px" | 3
 +
| style="width:90px; border:1px solid #333; | - <!-- A3 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- B3 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- C3 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- D3 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- E3 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- F3 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- G3 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- H3 -->
 +
|-
 +
| style="background-color:#fff; height:40px" | 4
 +
| style="width:90px; border:1px solid #333; | - <!-- A4 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- B4 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- C4 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- D4 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- E4 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- F4 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- G4 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- H4 -->
 +
|-
 +
| style="background-color:#fff; height:40px" | 5
 +
| style="width:90px; border:1px solid #333; | - <!-- A5 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- B5 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- C5 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- D5 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- E5 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- F5 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- G5 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- H5 -->
 +
|-
 +
| style="background-color:#fff; height:40px" | 6
 +
| style="width:90px; border:1px solid #333; | - <!-- A6 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- B6 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- C6 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- D6 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- E6 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- F6 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- G6 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- H6 -->
 
|-
 
|-
−
| - || style="background-color:blue;" | blue
+
| style="background-color:#fff; height:40px" | 7
 +
| style="width:90px; border:1px solid #333; | - <!-- A7 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- B7 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- C7 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- D7 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- E7 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- F7 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- G7 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- H7 -->
 
|-
 
|-
 +
| style="background-color:#fff; height:40px" | 8
 +
| style="width:90px; border:1px solid #333; | - <!-- A8 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- B8 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- C8 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- D8 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- E8 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- F8 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- G8 -->
 +
| style="width:90px; border:1px solid #333; | - <!-- H8 -->
 
|}
 
|}
 +
</div>

Latest revision as of 21:26, 27 August 2024

Pure embedded style table

1 2 3 4 5 6 7 8 9 10
1 Value
2 Long Text Short
3 ReallyReallyLong
4
5
6
7
8
9
10

More CSS colors here

Name Color
- lightgray
- darkgray
- pink
- hotpink
- lavender
- orchid
- salmon
- red
- crimson
- orange
- lemonchiffon
- yellow
- gold
- palegreen
- yellowgreen
- mediumseagreen
- turquoise
- lightskyblue
- dodgerblue
- deepskyblue

Zandorf style without crypt template

Borrowed from Zahndorf Crypt but not using Template:Crypt

Grid Test
1 2 3 4 5 6 7 8
A Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg
B Bridge 400x400.jpg - Bridge 400x400.jpg - Bridge 400x400.jpg - Bridge 400x400.jpg -
C Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg
D Bridge 400x400.jpg - Bridge 400x400.jpg - Bridge 400x400.jpg - Bridge 400x400.jpg -
E Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg
F Bridge 400x400.jpg - Bridge 400x400.jpg - Bridge 400x400.jpg - Bridge 400x400.jpg -
G Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg Castle 400x400.jpg Bridge 400x400.jpg
H Bridge 400x400.jpg - Bridge 400x400.jpg - Bridge 400x400.jpg - Bridge 400x400.jpg -
Roughhousing
Column 1 Column 2 Column 3
Row 1-1 Row 1-2 Row 1-3
  • Row 2-1 item 1
  • Row 2-1 item 2
  • Row 2-1 item 3
  • Row 2-2 item 1
  • Row 2-2 item 2
  • Row 2-2 item 3
  • Row 2-3 item 1
  • Row 2-3 item 2
  • Row 2-3 item 3

Gravestone.png

Seamless skull.jpg

D̸̂̄Ē̴̚S̵̅͝T̵̂̐R̷̅͠Ö̷́͛Y̶̏

Grid with background

Grid Test
A B C D E F G H
1 - - - - - - - -
2 - - - - - - - -
3 - - - - - - - -
4 - - - - - - - -
5 - - - - - - - -
6 - - - - - - - -
7 - - - - - - - -
8 - - - - - - - -
Retrieved from "https://wiki.blognomic.com/index.php?title=JonathanDarkSandbox&oldid=27123"