Thread
Started by: rbk rbk
Date: 28 Feb 2007 22:08
Number of posts: 36
rss icon RSS: New posts
Summary:
Attaching a caption to an image would be useful, especially for technical pages.
Image captions?
rbk rbk 28 Feb 2007 22:08

I'd like to be able to attach a caption to an image, as is often done in MediaWiki and in LaTeX documents. This would complement the ability to define floats, since when a float is defined, it may not end up immediately adjacent to the explanatory text. It's also sort of critical if you want to reference a figure/image from multiple places on the page.

I've got various PNG diagrams on a page, each of which could use a caption like "Figure X: In part (a), this is going on…" The caption would probably go underneath the image (as in, e.g., this Wikipedia page).

Ideally, a caption could contain markup (italics, bold, links…) and (ideally) LaTeX math. I don't think we'd really need images within captions.

by rbk rbk , 28 Feb 2007 22:08
Re: Image captions?

Image captions were implemented in the first version of the parser but I have decided it would be simpler without it…

For now I would recommend a workaround:

[[div style="float: right; margin: 1em; padding: 0.5em; border: 1px solid #888; width: 422px;"]]
[[image http://upload.wikimedia.org/wikipedia/en/thumb/5/5a/NewSolarSystem2.jpg/420px-NewSolarSystem2.jpg]]
[[div style="font-size: 80%; padding: 2px;"]]
The eight planets and three dwarf planets of the Solar System. //(Sizes to scale, distance from the sun is compressed)//
[[/div]]
[[/div]]
420px-NewSolarSystem2.jpg

The eight planets and three dwarf planets of the Solar System. (Sizes to scale, distance from the sun is compressed)

This is a bit problematic because you have to specify the width of the image box and of course it introduces structures that are not really friendly. But if you desperately need image captions — you can do it.

Now some content to prove that the image is placed as a float:

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras in arcu eget metus euismod sagittis. Maecenas et nisl. Fusce magna dolor, lacinia pharetra, lacinia eu, sollicitudin egestas, dui. Nulla sit amet nibh at dolor malesuada auctor. Curabitur mattis, dolor sit amet lacinia accumsan, turpis nibh nonummy est, non molestie lorem metus eget eros. Morbi orci neque, tempus in, pulvinar et, pretium sit amet, nisi. Curabitur nibh pede, placerat sed, tincidunt quis, suscipit nec, est. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris congue. Etiam gravida. Mauris sodales. Phasellus nulla est, cursus quis, mollis ac, tincidunt eu, velit. Vivamus a risus. Maecenas vulputate diam quis mi. Praesent pretium nunc at lectus. Ut non nibh sed neque feugiat pulvinar. Integer sit amet nulla sit amet elit tempor varius. Cras gravida. Maecenas erat justo, dapibus vitae, eleifend vitae, lobortis vel, nulla.

cheers

michal


Michał Frąckowiak @ Wikidot Inc.
Visit my blog at michalf.me

by michal-frackowiak michal-frackowiak , 01 Mar 2007 11:53
Re: Image captions?
rbk rbk 03 Mar 2007 00:06

Great! Sure, it's a little verbose, but it works, which is the important thing. I'm using it already. A custom implementation would be even nicer, but this is quite fine.

I have noted one problem, which looks more like a bug in the implementation of enumerated lists:

420px-NewSolarSystem2.jpg

It happens when a list occurs in parallel with a left-floated div, like this:
  1. One thing
  2. Another thing

At least the way my browser (Firefox) renders it, the list numbers overlap the div box. In fact, it's negatively indented relative to regular text, whereas lists are normally positively indented.

Thanks again,
Robin

by rbk rbk , 03 Mar 2007 00:06
Re: Image captions?

I've had this problem too, but I don't know of a fix. I wish I did.

by David Lilienfeld David Lilienfeld , 30 May 2010 20:55
Re: Image captions?
RobElliott RobElliott 30 May 2010 21:34

One solution is to add this to your CSS:

ol { display: table; }
lists2.jpg

Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.

Last edited on 30 May 2010 21:57 by RobElliott
by RobElliott RobElliott , 30 May 2010 21:34
Re: Image captions?
RobElliott RobElliott 30 May 2010 21:47

You can combine that with clear:left to clear the float before the list and place the list under the image as follows:

[[module css]]
ol {display: table; }
[[/module]]
[[div style="float: left; margin: 1em; padding: 0.5em; border: 1px solid #888; width: 422px;"]]
[[image http://upload.wikimedia.org/wikipedia/en/thumb/5/5a/NewSolarSystem2.jpg/420px-NewSolarSystem2.jpg]]
[[/div]]
It happens when a list occurs in parallel with a left-floated div, like this:
[[div style="clear:left;"]]
[[/div]]
# One thing
# Another thing

Which results in

lists.jpg

Edit: in fact if you use the clear:left before the ordered list you don't need to specify it as a table.

Hope that helps.


Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.

Last edited on 30 May 2010 21:52 by RobElliott
by RobElliott RobElliott , 30 May 2010 21:47
Re: Image captions?

That does fine if you want the captions underneath the image but not included in the box in which the image sits. I've tried using consecutive divs, and that didn't give the desired result. How do I get those formatted captions inside the blue box with the figure?

(Would this discussion be easier if I posted the code?)

Many thanks.

david

by David Lilienfeld David Lilienfeld , 11 Jun 2010 08:28
Re: Image captions?
RobElliott RobElliott 11 Jun 2010 08:37

Would this discussion be easier if I posted the code?

Yes


Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.

by RobElliott RobElliott , 11 Jun 2010 08:37
Re: Image captions?

Here goes:

[[div style="float: right; margin: 0 2em 15em 2em; width:200px; border: 0;"]]
||||~ ^^[[size 165%]]**Harry Guess**[[/size]]^^ [[image harry_guess.jpg width="200px"]] ||
[[table style="align: center; margin 1em 1em 1em 1em ; border:0;"]]
[[row]]
[[cell style="text-align: left; border: none; border-collapse: collapse;"]]
[[size 80%]] **Born**[[/size]]
[[/cell]]
[[cell style="text-align: left; border: none; border-collapse: collapse;"]]
[[size 80%]]24 December 1940[[/size]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: left; border: none; border-collapse: collapse;"]]
[[size 80%]] @@ @@[[/size]]
[[/cell]]
[[cell style="text-align: left; border: none; border-collapse: collapse;"]]
[[size 80%]] New York, NY, USA[[/size]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: left; border: none; border-collapse: collapse;"]]
[[size 80%]]**Died**[[/size]]
[[/cell]]
[[cell style="text-align: left; border: none; border-collapse: collapse;"]]
[[size 80%]]1 January 2010[[/size]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: left; border: none; border-collapse: collapse;"]]
[[size 80%]] @@ @@[[/size]]
[[/cell]]
[[cell style="text-align: left; border: none; border-collapse: collapse;"]]
[[size 80%]]Philadelphia, PA, USA[[/size]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: left; align: top; border: none; border-collapse: collapse;"]]
[[size 80%]]**Occupation**[[/size]]
[[/cell]]
[[cell style="text-align: left; border: none; border-collapse: collapse;"]]
[[size 80%]]Pharmacoepidemiologist[[/size]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: left; border: none; border-collapse: collapse;"]]
[[size 80%]]**Years active**[[/size]]
[[/cell]]
[[cell style="text-align: left; border: none; border-collapse: collapse;"]]
[[size 80%]]1985-2006[[/size]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align: left; vertical-align :top; border: none; border-collapse: collapse;"]]
[[size 80%]]**Organizations**[[/size]]
[[/cell]]
[[cell style="text-align: left; border: none; border-collapse: collapse;"]]
[[size 80%]]Merck Research Laboratories; University of North Carolina at Chapel Hill; National Institutes of Health[[/size]]
[[/cell]] 
[[/row]]
[[/table]]
[[/div]]
~~~~
by David Lilienfeld David Lilienfeld , 12 Jun 2010 01:41
Re: Image captions?
Timothy Foster Timothy Foster 12 Jun 2010 02:29

It might also be worth looking at this Image Box CSI which allows for the easy establishment of captions for an image.


Timothy Foster - @tfAuroratide
Auroratide.com - Go here if you're nerdy like me

by Timothy Foster Timothy Foster , 12 Jun 2010 02:29
Re: Image captions?

I originally thought this might be the best approach and tried it. The problem in trying to format a multi-line caption. I couldn't get it to work, so I must have been doing something wrong. That's why I put in the table as a means of formatting the caption. I thought that would provide a caption inside the box holding the "title" above the image, the image, and the caption. It didn't do so, though.

david

by David Lilienfeld David Lilienfeld , 12 Jun 2010 07:14
Re: Image captions?
Timothy Foster Timothy Foster 12 Jun 2010 12:14

Are you trying to get a multilined caption?

It seems to work if you look at this page.


Timothy Foster - @tfAuroratide
Auroratide.com - Go here if you're nerdy like me

by Timothy Foster Timothy Foster , 12 Jun 2010 12:14
Re: Image captions?

Yes, a multilined, formated caption.

by David Lilienfeld David Lilienfeld , 12 Jun 2010 17:49
Re: Image captions?

Timothy

That worked! Many thanks. Two questions, if I may:

1. In the description of simple tables, the documentation says to use ||. In the code you referenced, there's only |. What exactly does | do?

2. Is there any way to get a tranparent border around the image-box specified in the code you referenced?

Many thanks (and I'm sorry about the questions, I'm just trying to understand the wikidot code).

by David Lilienfeld David Lilienfeld , 13 Jun 2010 03:34
Re: Image captions?
leiger leiger 13 Jun 2010 07:48

Timothy gave you the link to an include, which is completely different to a table :)

Edit: Actually, no he didn't. He gave you the direct code for a cross-site include he created a while ago…

Check this out: Include other pages

Include other pages

If you want to include contents of another page use:

[[include pagename]]

or

[[include :sitename:pagename]]

The include tag should start and end with a newline. [[include]] tags are parsed inside code blocks. To prevent an [[include]] tag from being parsed, put a space in front of it. This does make copy/paste of example code that contains [[include]] tags a problem.

The sitename can be a Wikidot subdomain (e.g. :www) or a full name, including a custom domain.

The [[include]] tag can also take parameters and substitute variables in the included source. To denote variables in the included page use:

{$var1}, {$number_books}, {$title}, {$variable_name}, {$variableName}

and in the including page use:

[[include pagename var1=value1 |
number_books = 43 |
title=Best Wiki Ever |
variable_name = just a variable |
variableName = another variable ]]

As you can see you can split variable definitions over several lines for cleaner code.

NOTE: includes and images/files: The [[include]] works just by inserting the page source at a given place. If you have any images or files attached in the included page and you refer to them as [[image filename.jpg]] in the included page, please rather use the image/file source with the name of the page too, e.g. [[image included-page/filename.jpg]]

Includes across sites are called cross-site includes or CSIs. CSIs are a powerful way to link page templates and code from other sites.


~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server

Last edited on 13 Jun 2010 07:50 by leiger
by leiger leiger , 13 Jun 2010 07:48
Re: Image captions?
Timothy Foster Timothy Foster 13 Jun 2010 12:07

Well, I used an include to put it there, and the code block I have on the foster:_template page revealed the code behind it.

To question 1, Shane answered it perfectly.

To question 2, the entire documentation is right here.

It uses CSS to change its styling for the case of a universal use across pages. To change it for just one page, you need to place this on the page:

[[module CSS]]
.image-box{
 border: none!important;
}
[[/module]]

To change it for all of them, no matter the page, you need to add the CSS between the module tags (or just .image-box{ border: none!important; }) to the CSS of the site which can be accessed through the Site Manager. You can learn about that here.


Timothy Foster - @tfAuroratide
Auroratide.com - Go here if you're nerdy like me

by Timothy Foster Timothy Foster , 13 Jun 2010 12:07
Re: Image captions?

I'm now trying to get a little more creative. Is there a way to put subheadings into the below image captions? I tried to put a 1 cell subtable in between the cells used for the caption elements, but that didn't work (and I don't understand why not).

by David Lilienfeld David Lilienfeld , 01 Jul 2010 03:31
Re: Image captions?
leiger leiger 01 Jul 2010 04:11

Can you post the code you used (with the 1 cell subtable included) so we know what you've done, and can see if we know what went wrong?


~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server

by leiger leiger , 01 Jul 2010 04:11
Re: Image captions?

Same man


The Arstotzkan Universe
The Alternate Universe of the hit video game Papers, Please

Re: Image captions?
Helmut_pdorf Helmut_pdorf 08 Dec 2021 13:24

What means "Same man" ?


Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

by Helmut_pdorf Helmut_pdorf , 08 Dec 2021 13:24
Re: Image captions?

well i'm specifically refering the fact that i (had) the same problem with this guy


The Arstotzkan Universe
The Alternate Universe of the hit video game Papers, Please

Re: Image captions?
Helmut_pdorf Helmut_pdorf 09 Dec 2021 08:59

I can see on http://arstotzkanuniverse.wikidot.com/arkheni the drawing of the image ( I miss the .jpg file extension! in the file list) .
What is now the problem?


Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

by Helmut_pdorf Helmut_pdorf , 09 Dec 2021 08:59
Re: Image captions?

I fixed it you know man


The Arstotzkan Universe
The Alternate Universe of the hit video game Papers, Please

Re: Image captions?
Helmut_pdorf Helmut_pdorf 27 Jan 2022 08:29

Sorry for the misunderstanding..


Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

by Helmut_pdorf Helmut_pdorf , 27 Jan 2022 08:29
Re: Image captions?
||||~ ^^[[size Whatever%]]**Text here**[[/size]]^^ [[image testimage.jpg width="300px"]] ||

The Arstotzkan Universe
The Alternate Universe of the hit video game Papers, Please

Last edited on 09 Dec 2021 05:26 by TheInfallibleFounder
Re: Image captions?
Brunhilda Brunhilda 11 Jun 2010 13:22

Why don't you look at these howtos?

http://community.wikidot.com/howto:put-pictures-with-footnotes-in-the-text

http://community.wikidot.com/howto:put-pictures-with-footnotes-in-the-text-using-divs


If slaughterhouses had glass walls, everyone would be vegan. - Paul McCartney

by Brunhilda Brunhilda , 11 Jun 2010 13:22
Re: Image captions?

Many thanks, but the problem in these how-tos is that they work great for a one line caption. I've tried to use a formatted caption with multiple lines, and I can get that caption onto the page underneath the image. The problem is that I'm trying to get the box with the background in which the image sits to include the multiple line formatted caption. Maybe it's not possible to do this?

Any help is appreciated.

david

by David Lilienfeld David Lilienfeld , 12 Jun 2010 07:18
Re: Image captions?
Brunhilda Brunhilda 13 Jun 2010 08:20

Hm, you just have to add another line, (cell), that's it.

[[div style="margin:0 0em 0.4em 1.2em; float:right; border: 2px solid silver; background-color:#FFFFFF;"]]
[[table]]
[[row]]
[[cell style="background-color: #203819; width:{$width};"]]
[[=image {$image} width="{$width}" alt="{$caption}" link="{$link}"]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align:center; width:{$width}; font-size:80%; font-style:italic; background:#D8D8BF; color:#203819; border:1px solid silver"]]
{$caption1}
[[/cell]]
[[row]]
[[cell style="text-align:center; width:{$width}; font-size:80%; font-style:italic; background:#D8D8BF; color:#203819; border:1px solid silver"]]
{$caption2}
[[/cell]]
[[row]]
[[cell style="text-align:center; width:{$width}; font-size:80%; font-style:italic; background:#D8D8BF; color:#203819; border:1px solid silver"]]
{$caption3}
[[/cell]]
[[/row]]
[[/table]]
[[/div]]

Here, you have three captions: I guess that this would work too.

[[div style="margin:0 0em 0.4em 1.2em; float:right; border: 2px solid silver; background-color:#FFFFFF;"]]
[[table]]
[[row]]
[[cell style="background-color: #203819; width:{$width};"]]
[[=image {$image} width="{$width}" alt="{$caption}" link="{$link}"]]
[[/cell]]
[[/row]]
[[row]]
[[cell style="text-align:center; width:{$width}; font-size:80%; font-style:italic; background:#D8D8BF; color:#203819; border:1px solid silver"]]
{$caption1} _
{$caption2} _
{$caption3} 
[[/cell]]
[[/row]]
[[/table]]
[[/div]]

And then, you use this include:

[[include picture-right
|width=... px
|image=url of the picture
|caption1=text under the picture
|caption2=text under the picture
|caption3=text under the picture
|link=name of the page that you want to link the picture with (optional)
]]

Does this help?


If slaughterhouses had glass walls, everyone would be vegan. - Paul McCartney

Last edited on 13 Jun 2010 08:27 by Brunhilda
by Brunhilda Brunhilda , 13 Jun 2010 08:20
Re: Image captions?
Brunhilda Brunhilda 13 Jun 2010 08:35

Are you trying to make an infobox?

Something like this?
http://siliconcity.wikidot.com/arcanum


If slaughterhouses had glass walls, everyone would be vegan. - Paul McCartney

by Brunhilda Brunhilda , 13 Jun 2010 08:35
Re: Image captions?

Yes.

by David Lilienfeld David Lilienfeld , 15 Jun 2010 16:49
Re: Image captions?
RobElliott RobElliott 15 Jun 2010 19:58

With all the different answers addressing different things I've rather lost track of what you are trying to achieve. I'm not sure if you have sorted everything out now, but on multi-line captions you can do this just by putting the next line on a new line. This is what I did in the image caption on the start page of http://strathpeffergolf.wikidot.com using the syntax below:

[[include inc:image
|width=474px
|image=/photos/course-1st-b.jpg
|caption=1st hole - Castle Leod
This hole has the the distinction of the longest drop of any course in Scotland.
The tee is original although the green was oved when the course was changed from a 9 hole to an 18 hole course.
|link=course:1st
]]

The text is also formatted and the code for that and the table the image and caption sit in is at http://strathpeffergolf.wikidot.com/inc:image. The caption is made to look part of the image by the use of CSS on that page, particularly the border-collapse:collapse property.

It's a very simple example and it might be out of date now anyway as I'm sure all the answers have put you on the right track. But come back with any further questions.


Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.

Last edited on 15 Jun 2010 20:06 by RobElliott
by RobElliott RobElliott , 15 Jun 2010 19:58
Re: Image captions?
RobElliott RobElliott 15 Jun 2010 20:32

Ah, you can ignore all that David. I've just had a look at your Harry A. Guess page and see that you do seem to have it all sorted out.


Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.

by RobElliott RobElliott , 15 Jun 2010 20:32
Re: Image captions?
Brunhilda Brunhilda 16 Jun 2010 07:52

Are you trying to make an infobox?

Yes.

Then, as Rob said, you just have to go on adding new rows under the picture (as I mentioned above). These rows can be divided into cells, or not. Have a look here:

http://siliconcity.wikidot.com/Template:HeroBox

If you look the source, you'll se how it was done. An include module is used to reflect it in the very same article. Look at the source in the article and you'll see it.


If slaughterhouses had glass walls, everyone would be vegan. - Paul McCartney

Last edited on 16 Jun 2010 07:53 by Brunhilda
by Brunhilda Brunhilda , 16 Jun 2010 07:52
Re: Image captions?

Maybe I'm missing something, but in order to see the source, don't I need to join the site? As it is, there's a password needed to do so. How should I proceed?

by David Lilienfeld David Lilienfeld , 17 Jun 2010 07:53
Re: Image captions?
soronlin soronlin 17 Jun 2010 08:10

You're missing something ;-)

You can't edit the page, but you can still view the source:

Options » Page Source

By the way, Brunhilde pointed you at the template, which shows you how it's done. For seeing how it looks, you'll want to look at one of the Content»Character pages.

Last edited on 17 Jun 2010 08:13 by soronlin
by soronlin soronlin , 17 Jun 2010 08:10
Re: Image captions?
leiger leiger 17 Jun 2010 08:11

The permissions have been set on that site to show the page options to everyone, not just site members.

Have a look at the page and you'll see this under the watching links:

EditTagsDiscuss History Files Print Site tools+ Options

Click on the "+ Options" link and then "Page Source" about halfway along the second row of links that appears. :)

Here's the source code anyway, in case you'd rather read it from here:

Code taken from: http://siliconcity.wikidot.com/Template:HeroBox

[[div style="float:right; margin:0 0 1em 2em; margin-clear:right; width:320px; border:0;"]]
[[table style="margin:0; background:#244A7A; color:white; border-collapse:collapse; width:300px; border:1px solid #9495CA;"]]
 [[row style="border:1px solid #9495CA;]]
 [[cell style="text-align:center; border:1px solid #9495CA;"]][[image {$image} width="295px" link="{$image}" style="margin:0; border:0;" alt="{$caption}"]][[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;]]
 [[cell style="text-align:center; font-size:90%; border:1px solid #9495CA;"]]{$caption}[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;]]
 [[cell style="text-align:center; font-size:large; background:#9495CA; font-family:Red Circle; sans-serif; border:1px solid #9495CA;"]] **{$name}**[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;]]
 [[cell style="text-align:center; background:#9495CA; font-size:90%; border:1px solid #9495CA;"]]**Player: {$player}**[[/cell]]
 [[/row]]
[[/table]]
[[table style="margin:0; background:#244A7A; color:white; border-collapse:collapse; width:300px; border:1px solid #9495CA;"]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="border:1px solid #9495CA; width:32%;"]]**Origin:**[[/cell]]
 [[cell style="border:1px solid #9495CA;"]]//{$origin}//[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="border:1px solid #9495CA;"]]**Archetype:**[[/cell]]
 [[cell style="border:1px solid #9495CA;"]]//{$archetype}//[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="border:1px solid #9495CA;"]]**Security Level:**[[/cell]]
 [[cell style="border:1px solid #9495CA;"]]//{$level}//[[/cell]]
 [[/row]]
[[/table]]
[[table style="margin:0; background:#244A7A; color:white; border-collapse:collapse; width:300px; border:1px solid #9495CA;"]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="text-align:center; background:#012C61; border:1px solid #9495CA;"]]**Personal Data**[[/cell]]
 [[/row]]
[[/table]]
[[table style="margin:0; background:#244A7A; color:white; border-collapse:collapse; width:300px; border:1px solid #9495CA;"]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="border:1px solid #9495CA; width:32%;"]]**Real Name:**[[/cell]]
 [[cell style="border:1px solid #9495CA;"]]//{$realname}//[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="border:1px solid #9495CA;"]]**Known Aliases:**[[/cell]]
 [[cell style="border:1px solid #9495CA;"]]//{$aliases}//[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="border:1px solid #9495CA;"]]**Species:**[[/cell]]
 [[cell style="border:1px solid #9495CA;"]]//{$species}//[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="border:1px solid #9495CA;"]]**Gender:**[[/cell]]
 [[cell style="border:1px solid #9495CA;"]]//{$gender}//[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="border:1px solid #9495CA;"]]**Age:**[[/cell]]
 [[cell style="border:1px solid #9495CA;"]]//{$age}//[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="border:1px solid #9495CA;"]]**Height:**[[/cell]]
 [[cell style="border:1px solid #9495CA;"]]//{$height}//[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="border:1px solid #9495CA;"]]**Weight:**[[/cell]]
 [[cell style="border:1px solid #9495CA;"]]//{$weight}//[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="border:1px solid #9495CA;"]]**Hair Colour:**[[/cell]]
 [[cell style="border:1px solid #9495CA;"]]//{$hair}//[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="border:1px solid #9495CA;"]]**Eye Colour:**[[/cell]]
 [[cell style="border:1px solid #9495CA;"]]//{$eyes}//[[/cell]]
 [[/row]]
[[/table]]
[[table style="margin:0; background:#244A7A; color:white; border-collapse:collapse; width:300px; border:1px solid #9495CA;"]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="text-align:center; background:#012C61;"]]**Biographical Data**[[/cell]]
 [[/row]]
[[/table]]
[[table style="margin:0; background:#244A7A; color:white; border-collapse:collapse; width:300px; border:1px solid #9495CA;"]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="border:1px solid #9495CA; width:32%;"]]**Nationality:**[[/cell]]
 [[cell style="border:1px solid #9495CA;"]]//{$nationality}//[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="border:1px solid #9495CA;"]]**Occupation:**[[/cell]]
 [[cell style="border:1px solid #9495CA;"]]//{$occupation}//[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="border:1px solid #9495CA;"]]**Place of Birth:**[[/cell]]
 [[cell style="border:1px solid #9495CA;"]]//{$birthplace}//[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="border:1px solid #9495CA;"]]**Base of Operations:**[[/cell]]
 [[cell style="border:1px solid #9495CA;"]]//{$hometown}//[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="border:1px solid #9495CA;"]]**Marital Status:**[[/cell]]
 [[cell style="border:1px solid #9495CA;"]]//{$marital}//[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="border:1px solid #9495CA;"]]**Known Relatives:**[[/cell]]
 [[cell style="border:1px solid #9495CA;"]]//{$relatives}//[[/cell]]
 [[/row]]
[[/table]]
[[table style="margin:0; background:#244A7A; color:white; border-collapse:collapse; width:300px; border:1px solid #9495CA;"]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="font-size:smaller; text-align:center; background:#012C61"]]**Known Powers**[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="font-size:smaller; text-align:center;"]] //{$powers}//[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="font-size:smaller; text-align:center; background:#012C61"]]**Known Abilities**[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="font-size:smaller; text-align:center;"]] //{$abilities}//[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="font-size:smaller; text-align:center; background:#012C61"]]**Equipment**[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="font-size:smaller; text-align:center;"]] //{$equipment}//[[/cell]]
 [[/row]]
 [[row style="border:1px solid #9495CA;"]]
 [[cell style="font-size:smaller; text-align:center; padding-top: 0.7em; padding-bottom: 0.7em;"]] //{$footnotes}//[[/cell]]
 [[/row]]
[[/table]]
[[/div]]
[!-- This table is based on the HeroBox template made for the Unofficial Handbook of the Virtue Universe (www.virtueverse.com) by user Eisregen. I would be acknowledging him on the page if only I could do it without having it show up on the "include" XP Until then, full credit to Eisregen, and this template will be taken down if he asks that it should be. --]

~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server

by leiger leiger , 17 Jun 2010 08:11
/forum/t-5280/image-captions#post-