Kann mir jemand ne Spalte einfügen? (album_showpage.tpl)

dennis84 · Beitrag von **dennis84** » 05.08.2006 18:43

Kann mir jemand, wie auf dem Bild, diese Spalte einfügen? (Soll Werbung rein)

Und zwar so, dass 120px links frei sind (durchgehend bild und navi leisteoben +unten)

Das Bild und die Navi Leiste soll neben dem 120px-Block wie gehabt zentriert dargestellt sein. Hier das Bild um des ein wenig zu verdeutlichen:
http://home.arcor.de/dennis84/anzeige.jpg

Hier die Codestelle des Bildauschnittes:

Code: Alles auswählen

<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr>
  <td class="nav"><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a> {ALBUM_NAVIGATION_ARROW} <a href="{U_ALBUM}" class="nav">{L_ALBUM}</a>{NAV_CAT_DESC}</span></td>
     </td>
 </tr>
</table>
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
	<th class="thTop" height="25" colspan="2">{PIC_TITLE}</th>
  </tr>
     	<tr>
      	<td class="row3" height="25" align="center" colspan="2"><a href="{U_PREVIOUS}"><b>&laquo;&laquo;&nbsp;zur&uuml;ck &laquo;</b></a>&nbsp; &nbsp;|&nbsp; &nbsp;<a href="{U_NEXT}"><b>&raquo; weiter &raquo;&raquo;</b></a></td>
</tr>
<tr>
<td class="row1" align="center">{U_PIC_L1}
<img src="{U_PIC}" border="0" vspace="10" alt="{PIC_TITLE}" title="{PIC_TITLE}" />{U_PIC_L2}<br /></a></span></td>
</tr>
<tr>
      	<td class="row3" height="25" align="center" colspan="2"><a href="{U_PREVIOUS}"><b>&laquo;&laquo;&nbsp;zur&uuml;ck &laquo;</b></a>&nbsp; &nbsp;|&nbsp; &nbsp;<a href="{U_NEXT}"><b>&raquo; weiter &raquo;&raquo;</b></a>
</tr>

Ich bedanke mich schonmal für alle Mühen!

Miriam · Beitrag von **Miriam** » 06.08.2006 18:33

Das könnte z.B. so aussehen --->

Code: Alles auswählen

<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr>
  <td class="nav"><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a> {ALBUM_NAVIGATION_ARROW} <a href="{U_ALBUM}" class="nav">{L_ALBUM}</a>{NAV_CAT_DESC}</span></td>
     </td>
 </tr>
</table>
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
   <td width="120px" rowspan="4">+++ Hier kommt der Quellcode der Werbung hin oder die Template Variable, die in der entsprechenden PHP Datei initialisiert wird. +++</td>
   <th class="thTop" height="25" colspan="2">{PIC_TITLE}</th>
  </tr>
        <tr>
         <td class="row3" height="25" align="center" colspan="2"><a href="{U_PREVIOUS}"><b>&laquo;&laquo;&nbsp;zur&uuml;ck &laquo;</b></a>&nbsp; &nbsp;|&nbsp; &nbsp;<a href="{U_NEXT}"><b>&raquo; weiter &raquo;&raquo;</b></a></td>
</tr>
<tr>
<td class="row1" align="center">{U_PIC_L1}
<img src="{U_PIC}" border="0" vspace="10" alt="{PIC_TITLE}" title="{PIC_TITLE}" />{U_PIC_L2}<br /></a></span></td>
</tr>
<tr>
         <td class="row3" height="25" align="center" colspan="2"><a href="{U_PREVIOUS}"><b>&laquo;&laquo;&nbsp;zur&uuml;ck &laquo;</b></a>&nbsp; &nbsp;|&nbsp; &nbsp;<a href="{U_NEXT}"><b>&raquo; weiter &raquo;&raquo;</b></a>
</tr>
</table>

Kann man aber auch wieder mit Tabellen machen.... Oder villeicht sogar mit <div>

oder oder oder

Viele Wege führen nach Rom.

dennis84 · Beitrag von **dennis84** » 06.08.2006 21:47

hi,
vielen dank!
leider is dann unten alles verschoben sobald ich das </table> ans ende der Codestelle setze..

Entferne ich es, dann verschiebt sich die seite zwar nicht, jedoch is dann die "120px" spalte nich neben dem bild

Miriam · Beitrag von **Miriam** » 06.08.2006 23:13

Naja, ohne URL des Boards kann ich es mir auch nicht anschauen.......

dennis84 · Beitrag von **dennis84** » 08.08.2006 19:26

sorry url is im profil drin^^

Miriam · Beitrag von **Miriam** » 08.08.2006 20:14

Sag mir mal bitte, welche TPL Datei das ist... Hab' keine Lust zu suchen...

dennis84 · Beitrag von **dennis84** » 08.08.2006 20:23

album_showpage_tpl
Das ist die komplette Datei:

Code: Alles auswählen

<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr>
  <td class="nav"><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a> {ALBUM_NAVIGATION_ARROW} <a href="{U_ALBUM}" class="nav">{L_ALBUM}</a>{NAV_CAT_DESC}</span></td>
     </td>
 </tr>
</table>
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
	<th class="thTop" height="25" colspan="2">{PIC_TITLE}</th>
  </tr>
     	<tr>
      	<td class="row3" height="25" align="center" colspan="2"><a href="{U_PREVIOUS}"><b>&laquo;&laquo;&nbsp;zur&uuml;ck &laquo;</b></a>&nbsp; &nbsp;|&nbsp; &nbsp;<a href="{U_NEXT}"><b>&raquo; weiter &raquo;&raquo;</b></a></td>
	</tr>
<tr>
<td class="row1" align="center"><span class="gensmall">{U_PIC_L1}
<!-- BEGIN switch_user_logged_out -->
<b>{AFFILINET_ROTATOR}</b><br />
<!-- END switch_user_logged_out -->
<img src="{U_PIC}" border="0" vspace="10" alt="{PIC_TITLE}" title="{PIC_TITLE}" />{U_PIC_L2}<br /></a>
<!-- BEGIN switch_user_logged_out -->
<script type="text/javascript"><!--
google_ad_client = "pub-5573728684310599";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text";
google_ad_channel ="";
google_color_border = "4D88C4";
google_color_bg = "EAEDF4";
google_color_link = "4D88C4";
google_color_text = "000000";
google_color_url = "4D88C4";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- END switch_user_logged_out -->
</span></span></td>
</tr>
     	<tr>
      	<td class="row3" height="25" align="center" colspan="2"><a href="{U_PREVIOUS}"><b>&laquo;&laquo;&nbsp;zur&uuml;ck &laquo;</b></a>&nbsp; &nbsp;|&nbsp; &nbsp;<a href="{U_NEXT}"><b>&raquo; weiter &raquo;&raquo;</b></a></td>
	</tr>

<tr>
	<td class="row2"><table width="90%" align="center" border="0" cellpadding="3" cellspacing="2">
</tr>
	   <tr>
		<td width="25%" align="right"><span class="genmed">{L_POSTER}:</span></td>
		<td><span class="genmed"><b>{POSTER}</b></span></td>
	  </tr>
	  <tr>
		<td valign="top" align="right"><span class="genmed">{L_PIC_TITLE}:</span></td>
		<td valign="top"><b><span class="genmed">{PIC_TITLE}</span></b></td>
	  </tr>
	  <tr>
		<td align="right"><span class="genmed">{L_POSTED}:</span></td>
		<td><b><span class="genmed">{PIC_TIME}</span></b></td>
	  </tr>
	  <tr>
		<td align="right"><span class="genmed">{L_VIEW}:</span></td>
		<td><b><span class="genmed">{PIC_VIEW}</span></b></td>
	  </tr>
	  <!-- BEGIN rate_switch -->
	  <tr>
		<td valign="top" align="right"><span class="genmed">{L_RATING}:</span></td>
		<td><b><span class="genmed">{PIC_RATING}</span></b></td>
	  </tr>
	  <!-- END rate_switch -->
	  <tr>
		<td valign="top" align="right"><span class="genmed">{L_PIC_DESC}:</span></td>
		<td valign="top"><b><span class="genmed">{PIC_DESC}</span></b></td>
	  </tr>
	</td>
  </tr>
	</table>
<table width="100%" cellspacing="2" border="0" cellpadding="2">
  <tr>
	<td align="right" nowrap="nowrap"><span class="nav">{PAGINATION}</span></td>
  </tr>
</table>
<!-- BEGIN coment_switcharo_top -->	
<table border="0" class="forumline" width="100%">
  <tr> 
  	<th class="thTop" nowrap="nowrap" width="15%">Von</th>
	<th class="thTop" nowrap="nowrap" width="85%">Kommentar</th>
  </tr>
<!-- END coment_switcharo_top -->	

<!-- BEGIN commentrow -->
<tr> 
	<td width="150" align="left" valign="top" class="row1"><span class="name"><b>{commentrow.POSTER_NAME}</b></span><br /><span class="postdetails"><b>{commentrow.POSTER_RANK}</b><br />{commentrow.POSTER_RANK_IMAGE}<br>{commentrow.POSTER_AVATAR}<br /><br />{commentrow.POSTER_JOINED}<br />{commentrow.POSTER_POSTS}<br />{commentrow.POSTER_FROM}</span><br /></td>
	<td class="row1" width="100%" height="28" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
		<tr>
			<td width="100%"><a href="{commentrow.U_MINI_POST}"><img src="{commentrow.MINI_POST_IMG}" width="12" height="9" alt="{commentrow.L_MINI_POST_ALT}" title="{commentrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">Verfasst: {commentrow.TIME}</span></td>
			<td valign="top" nowrap="nowrap"><span class="genmed">{commentrow.EDIT}&nbsp;{commentrow.DELETE}&nbsp;{commentrow.IP}</span></td>
		</tr>
		<tr> 
			<td colspan="2"><hr /></td>
		</tr>
		<tr>
			<td colspan="2"><span class="postbody">{commentrow.TEXT}</span></td>
		</tr>
	</table></td>
</tr>
<tr> 
	<td class="row1" width="150" align="left" valign="middle"><span class="nav"><a href="#top" class="nav">nach oben</a></span></td>
	<td class="row1" width="100%" height="28" valign="bottom" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="18">
		<tr> 
			<td valign="middle" nowrap="nowrap">{commentrow.PROFILE_IMG}{commentrow.PM_IMG}{commentrow.EMAIL_IMG}{commentrow.WWW_IMG}{commentrow.AIM_IMG}{commentrow.YIM_IMG}{commentrow.MSNM_IMG}{commentrow.ICQ_IMG}</td>
		</tr>
	</table></td>
</tr>
<tr> 
	<td class="spaceRow" colspan="2" height="1"><img src="/images/spacer.gif" alt="" width="1" height="1" /></td>
</tr>
<!-- END commentrow -->

<!-- BEGIN coment_switcharo_bottom -->	
    <tr>
	<td class="spaceRow" height="1" colspan="5"><img src="/images/spacer.gif" alt="" width="1" height="1" /></td>
  </tr>
</table>
<!-- END coment_switcharo_bottom -->

<form action="{S_ALBUM_ACTION}" method="post">
<!-- BEGIN switch_comment -->
  <tr>
	<td class="catBottom" align="center" height="28" colspan="2"><span class="gensmall">{L_ORDER}:</span>
	<select name="sort_order"><option {SORT_ASC} value='ASC'>{L_ASC}</option><option {SORT_DESC} value='DESC'>{L_DESC}</option></select>&nbsp;<input type="submit" name="submit" value="{L_SORT}" class="liteoption" /></td>
  </tr>
<!-- END switch_comment -->
</table>
<table border="0" cellpadding="0" cellspacing="0" class="tbl"><tr><td class="tbll"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblbot"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblr"><img src="images/spacer.gif" alt="" width="8" height="4" /></td></tr></table>

<!-- BEGIN switch_comment -->
<table width="100%" cellspacing="2" border="0" cellpadding="2">
  <tr>
	<td width="100%"><span class="nav">{PAGE_NUMBER}</span></td>
	<td align="right" nowrap="nowrap"><span class="nav">{PAGINATION}</span></td>
  </tr>
</table>
<br />
<!-- END switch_comment -->
</form>
<br />

<script language="JavaScript" type="text/javascript">
<!--
function checkForm() {
	formErrors = false;

	if ((document.commentform.comment.value.length < 2) && (document.commentform.rate.value == -1))
	{
		formErrors = "{L_COMMENT_NO_TEXT}";
	}
	else if (document.commentform.comment.value.length > {S_MAX_LENGTH})
	{
		formErrors = "{L_COMMENT_TOO_LONG}";
	}

	if (formErrors) {
		alert(formErrors);
		return false;
	} else {
		return true;
	}
}


 function storeCaret(textEl) {
                if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();
 }
        
//how to add smilies
function emotions(text) 
{
                if (document.commentform.comment.createTextRange && document.commentform.comment.caretPos) 
                {
                        var caretPos = document.commentform.comment.caretPos;
                        caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
                        document.commentform.comment.focus();
                } 
                else 
                {
                        document.commentform.comment.value  += text;
                        document.commentform.comment.focus();
                }
}
        
        
//pops up a window with all smilies
function openAllSmiles()
{
		smiles = window.open('album_showpage.php?mode=smilies', '_phpbbsmilies', 'HEIGHT=600,resizable=yes,scrollbars=yes,WIDTH=470');
	    smiles.focus();
	    return true;
}
// -->
</script>



<!-- BEGIN switch_comment_post -->
<form name="commentform" action="{S_ALBUM_ACTION}" method="post" onsubmit="return checkForm();">
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
	<th class="thTop" height="25" colspan="3">{L_POST_YOUR_COMMENT}</th>
  </tr>
  <!-- BEGIN logout -->
  <tr>
	<td class="row1" width="30%" height="28"><span class="genmed">{L_USERNAME}</span></td>
	<td class="row2" colspan="3"><input class="post" type="text" name="comment_username" size="32" maxlength="32" /></td>
  </tr>
  <!-- END logout -->
  <tr>
	<td class="row1" valign="top" width="20%"><span class="genmed">{L_MESSAGE}<br>
		{L_MAX_LENGTH}: <b>{S_MAX_LENGTH}</b></span></td>
		
	<td class="row2" valign="top"><span class="genmed">{L_PLEASE_RATE_IT}:&nbsp;</span>
			<select name="rate">
			
			<option value="-1">{S_RATE_MSG}</option>
			
			<!-- BEGIN rate_row -->
			<option value="{switch_comment_post.rate_row.POINT}">{switch_comment_post.rate_row.POINT}</option>
			<!-- END rate_row -->
			
			</select>
			
	<br><textarea name="comment" class="post" cols="60" rows="16" wrap='virtual' class='post' onselect='storeCaret(this);' onclick='storeCaret(this);' onkeyup='storeCaret(this);'>{S_MESSAGE}</textarea></td>
	
	
	
	<td class="row2" valign="middle" width="40%">  
	   <table border="0" cellspacing="0" cellpadding="5">
	      <tr>
	     	<!-- BEGIN smilies -->
	            <td><img src="{switch_comment_post.smilies.URL}" border="0" onmouseover="this.style.cursor='hand';" onclick="emotions(' {switch_comment_post.smilies.CODE} ');" alt="{switch_comment_post.smilies.DESC}" /></td>
	                        			
		        <!-- BEGIN new_col -->
		        </tr><tr>
		    	<!-- END new_col -->
	    	<!-- END smilies -->
	      </tr>
	   </table>
	   
	   <center><INPUT TYPE='button' CLASS=BUTTON NAME="SmilesButt" VALUE="Zeige alle Smilies" ONCLICK="openAllSmiles();"></center>
	       
	 </td>
  </tr>
  <tr>
	<td class="catBottom" align="center" colspan="3" height="28"><input type="submit" name="submit" value="{L_SUBMIT}" class="mainoption" /></td>
  </tr>
</table>
</form>
<table border="0" cellpadding="0" cellspacing="0" class="tbl"><tr><td class="tbll"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblbot"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblr"><img src="images/spacer.gif" alt="" width="8" height="4" /></td></tr></table>
<!-- END switch_comment_post -->
<br />
<br>

Miriam · Beitrag von **Miriam** » 08.08.2006 22:54

So in etwa wie das hier ---->

Code: Alles auswählen

<table width="100%" cellspacing="2" cellpadding="2" border="0">
  <tr>
  <td class="nav"><span class="nav"><a href="{U_INDEX}" class="nav">{L_INDEX}</a> {ALBUM_NAVIGATION_ARROW} <a href="{U_ALBUM}" class="nav">{L_ALBUM}</a>{NAV_CAT_DESC}</span></td>
     </td>
 </tr>
</table>
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
   <th class="thTop" height="25" colspan="3">{PIC_TITLE}</th>
  </tr>
        <tr>
         <td bgcolor="999999" rowspan="3" width="120px">Hier kommt die Werbung hin</td>
         <td class="row3" height="25" align="center" colspan="2"><a href="{U_PREVIOUS}"><b>&laquo;&laquo;&nbsp;zur&uuml;ck &laquo;</b></a>&nbsp; &nbsp;|&nbsp; &nbsp;<a href="{U_NEXT}"><b>&raquo; weiter &raquo;&raquo;</b></a></td>
   </tr>
<tr>
<td class="row1" align="center"><span class="gensmall">{U_PIC_L1}
<!-- BEGIN switch_user_logged_out -->
<b>{AFFILINET_ROTATOR}</b><br />
<!-- END switch_user_logged_out -->
<img src="{U_PIC}" border="0" vspace="10" alt="{PIC_TITLE}" title="{PIC_TITLE}" />{U_PIC_L2}<br /></a>
<!-- BEGIN switch_user_logged_out -->
<script type="text/javascript"><!--
google_ad_client = "pub-5573728684310599";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text";
google_ad_channel ="";
google_color_border = "4D88C4";
google_color_bg = "EAEDF4";
google_color_link = "4D88C4";
google_color_text = "000000";
google_color_url = "4D88C4";
//--></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- END switch_user_logged_out -->
</span></span></td>
</tr>
        <tr>
         <td class="row3" height="25" align="center" colspan="2"><a href="{U_PREVIOUS}"><b>&laquo;&laquo;&nbsp;zur&uuml;ck &laquo;</b></a>&nbsp; &nbsp;|&nbsp; &nbsp;<a href="{U_NEXT}"><b>&raquo; weiter &raquo;&raquo;</b></a></td>
   </tr>

</table>
<table width="90%" align="center" border="0" cellpadding="3" cellspacing="2">
      <tr>
      <td width="25%" align="right"><span class="genmed">{L_POSTER}:</span></td>
      <td><span class="genmed"><b>{POSTER}</b></span></td>
     </tr>
     <tr>
      <td valign="top" align="right"><span class="genmed">{L_PIC_TITLE}:</span></td>
      <td valign="top"><b><span class="genmed">{PIC_TITLE}</span></b></td>
     </tr>
     <tr>
      <td align="right"><span class="genmed">{L_POSTED}:</span></td>
      <td><b><span class="genmed">{PIC_TIME}</span></b></td>
     </tr>
     <tr>
      <td align="right"><span class="genmed">{L_VIEW}:</span></td>
      <td><b><span class="genmed">{PIC_VIEW}</span></b></td>
     </tr>
     <!-- BEGIN rate_switch -->
     <tr>
      <td valign="top" align="right"><span class="genmed">{L_RATING}:</span></td>
      <td><b><span class="genmed">{PIC_RATING}</span></b></td>
     </tr>
     <!-- END rate_switch -->
     <tr>
      <td valign="top" align="right"><span class="genmed">{L_PIC_DESC}:</span></td>
      <td valign="top"><b><span class="genmed">{PIC_DESC}</span></b></td>
     </tr>
   </td>
  </tr>
   </table>
<table width="100%" cellspacing="2" border="0" cellpadding="2">
  <tr>
   <td align="right" nowrap="nowrap"><span class="nav">{PAGINATION}</span></td>
  </tr>
</table>
<!-- BEGIN coment_switcharo_top -->
<table border="0" class="forumline" width="100%">
  <tr>
     <th class="thTop" nowrap="nowrap" width="15%">Von</th>
   <th class="thTop" nowrap="nowrap" width="85%">Kommentar</th>
  </tr>
<!-- END coment_switcharo_top -->

<!-- BEGIN commentrow -->
<tr>
   <td width="150" align="left" valign="top" class="row1"><span class="name"><b>{commentrow.POSTER_NAME}</b></span><br /><span class="postdetails"><b>{commentrow.POSTER_RANK}</b><br />{commentrow.POSTER_RANK_IMAGE}<br>{commentrow.POSTER_AVATAR}<br /><br />{commentrow.POSTER_JOINED}<br />{commentrow.POSTER_POSTS}<br />{commentrow.POSTER_FROM}</span><br /></td>
   <td class="row1" width="100%" height="28" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
         <td width="100%"><a href="{commentrow.U_MINI_POST}"><img src="{commentrow.MINI_POST_IMG}" width="12" height="9" alt="{commentrow.L_MINI_POST_ALT}" title="{commentrow.L_MINI_POST_ALT}" border="0" /></a><span class="postdetails">Verfasst: {commentrow.TIME}</span></td>
         <td valign="top" nowrap="nowrap"><span class="genmed">{commentrow.EDIT}&nbsp;{commentrow.DELETE}&nbsp;{commentrow.IP}</span></td>
      </tr>
      <tr>
         <td colspan="2"><hr /></td>
      </tr>
      <tr>
         <td colspan="2"><span class="postbody">{commentrow.TEXT}</span></td>
      </tr>
   </table></td>
</tr>
<tr>
   <td class="row1" width="150" align="left" valign="middle"><span class="nav"><a href="#top" class="nav">nach oben</a></span></td>
   <td class="row1" width="100%" height="28" valign="bottom" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="18">
      <tr>
         <td valign="middle" nowrap="nowrap">{commentrow.PROFILE_IMG}{commentrow.PM_IMG}{commentrow.EMAIL_IMG}{commentrow.WWW_IMG}{commentrow.AIM_IMG}{commentrow.YIM_IMG}{commentrow.MSNM_IMG}{commentrow.ICQ_IMG}</td>
      </tr>
   </table></td>
</tr>
<tr>
   <td class="spaceRow" colspan="2" height="1"><img src="/images/spacer.gif" alt="" width="1" height="1" /></td>
</tr>
<!-- END commentrow -->

<!-- BEGIN coment_switcharo_bottom -->
    <tr>
   <td class="spaceRow" height="1" colspan="5"><img src="/images/spacer.gif" alt="" width="1" height="1" /></td>
  </tr>
</table>
<!-- END coment_switcharo_bottom -->

<form action="{S_ALBUM_ACTION}" method="post">
<!-- BEGIN switch_comment -->
  <tr>
   <td class="catBottom" align="center" height="28" colspan="2"><span class="gensmall">{L_ORDER}:</span>
   <select name="sort_order"><option {SORT_ASC} value='ASC'>{L_ASC}</option><option {SORT_DESC} value='DESC'>{L_DESC}</option></select>&nbsp;<input type="submit" name="submit" value="{L_SORT}" class="liteoption" /></td>
  </tr>
<!-- END switch_comment -->
</table>
<table border="0" cellpadding="0" cellspacing="0" class="tbl"><tr><td class="tbll"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblbot"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblr"><img src="images/spacer.gif" alt="" width="8" height="4" /></td></tr></table>

<!-- BEGIN switch_comment -->
<table width="100%" cellspacing="2" border="0" cellpadding="2">
  <tr>
   <td width="100%"><span class="nav">{PAGE_NUMBER}</span></td>
   <td align="right" nowrap="nowrap"><span class="nav">{PAGINATION}</span></td>
  </tr>
</table>
<br />
<!-- END switch_comment -->
</form>
<br />

<script language="JavaScript" type="text/javascript">
<!--
function checkForm() {
   formErrors = false;

   if ((document.commentform.comment.value.length < 2) && (document.commentform.rate.value == -1))
   {
      formErrors = "{L_COMMENT_NO_TEXT}";
   }
   else if (document.commentform.comment.value.length > {S_MAX_LENGTH})
   {
      formErrors = "{L_COMMENT_TOO_LONG}";
   }

   if (formErrors) {
      alert(formErrors);
      return false;
   } else {
      return true;
   }
}


 function storeCaret(textEl) {
                if (textEl.createTextRange) textEl.caretPos = document.selection.createRange().duplicate();
 }

//how to add smilies
function emotions(text)
{
                if (document.commentform.comment.createTextRange && document.commentform.comment.caretPos)
                {
                        var caretPos = document.commentform.comment.caretPos;
                        caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text;
                        document.commentform.comment.focus();
                }
                else
                {
                        document.commentform.comment.value  += text;
                        document.commentform.comment.focus();
                }
}


//pops up a window with all smilies
function openAllSmiles()
{
      smiles = window.open('album_showpage.php?mode=smilies', '_phpbbsmilies', 'HEIGHT=600,resizable=yes,scrollbars=yes,WIDTH=470');
       smiles.focus();
       return true;
}
// -->
</script>



<!-- BEGIN switch_comment_post -->
<form name="commentform" action="{S_ALBUM_ACTION}" method="post" onsubmit="return checkForm();">
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr>
   <th class="thTop" height="25" colspan="3">{L_POST_YOUR_COMMENT}</th>
  </tr>
  <!-- BEGIN logout -->
  <tr>
   <td class="row1" width="30%" height="28"><span class="genmed">{L_USERNAME}</span></td>
   <td class="row2" colspan="3"><input class="post" type="text" name="comment_username" size="32" maxlength="32" /></td>
  </tr>
  <!-- END logout -->
  <tr>
   <td class="row1" valign="top" width="20%"><span class="genmed">{L_MESSAGE}<br>
      {L_MAX_LENGTH}: <b>{S_MAX_LENGTH}</b></span></td>

   <td class="row2" valign="top"><span class="genmed">{L_PLEASE_RATE_IT}:&nbsp;</span>
         <select name="rate">

         <option value="-1">{S_RATE_MSG}</option>

         <!-- BEGIN rate_row -->
         <option value="{switch_comment_post.rate_row.POINT}">{switch_comment_post.rate_row.POINT}</option>
         <!-- END rate_row -->

         </select>

   <br><textarea name="comment" class="post" cols="60" rows="16" wrap='virtual' class='post' onselect='storeCaret(this);' onclick='storeCaret(this);' onkeyup='storeCaret(this);'>{S_MESSAGE}</textarea></td>



   <td class="row2" valign="middle" width="40%">
      <table border="0" cellspacing="0" cellpadding="5">
         <tr>
           <!-- BEGIN smilies -->
               <td><img src="{switch_comment_post.smilies.URL}" border="0" onmouseover="this.style.cursor='hand';" onclick="emotions(' {switch_comment_post.smilies.CODE} ');" alt="{switch_comment_post.smilies.DESC}" /></td>

              <!-- BEGIN new_col -->
              </tr><tr>
             <!-- END new_col -->
          <!-- END smilies -->
         </tr>
      </table>

      <center><INPUT TYPE='button' CLASS=BUTTON NAME="SmilesButt" VALUE="Zeige alle Smilies" ONCLICK="openAllSmiles();"></center>

    </td>
  </tr>
  <tr>
   <td class="catBottom" align="center" colspan="3" height="28"><input type="submit" name="submit" value="{L_SUBMIT}" class="mainoption" /></td>
  </tr>
</table>
</form>
<table border="0" cellpadding="0" cellspacing="0" class="tbl"><tr><td class="tbll"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblbot"><img src="images/spacer.gif" alt="" width="8" height="4" /></td><td class="tblr"><img src="images/spacer.gif" alt="" width="8" height="4" /></td></tr></table>
<!-- END switch_comment_post -->
<br />
<br>

Probier' mal. Die Hintergrundfarbe kannst Du selbstverständlich ändern.

dennis84 · Beitrag von **dennis84** » 09.08.2006 18:20

Juhu funktioniert..
nur leider is der Schatten der links und rechts is dann verschoben (die copyright leiste geht dann auch bis an den forenrand, sonst ist immer kleines stückchen platz dazwischen)