TER2 Updated Extensions List

From TYPO3Wiki

Jump to: navigation, search
Teams Committees This project/information is related to the Typo3.org - Team
[edit]

A reordered display of updated extensions

Image:Updated extension.gif

Advantages:

  • the small gap from the inner table would be removed
  • the layout would be harder to explode
  • information is grouped by importance (update information as a group and author / ext information as a group)
  • more room for update and changelog information
  • the whole thing takes up less space
  • ...

Actually it didn't work with one table only, so it was necessary to use two tables

See it here: possible new TER2 extension list 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TER2 Extension List</title>

<style>
body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
}

.header {
	height: 18px;
	background-color: #cadfc2;
}

.icon {
	width: 21px;
	vertical-align: middle;
}

.ext-title {
	padding-left: 9px;
	color: #be0027;
	font-weight: bold;
}

.state {
	width: 109px;
}

.spacer {
	font-size: 1px;
	height: 5px;
}

.ext-prop {
	background-color: #accd9f;
	border-bottom: solid 1px #bcd7b0;
	width: 33%;
	border-top: solid 4px #fff;
	padding: 2px 3px 3px 5px;
	font-weight: bold;
}

.ext-prop-value {
	background-color: #cadfc2;
	border-bottom: solid 1px #bcd7b0;
	padding: 2px 3px 3px 9px;
}

.center-col {
	border-right: solid 2px #fff;
	border-left: solid 2px #fff;
}

.description {
	padding: 2px 3px 3px 9px;
	border-bottom: solid 2px #cadfc2;
	border-right: solid 2px #fff;
}

</style>
</head>

<body>


<div class="extension">
  <table width="100%"  border="0" cellspacing="0" cellpadding="0" class="header">
    <tr>
      <td class="icon"><img src="ext_icon.gif" width="18" height="16" /></td>
      <td class="ext-title">TIMTAB Weblog</td>
      <td class="state"><img src="state_beta.gif" width="109" height="21" /></td>
    </tr>
  </table>
  <table width="100%"  border="0" cellspacing="0" cellpadding="0">
    <tr>
	  <td class="ext-prop">Author</td>
	  <td class="ext-prop center-col">Downloads</td>
	  <td class="ext-prop">Category</td>
	</tr>
	<tr>
      <td class="ext-prop-value">Ingo Renner </td>
      <td class="ext-prop-value center-col">2463 / 1152</td>
      <td class="ext-prop-value">Fronted</td>
    </tr>
	<tr>
      <td class="ext-prop">Version</td>
      <td class="ext-prop center-col">Updated</td>
      <td class="ext-prop">Changelog</td>
    </tr>
	<tr>
	  <td class="ext-prop-value">0.5.5</td>
	  <td class="ext-prop-value center-col">27.11.2005 - 19:09</td>
      <td class="ext-prop-value" rowspan="2"> - xxx<br /> - yyy<br /> - zzz<br /> - lots of space for changelogs here, too
      </td>
	</tr>
	<tr>
	  <td class="description" colspan="2">Description goes here. Lorem Ipsum dolor sit amet. Descriptions can get very long, but we don’t care anymore as there’s enough space now for that very long descriptions an author might write about his wonderful extension he wrote</td>
	</tr>
  </table>
</div>

</body>
</html>

--Ingo Renner 10:59, 10 March 2006 (CET)

Retrieved from "http://wiki.typo3.org/index.php/TER2_Updated_Extensions_List"
Personal tools
content
help 'N' beginners