Seite 1 von 2

[3.0] Logo-Anpassung: 2 Graphiken im Header

Verfasst: 04.01.2008 19:29
von Sir Charles
Hallo!

Ich bastel grad ein wenig an meinem Probeforum rum und um einen Umstieg schmackhaft zu machen, wollte ich einen Header aus einem 2.0.22 "nachbauen". Dort ist links oben das Forumslogo und rechts daneben ein weiteres Logo, das auf eine externe Seite verlinkt.

ich habe mich in der overall_header.html und der imageset.cfg herumgespielt, das mit dem 2. Logo aber nicht hinbekommen. Nach einer Anleitung auf phpbb.com ist an der includes/functions.php was zu ändern, wenn ich dort allerdings eingreife, kommt es zu einem Parse Error.

Beim verwendeten Style handelt es sich um Serenity Green von Cyber Alien.

die "Spielwiese" befindet sich unter: http://sircharles82.si.funpic.de/forum/index.php

Vielleicht könnte mir jemand andeuten, was da zu ändern wäre?

Herzlichen Dank!

Verfasst: 05.01.2008 03:36
von franki
Warum machst Du das nicht über Tabellen :wink:

Suche in der overall_header.html

Code: Alles auswählen

<tr>
	<td id="logorow" align="center">
		<a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
	</td>
</tr>
ersetze durch

Code: Alles auswählen

<table width="100%" cellspacing="0">
<tr>
	<td width="50%"><a href="http://www.????.??"><img src="{T_THEME_PATH}/images/site_logo1.gif" /></a></td>
	<td width="50%"><a href="http://www.????.??"><img src="{T_THEME_PATH}/images/site_logo2.gif" /></a></td>
</tr>
Du kannst dann evtl. noch zb. die Logos zentrieren

Code: Alles auswählen

	<td width="50%" align="center">
oder links/rechts ausrichten usw......

Verfasst: 05.01.2008 11:39
von Sir Charles
Hallo Frankie!

Vielen Dank für die Tipps, es war allerdings nicht ganz das Richtige, die Lösung hat dann gebracht:

Code: Alles auswählen

<table width="100%" cellspacing="0">
<tr>
   <td width="50%" align="left"><a href="{U_INDEX}">{SITE_LOGO_IMG}</a></td>
   <td width="45%" align="right"><a href="http://www.??????.??"><img src="{T_IMAGESET_PATH}/site_logo.gif" /></a></td>
</tr>
</table>
mir ist jetzt allerdings die Randtabelle, die das Forum umgeben hat (bei mir grüner Rand) abhanden gekommen.

Verfasst: 05.01.2008 15:25
von NBthekiller
dann würde ich mit CSS arbeiten :wink:

bei den Bildern machen:

Code: Alles auswählen

<img style="maxwidth: Xpx; maxheight: Ypx;">
natürlich noch deine Daten eintragen. Damit erreicht man, dass Bilder trotz Größenangabe flexibel bleiben, dh du kannst kedes Bild verlinken, es wird nie breiter als X oder höher als Y.

Verfasst: 06.01.2008 12:42
von Sir Charles
Herzlichen Dank für den Hinweis!

ich werde das beim nächsten Umsetzungsversuch gleich mal ausprobieren :)

Verfasst: 07.01.2008 21:16
von Sir Charles
ich habe das Ganze jetzt so gelöst:

Code: Alles auswählen

<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center">
<tr>
   <td id="logorow" width="100%" align="left"><a href="{U_INDEX}"><img src="{T_IMAGESET_PATH}/erstes_logo.gif" /></a> <a href="http://www.??????.??"><img src="{T_IMAGESET_PATH}/zweites_logo.gif" /></a></td>
</tr>
jetzt werden beide Logos korrekt nebeneinander angezeigt, nur "klebt" das zweite Logo am ersten dran.

"&nsbp" habe ich probiert, wird allerdings nicht akzeptiert. Gibt es eine Möglichkeit, zwischen die beiden Logos ein paar "Abstände" einzufügen?

Verfasst: 07.01.2008 21:19
von NBthekiller
hast du mal nen Beispiellink?

Ich sehe im Header nämlich keine Bilder ;)

Verfasst: 07.01.2008 23:30
von franki
Sir Charles hat geschrieben:ich habe das Ganze jetzt so gelöst:

Code: Alles auswählen

<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center">
<tr>
   <td id="logorow" width="100%" align="left"><a href="{U_INDEX}"><img src="{T_IMAGESET_PATH}/erstes_logo.gif" /></a> <a href="http://www.??????.??"><img src="{T_IMAGESET_PATH}/zweites_logo.gif" /></a></td>
</tr>
jetzt werden beide Logos korrekt nebeneinander angezeigt, nur "klebt" das zweite Logo am ersten dran.

"&nsbp" habe ich probiert, wird allerdings nicht akzeptiert. Gibt es eine Möglichkeit, zwischen die beiden Logos ein paar "Abstände" einzufügen?
Wie hast du den &nsbp eingefügt?
so....

Code: Alles auswählen

<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center"> 
<tr> 
   <td id="logorow" width="100%" align="left"><a href="{U_INDEX}"><img src="{T_IMAGESET_PATH}/erstes_logo.gif" /></a>&nsbp<a href="http://www.??????.??"><img src="{T_IMAGESET_PATH}/zweites_logo.gif" /></a></td> 
</tr>
Wenn Du vor und hinter dem &nsbp einen leerschritt einfügst
sollte es funktionieren.

Code: Alles auswählen

<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center"> 
<tr> 
   <td id="logorow" width="100%" align="left"><a href="{U_INDEX}"><img src="{T_IMAGESET_PATH}/erstes_logo.gif" /></a> &nsbp <a href="http://www.??????.??"><img src="{T_IMAGESET_PATH}/zweites_logo.gif" /></a></td> 
</tr>

Verfasst: 08.01.2008 13:52
von NBthekiller
Also ich schreibe immer
&nbsp;
vielleicht liegt es daran :wink:

Verfasst: 08.01.2008 20:00
von Sir Charles
Liebe Leute,

VIELEN herzlichen Dank, JETZT hat es funktioniert :)

Beispiellink ist eh noch der von oben, ich lass es jetzt mal ein bisserl, damit man es sieht.

Lösung war dann
<table border="0" cellspacing="0" cellpadding="0" width="{$CA_WIDTH}" id="maintable" align="center">
<tr>
<td id="logorow" width="100%" align="left"><a href="{U_INDEX}"><img src="{T_IMAGESET_PATH}/erstes_logo.gif" /></a> &nbsp; &nbsp; <a href="http://www.??????.??"><img src="{T_IMAGESET_PATH}/zweites_logo.gif" /></a></td>
</tr>


also falsche Buchstabenfolge gehabt, UND vorher und nachher ein Leerschritt hat gefehlt.