[Typo3-dev] Laout of TV

[tapio]

> Tapio, please compile your suggestions in a nice text, login at
> bugs.typo3.org and create a bug report or feature request for TemplaVoila.
> I will gladly have a look at it when I'm preparing TV for the 1.0 release
> end of this year.

Sorry but I have lost my account info to the and in the last I must use 
false name.

  Hi

I would like that the TemplaVoila plugin would be easy skinnable.
That means that all important tables, table rows and cells have classes.
Then it would be easy to get to TemplaVoila the same layout as the other 
interfaces has by defining color, background-colors and border throght 
the CSS file for the skin.

An example. The final source code of the file
http://www.tapionet.net/typo3conf/ext/templavoila/mod1/index.php?id=366

has following HTML for the headers of the used content areas.

<table border="0" cellpadding="2" cellspacing="2" width="100%">
					<tbody><tr><td style="background-color: rgb(146, 170, 139); 
padding-top: 0pt; padding-bottom: 0pt;" valign="top" width="50%">Sivun 
pääsisältöalue (Main Content Area)</td>
…
					<tr><td style="border: 1px dashed rgb(102, 102, 102); padding: 
5px;" valign="top" width="50%">

I would like to have class for the table and class for header cell, in 
order to control the layout by using the CSS file of the skin.

This would help a lot:

<table border="0" cellpadding="2" cellspacing="2" 
class=”contentAreaTable” width="100%">
…
<td class=”header” valign="top" width="50%">Sivun pääsisältöalue (Main 
Content Area)</td>			
<tr><td class=”contentAreaCell” valign="top" width="50%">


Corresponding way individual content elements could have classes:

Instead of:

<table style="border: 1px solid black; margin-bottom: 5px;" border="0" 
cellpadding="0" cellspacing="0" width="100%">
			<tbody>
<tr style="background-color: rgb(165, 183, 193);">
				<td nowrap="nowrap">

could be:

<table  class=”contentElementTable” border="0" cellpadding="0" 
cellspacing="0" width="100%">
			<tbody>
<tr class=”contentElementTR”>
		<td class=”contentElementTD”>



name of classes could be different - the important matter is just
that classes has been used instead of style-attributes


Maybe some classes of the traditional page module could be, for example

This for the header:

<table border="0" cellpadding="2" cellspacing="2 class="typo3-page-cols" 
width="100%">
<tr  class="typo3-page-colHeader">
<td class="bgColor2" valign="top" width="50%">Sivun pääsisältöalue (Main 
Content Area)</td>			
<tr><td  valign="top" width="50%">

This for the button set:

<table  class=”typo3-page-ceHeader ” border="0" cellpadding="0" 
cellspacing="0" width="100%">
			<tbody>
<tr class=”contentElementTR”>
		<td  class="bgColor4">