[3.0] Logo-Anpassung: 2 Graphiken im Header

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Benutzeravatar
Sir Charles
Mitglied
Beiträge: 371
Registriert: 23.01.2006 11:27
Wohnort: Wien
Kontaktdaten:

[3.0] Logo-Anpassung: 2 Graphiken im Header

Beitrag 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!
Benutzeravatar
franki
Ehemaliges Teammitglied
Beiträge: 2823
Registriert: 21.10.2007 14:02
Wohnort: Sonsbeck
Kontaktdaten:

Beitrag 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......
LG Franki
Benutzeravatar
Sir Charles
Mitglied
Beiträge: 371
Registriert: 23.01.2006 11:27
Wohnort: Wien
Kontaktdaten:

Beitrag 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.
NBthekiller
Mitglied
Beiträge: 40
Registriert: 05.06.2007 12:29
Kontaktdaten:

Beitrag 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.
Benutzeravatar
Sir Charles
Mitglied
Beiträge: 371
Registriert: 23.01.2006 11:27
Wohnort: Wien
Kontaktdaten:

Beitrag von Sir Charles »

Herzlichen Dank für den Hinweis!

ich werde das beim nächsten Umsetzungsversuch gleich mal ausprobieren :)
Benutzeravatar
Sir Charles
Mitglied
Beiträge: 371
Registriert: 23.01.2006 11:27
Wohnort: Wien
Kontaktdaten:

Beitrag 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?
NBthekiller
Mitglied
Beiträge: 40
Registriert: 05.06.2007 12:29
Kontaktdaten:

Beitrag von NBthekiller »

hast du mal nen Beispiellink?

Ich sehe im Header nämlich keine Bilder ;)
Benutzeravatar
franki
Ehemaliges Teammitglied
Beiträge: 2823
Registriert: 21.10.2007 14:02
Wohnort: Sonsbeck
Kontaktdaten:

Beitrag 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>
LG Franki
NBthekiller
Mitglied
Beiträge: 40
Registriert: 05.06.2007 12:29
Kontaktdaten:

Beitrag von NBthekiller »

Also ich schreibe immer
&nbsp;
vielleicht liegt es daran :wink:
Benutzeravatar
Sir Charles
Mitglied
Beiträge: 371
Registriert: 23.01.2006 11:27
Wohnort: Wien
Kontaktdaten:

Beitrag 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.
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“