Translations
Info
All page names need to be in English.
en da  de  fr  it  ja  km  nl  ru  zh

TER2 Updated Extensions List

From TYPO3Wiki
Jump to: navigation, search
This page belongs to the Typo3.org - Team (category TYPO3org)

notice - This information is outdated

While some details may still apply in specific situations, this page was written for packages of TYPO3 that are no longer current.


A reordered display of updated extensions

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)