Buttons in profile_view_body.tpl anpassen

[wraith]

Hallo Leute,

ich verwende auf dem phpbb 2.0.4 ein modifiziertes "Raps"-Template.
Dabei habe ich das Problem, dass in der Leiste unter den Postings der ICQ-Button weit nach rechts verschoben ist:
[ externes Bild ]

Ich bin schon soweit gekommen, dass die Anweisungen für diese Buttons wohl in der profile_view_body.tpl stehen.
Allerdings habe ich keine Ahnung von Javascript, das eben bei dem ICQ-Button dabei ist, und Änderungen an dem "Nicht-Javascript"-Anteil haben keine Veränderung gebracht.

Code: Alles auswählen

<tr> 
				<td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_ICQ_NUMBER}:</span></td>
				<td class="row1"><script language="JavaScript" type="text/javascript"><!-- 
	
			if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 )
				document.write(' {ICQ_IMG}');
			else
				document.write('<table cellspacing="0" cellpadding="0" border="0"><tr><td nowrap="nowrap"><div style="position:relative;height:18px"><div style="position:absolute">{ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{ICQ_STATUS_IMG}</div></div></td></tr></table>');
				
				//--></script><noscript>{ICQ_IMG}</noscript></td>
			</tr>
			</table>
		</td>
	</tr>

Kann mir bitte jemand sagen, wie ich den Button an den anderen ausrichten kann?

Cya Wraith

[Mister_X]

der Bildausschnitt sagt mir eher, dass du dich in einem Thema befindest mit Beiträgen oder ? Dann wäre die richtige Datei nämlich die viewtopic_body.tpl

[wraith]

Ohhh, klar...
ich D....

Okay, danke!

Ich bastel da mal dran rum, ein erster Versuch verbessert zwar die Situation, löst aber das Problem nicht ganz....

Ich bin zu Dank verpflichtet!

Cya Wraith

[wraith]

So, ich blicks nicht....
Hier der passende Codeausschnitt aus der viewtopic_body.tpl

Code: Alles auswählen

	<tr> 
				<td valign="middle" nowrap="nowrap">{postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG}<script language="JavaScript" type="text/javascript"><!-- 

	if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 )
		document.write(' {postrow.ICQ_IMG}');
	else
		document.write('</td><td>&</td><td valign="top" nowrap="nowrap"><div style="position:relative"><div style="position:absolute">{postrow.ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{postrow.ICQ_STATUS_IMG}</div></div>');
				
				//--></script><noscript><td valign="middle" nowrap="nowrap">{postrow.ICQ_IMG}</noscript></td>
				<td valign="middle" align="right" nowrap="nowrap"><span class="nav"><a href="#top" class="nav">{L_BACK_TO_TOP}</a></span></td>
			</tr>
		</table></td>
	</tr>

Das beste Ergebnis hat bislang die Veränderung der Zeile<div style="position:absolute"> zu position:relative...aber das is auch nicht das Gelbe.

Wenn ich zu den anderen Buttons {postrow.ICQ_IMG} einfüge ist zwar der Button "bündig", dafür fehlt dann natürlich (zwecks Javascript) die ICQ-Blume mit dem Onlinestatus.....

Im subSilver-Style besteht das Problem nicht, da fehlt nur die Zeile mit der Navigation "Nach oben" bzw. ist in die linke Zelle (also die unter dem Avatar) gestellt.
Entferne ich die, ziehts den Button nach rechts raus....

Lösungsvorschläge?

Cya Wraith

[Mister_X]

Was ist wenn du an dieser Stelle einfach mal probehalber den Code aus der viewtopic_body.tpl vom subSilver Style einfügst ?

[wraith]

Hab ich probiert,

dann fehlt die curve_bottom_left.gif,
also die Abrundung der Zelle.

Ansonsten passt das jetzt....

Ich tüftel weiter, und danke vielmals!

Cya Wraith

[wraith]

Yeeeeeehaw!

Habs geschafft.....

Musste zwar ein bisserl rumtüfteln, aber nun schauts so aus, wie ichs wollte.

Folgender Code war nötig:

Code: Alles auswählen

<tr> 
		<td class="row2" width="150" align="left" valign="bottom" style="padding: 0px;"><table width="150" height="24" cellspacing="0" cellpadding="4" border="0">
			<tr>
				<td align="left" valign="bottom" style="padding: 0px;"><img src="templates/raps/images/curve_left_bottom.gif" border="0" /></td>
				<td><span class="nav"><a href="#top" class="nav">{L_BACK_TO_TOP}</a></span></td>
			</tr>
		</table></td>
		<td class="{postrow.ROW_CLASS}" width="100%" height="24" valign="middle" nowrap="nowrap"><table cellspacing="0" cellpadding="0" border="0" height="18" width="18">
			<tr> 
				<td valign="middle" nowrap="nowrap">{postrow.PROFILE_IMG} {postrow.PM_IMG} {postrow.EMAIL_IMG} {postrow.WWW_IMG} {postrow.AIM_IMG} {postrow.YIM_IMG} {postrow.MSN_IMG}<script language="JavaScript" type="text/javascript"><!-- 

	if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 && navigator.userAgent.indexOf('6.') == -1 )
		document.write(' {postrow.ICQ_IMG}');
	else
		document.write('</td><td>&</td><td valign="top" nowrap="nowrap"><div style="position:relative"><div style="position:absolute">{postrow.ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{postrow.ICQ_STATUS_IMG}</div></div>');
				
				//--></script><noscript>{postrow.ICQ_IMG}</noscript></td>
			</tr>
		</table></td>
	</tr>

Danke nochmal Mister X, ohne deine Hilfe wäre ich nicht weiter gekommen!

Wer das Ergebnis sehen will, klicke hier

Cya Wraith