Topic: Views and Ratings (Comments) Template Redesign

[Dino]

Many users on my site like to use the "Rate" feature to add personal comments about a pic. Sometimes, the comments can get kind of long. When they do, the formatting of the page gets all screwed up (see pic below):



I slightly modified the album_footer.tml to rectify this by spanning two columns (actually merged two cells), and put each item in it's own cell. Here's what the fix looks like:



If you'd like to do this, just replace your album_footer.tml with the following code:

Code: [Select]

</tr>
<tr>
     <td class="sizes">
           <p class="sizes">####SIZES####</p>
     </td>
     <td class="sizes">
           <p class="fullscreen">####FULLSCREEN####</p>
     </td>
</tr>
<tr>
     <td colspan="2" class="views">
           <p class="mailto"><a href="mailto:?subject=####STRING=235#### ####URLONLY####&body=####STRING=236#### ####URLONLY####">####STRING=237####</a></p>
           <br />
           <p class="views">####VIEWS####</p>
     </td>
</tr>
<tr>
     <td colspan="2" class="ratings">
           <p class="ratings">####RATINGS####</p>
     </td>
</tr>
<tr>
     <td class="nav" colspan="2">
           <p class="nav">####NAV####</p>
     </td>
</tr>
<tr>
     <td class="legend" colspan="2">
           <p class="legend">####LEGEND####</p>
     </td>
</tr>
<tr>
     <td colspan="2">
           <p class="notify">####NOTIFY####</p>
     </td>
</tr>
</table>
####FOOTER####
</body></html>

Of course, you'll have to modify your style sheet by aligning the rating to the left, instead of right:

Code: [Select]

p.ratings      { text-align: left; font-size: 8pt; }