Difference between revisions of "Template talk:Species Datasheet"

From VsWiki
Jump to: navigation, search
(the HTML code i want to imitate (reminder for myself))
m (→‎the HTML code i want to imitate (reminder for myself): some newlines)
 
(20 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
* I am trying to imitate the page-style of the vegastrike homepage here.<BR/>Why doesn't the second header line  (the one with the background-image) work? <BR/>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?) --[[User:pontiac|Pontiac]] 09:46, 10 Jun 2005 (PDT)
 
* I am trying to imitate the page-style of the vegastrike homepage here.<BR/>Why doesn't the second header line  (the one with the background-image) work? <BR/>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?) --[[User:pontiac|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 --[[User:pontiac|Pontiac]] 12:13, 10 Jun 2005 (PDT)
  
 
=Datasheet mockup 1=
 
=Datasheet mockup 1=
Line 19: Line 20:
 
|colspan="2"| {{{homeworld}}}
 
|colspan="2"| {{{homeworld}}}
 
|-
 
|-
−
|'''Age of species'''
+
|'''Age of Spaceflight'''
−
|colspan="2"| {{{age of species}}}
+
|colspan="2"| {{{age of spaceflight}}}
 
|-
 
|-
 
|'''Physical characteristics'''
 
|'''Physical characteristics'''
Line 38: Line 39:
 
|style="width:1%" | http://vegastrike.sourceforge.net/images/bottom_right.gif
 
|style="width:1%" | http://vegastrike.sourceforge.net/images/bottom_right.gif
 
|}
 
|}
 +
<BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/>
  
−
== the HTML code i want to imitate (reminder for myself) ==
+
=Datasheet mockup 2=
 +
{|border="0" cellpadding="0" cellspacing="0" style="float:right; margin-left:1em; width:25em;"|
 +
|
 +
{|border="0" cellpadding="0" cellspacing="0" width="100%"|
 +
| 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;">'''[[Species]] data'''</font>
 +
| width="01%" | http://vegastrike.sourceforge.net/images/grey_blue_top_right.gif
 +
|}
 +
|-
 +
|
 +
{|border="1" bordercolor="#000000" cellpadding="5" cellspacing="0" width="100%" |
 +
| bordercolor="#000000" bgcolor="#ffffff" valign="top" width="100%" |
 +
{|
 +
|-
 +
! colspan="2" style="background:#cccccc; text-align:left;" | <font color="#3333cc">'''{{{name}}}'''</font>
 +
|-
 +
|'''Homeworld (Origin)'''
 +
| {{{homeworld}}}
 +
|-
 +
|'''Age of species'''
 +
| {{{age of species}}}
 +
|-
 +
|'''Physical characteristics'''
 +
| {{{physical_characteristics}}}
 +
|-
 +
|'''Life span'''
 +
| {{{lifespan}}}
 +
|-
 +
|'''Habitat'''
 +
| {{{habitat}}}
 +
|-
 +
|'''Number scheme'''
 +
| {{{number scheme}}}
 +
|}
 +
|}
 +
|-
 +
|
 +
{|border="0" cellpadding="0" cellspacing="0" width="100%"|
 +
|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="01%" | http://vegastrike.sourceforge.net/images/bottom_right.gif
 +
|}
 +
|}
 +
<BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/>
 +
 
 +
=the HTML code i want to imitate (reminder for myself)=
  
 
<pre>
 
<pre>
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<body>
 
<body>
 +
 +
<!-- top -->
 
<table valign="top" border="0" cellpadding="0" cellspacing="0" width="100%">
 
<table valign="top" border="0" cellpadding="0" cellspacing="0" width="100%">
 
<tbody>
 
<tbody>
 
<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>
−
<td width="1%"><img src="images/grey_blue_top_right.gif"></td>
+
<font color="#ffffff">News</font></strong></td>
 +
  <td width="1%"><img src="images/grey_blue_top_right.gif"></td>
 
</tr>
 
</tr>
 
</tbody>
 
</tbody>
 
</table>
 
</table>
 +
 +
<!-- middle -->
 
<table border="1" bordercolor="#000000" cellpadding="5" cellspacing="0" width="100%">
 
<table border="1" bordercolor="#000000" cellpadding="5" cellspacing="0" width="100%">
 
<tbody>
 
<tbody>
 
<tr>
 
<tr>
−
<td bordercolor="#000000" bgcolor="#ffffff" valign="top" width="100%"><br>
+
  <td bordercolor="#000000" bgcolor="#ffffff" valign="top" width="100%"> xxx </td>
−
</td>
 
 
</tr>
 
</tr>
 
</tbody>
 
</tbody>
 
</table>
 
</table>
 +
 +
<!-- bottom -->
 
<table border="0" cellpadding="0" cellspacing="0" width="100%">
 
<table border="0" cellpadding="0" cellspacing="0" width="100%">
 
<tbody>
 
<tbody>
 
<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%">
+
  <td background="/images/bottom_center.gif" height="7" width="98%">
−
<div align="center"><img src="images/bottom_center.gif" height="7" width="72"></div>
+
<div align="center"><img src="images/bottom_center.gif" height="7" width="72"></div></td>
−
</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>
 
</tbody>
 
</tbody>
 
</table>
 
</table>
−
<br>
+
 
 
</body>
 
</body>
 
</html>
 
</html>
 
</pre>
 
</pre>
 +
 +
== 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 <nowiki>{{}}</nowiki> 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. --[[User:pontiac|Pontiac]] 08:29, 14 Aug 2005 (PDT)

Latest revision as of 20:02, 22 September 2005

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

grey_blue_top_left.gif Species datasheet grey_blue_top_right.gif
grey_blue_top_left.gif Species datasheet grey_blue_top_right.gif
{{{name}}}
Homeworld (Origin) {{{homeworld}}}
Age of Spaceflight {{{age of spaceflight}}}
Physical characteristics {{{physical_characteristics}}}
Life span {{{lifespan}}}
Habitat {{{habitat}}}
Number scheme {{{number scheme}}}
bottom_left.gif bottom_right.gif





















Datasheet mockup 2

grey_blue_top_left.gif Species data grey_blue_top_right.gif
{{{name}}}
Homeworld (Origin) {{{homeworld}}}
Age of species {{{age of species}}}
Physical characteristics {{{physical_characteristics}}}
Life span {{{lifespan}}}
Habitat {{{habitat}}}
Number scheme {{{number scheme}}}
bottom_left.gif bottom_right.gif


















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:
  1. 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
  2. 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)
Retrieved from "https://wiki.vega-strike.org/mediawiki/index.php?title=Template_talk:Species_Datasheet&oldid=8066"