Difference between revisions of "Template talk:Species Datasheet"

From VsWiki
Jump to: navigation, search
m (Datasheet mockup 1)
m (the HTML code i want to imitate (reminder for myself))
Line 44: Line 44:
 
<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><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>
 
</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></td>
<div align="center"><img src="images/bottom_center.gif" height="7" width="72"></div>
+
  <td height="7" width="1%"><img src="images/bottom_right.gif" height="7" width="20"></td>
</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>

Revision as of 19:01, 10 June 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)


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 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>