Difference between revisions of "Template talk:Species Datasheet"
(→Datasheet mockup 2: added background color.. temporary (TODO: white links in header)) |
m (→the HTML code i want to imitate (reminder for myself): some newlines) |
||
| (One intermediate revision by one other user not shown) | |||
| Line 46: | Line 46: | ||
{|border="0" cellpadding="0" cellspacing="0" width="100%"| | {|border="0" cellpadding="0" cellspacing="0" width="100%"| | ||
| width="01%" | http://vegastrike.sourceforge.net/images/grey_blue_top_left.gif | | width="01%" | http://vegastrike.sourceforge.net/images/grey_blue_top_left.gif | ||
| − | | width="98%" style="text-align:center; background-color:#3b4b8e;"<!-- background-image:url(http://vegastrike.sourceforge.net/images/grey_blue_center.gif);"--> | <font style="color:#ffffff; link-color:#222222;"> | + | | width="98%" style="text-align:center; background-color:#3b4b8e;"<!-- background-image:url(http://vegastrike.sourceforge.net/images/grey_blue_center.gif);"--> | <font style="color:#ffffff; link-color:#222222;">'''[[Species]] data'''</font> |
| width="01%" | http://vegastrike.sourceforge.net/images/grey_blue_top_right.gif | | width="01%" | http://vegastrike.sourceforge.net/images/grey_blue_top_right.gif | ||
|} | |} | ||
| Line 80: | Line 80: | ||
{|border="0" cellpadding="0" cellspacing="0" width="100%"| | {|border="0" cellpadding="0" cellspacing="0" width="100%"| | ||
|width="01%" | http://vegastrike.sourceforge.net/images/bottom_left.gif | |width="01%" | http://vegastrike.sourceforge.net/images/bottom_left.gif | ||
| − | |width="98%" style="text-align:center; background-color:#3b4b8e;" <!--background-image:url(http://vegastrike.sourceforge.net/images/bottom_center.gif);"-->| http://vegastrike.sourceforge.net/images/bottom_center.gif | + | |width="98%" style="text-align:center; background-color:#3b4b8e;" <!--background-image:url(http://vegastrike.sourceforge.net/images/bottom_center.gif);"-->| <!--http://vegastrike.sourceforge.net/images/bottom_center.gif--> |
|width="01%" | http://vegastrike.sourceforge.net/images/bottom_right.gif | |width="01%" | http://vegastrike.sourceforge.net/images/bottom_right.gif | ||
|} | |} | ||
| Line 97: | Line 97: | ||
<tr> | <tr> | ||
<td width="1%"><img src="images/grey_blue_top_left.gif" height="22" width="28"></td> | <td width="1%"><img src="images/grey_blue_top_left.gif" height="22" width="28"></td> | ||
| − | <td background="/images/grey_blue_center.gif" width="98%"><strong><font color="#ffffff">News</font></strong></td> | + | <td background="/images/grey_blue_center.gif" width="98%"><strong> |
| + | <font color="#ffffff">News</font></strong></td> | ||
<td width="1%"><img src="images/grey_blue_top_right.gif"></td> | <td width="1%"><img src="images/grey_blue_top_right.gif"></td> | ||
</tr> | </tr> | ||
| Line 117: | Line 118: | ||
<tr> | <tr> | ||
<td height="7" width="1%"><img src="images/bottom_left.gif" height="7" width="20"></td> | <td height="7" width="1%"><img src="images/bottom_left.gif" height="7" width="20"></td> | ||
| − | <td background="/images/bottom_center.gif" height="7" width="98%"><div align="center"><img src="images/bottom_center.gif" height="7" width="72"></div></td> | + | <td background="/images/bottom_center.gif" height="7" width="98%"> |
| + | <div align="center"><img src="images/bottom_center.gif" height="7" width="72"></div></td> | ||
<td height="7" width="1%"><img src="images/bottom_right.gif" height="7" width="20"></td> | <td height="7" width="1%"><img src="images/bottom_right.gif" height="7" width="20"></td> | ||
</tr> | </tr> | ||
Latest revision as of 19:02, 22 September 2005
Contents
Talk
- I am trying to imitate the page-style of the vegastrike homepage here.
Why doesn't the second header line (the one with the background-image) work?
I'm no CSS coder, but i think the first line (class="vs_header_topmiddle") would be better (How di i do that in mediawiki?) --Pontiac 09:46, 10 Jun 2005 (PDT)
- My second approach (Mockup 2) seems to be more similar with the vegastrike homepage, but the problem with the "background-image:url(xxx);" remains --Pontiac 12:13, 10 Jun 2005 (PDT)
Datasheet mockup 1
|
Species datasheet | 
|
|
Species datasheet |
|
| {{{name}}} | |||||
|---|---|---|---|---|---|
| Homeworld (Origin) | {{{homeworld}}} | ||||
| Age of Spaceflight | {{{age of spaceflight}}} | ||||
| Physical characteristics | {{{physical_characteristics}}} | ||||
| Life span | {{{lifespan}}} | ||||
| Habitat | {{{habitat}}} | ||||
| Number scheme | {{{number scheme}}} | ||||
|
| ||||
Datasheet mockup 2
| |||||||||||||||
| |||||||||||||||
| |||||||||||||||
the HTML code i want to imitate (reminder for myself)
<html xmlns="http://www.w3.org/1999/xhtml"> <body> <!-- top --> <table valign="top" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td width="1%"><img src="images/grey_blue_top_left.gif" height="22" width="28"></td> <td background="/images/grey_blue_center.gif" width="98%"><strong> <font color="#ffffff">News</font></strong></td> <td width="1%"><img src="images/grey_blue_top_right.gif"></td> </tr> </tbody> </table> <!-- middle --> <table border="1" bordercolor="#000000" cellpadding="5" cellspacing="0" width="100%"> <tbody> <tr> <td bordercolor="#000000" bgcolor="#ffffff" valign="top" width="100%"> xxx </td> </tr> </tbody> </table> <!-- bottom --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td height="7" width="1%"><img src="images/bottom_left.gif" height="7" width="20"></td> <td background="/images/bottom_center.gif" height="7" width="98%"> <div align="center"><img src="images/bottom_center.gif" height="7" width="72"></div></td> <td height="7" width="1%"><img src="images/bottom_right.gif" height="7" width="20"></td> </tr> </tbody> </table> </body> </html>
Age of Species
Hi Pontiac. The 'Age of Species' line is odd for species that weren't uplifted. Can we have two templates? One that replaces 'Age of Species' with 'Age of Spaceflight'?
I haven't been able to figure out how you made the template so I could do it myself. I'll keep working on it.
- You're right i think, there needs to be some distinction here. tehre are two ways this can possibly be done:
- Make a second template as you mentioned. for example just copy&paste the soruce of this template into this page: Template:Species Datasheet2. Then you can use it the same way as the other one, but you have to append the "...2" inside the {{}} as well
- Or add both fields in the current template and just put a "-" in the one you do not need ;)
- I would vote for the second way, but the first is fine as well. I doubt either one will cause problems in the future. --Pontiac 08:29, 14 Aug 2005 (PDT)
