Seite 1 von 2
Header Grafik implementieren
Verfasst: 28.11.2004 16:47
von doccanon
Hallo liebe Gemeinde,
ich habe ein kleines Problem.
Nahezu jedes phpbb-Forum passt sich ja automatisch an die Bildschirmgröße an. Ob ich jetzt mit einer 1024 er oder einer 800er Auflösung arbeite, solange man die vorgefertigte grafik im Header verwendet.
Nun möchte ja jeder ein individualisiertes Forum erstellen, so auch ich.
Mein Problem ist, das sich meine Header Grafik natürlich nicht anpasst und immer ein "Scroll-Balken" erscheint, wenn die Bildschirmauflösung von der vorprogrammierten der Grafik abweicht.
Irgendwie ist es mir nicht möglich die in Photoshop erstellte Grafik zu "kacheln", damit sie sich bei geringerer Auflösung "zusammenschiebt" und bei größerer "auseinanderzieht".
Das sieht nicht nur richtig blöd aus, es ist zudem auch sehr Nutzerunfreundlich.
Anzusehen unter:
www.mpu-forum.de
Hat jemand einen Tip für einen relativ unerfahrenen "PHPBB`ler" ??
Thanks a lot
Doc
Verfasst: 28.11.2004 16:57
von Kenni
ja einen tip ja
wenn du den header in drei stücke teilen würdest
links_header.jpg <-- mit auge
mitte_header.jpg <--- welches ein ca 10px grosses cellpic ist das sich immer weiderholt , was dann den effekt hat das sich der header immer anpasst bei der auflösung
recht_header.jpg <-- mit auge
dem mitte_header.jpg als hintergund nehmen und einen kleineren schriftzug draufsetzen , also deinen mit ganz normalen <img> befehl
und der table eine width von "100%" geben und nicht wie du mit weite "1003"
ungefähr verstanden ?

Verfasst: 28.11.2004 17:05
von doccanon
ich versuchs mal, danke
Doc
Verfasst: 28.11.2004 17:07
von Kenni
kleiner tipp noch
gucke dir mal die overall_header.tpl vom plus board an
diesen abschnitt mit <table class="topbkg"
Verfasst: 28.11.2004 17:26
von doccanon
das gibts ja nicht.
Total keinen Plan aber es funktioniert. Wieso bekommt das ein "Fachmann" nicht hin ??
Jedenfalls passt sich die Breite jetzt der Auflösung an.
Woran kann es denn liegen, das die Augen jetzt "schielen", bzw. schiefer werden, je kleiner ich das Fenster mache ??
Doc
Verfasst: 28.11.2004 17:32
von Kenni
pobiere mal den schriftzug kleiner zu machen
wenn 800x600px die kleinste auflösung ist die du haben willst , dann probiere mal das alle grafiken im header also auch der schriftzug zusammen mit links und rechts die 800px nicht überschreitet
beim grössermachen kommt ja dann wieder dieses wiederholendes hintergund pic zum einstatz
Verfasst: 28.11.2004 17:37
von doccanon
der ganze Header besteht aus mehreren Teilen.
Das einzige, was sich nicht der breite anpasst, sind die "unteren" Hälften der Augengrafik rechts und links.
Der Schriftzug, die Buttons, alles passt Sich an.
Ich kann es nicht glauben, das es sich überhaupt zusammenzieht.
Ich sitze hier seid Tagen zusammen mit einem sogenannten Spezialisten, der mit verscheidensten Programmen und Versuchen, ausprobiert hat, woran es liegen könnte. Er hat sich sogar die Quellcodes anderer Foren angesehen, bei denen es funzt. Und nix gefunden.
Jetzt sitz ich hier alleine, habe eine Frage hier im Forum gestellt, von allem eigentlich keine Ahnung und herausbekommen, das es nur an 100% breite lag.
Den Rest krieg ich bestimmt auch noch hin.
Verfasst: 28.11.2004 17:49
von Kenni
ja da musste gucken , das alles was im forum in die breite geht variabel ist und 800px nicht überschreitet
da gilt auch für die linksleiste und das was noch unter dem header ist
Verfasst: 28.11.2004 17:51
von doccanon
wie lautet der befehl, wenn es variabel sein soll.
im Moment steht da bei der grafik vom Auge links "width="94".
Verfasst: 28.11.2004 18:00
von Kenni
variable is ja eine wiedeholende grafik die auch in der css definiert werden kann mit repeat-y oder repeat-x
gucke dir mal die cellpics an , auch in der css dann weisste was ich meine
diese cellpics haben aber keine grafik ansich sondern sind in der strucktur gleich , weil die sich halt immer wiederholen
eine grafik wie das auge bleibt fest , also da is die 94 angabe schon nicht schlecht
wenn du jetzt rechts noch ein auge hast würde das ganze dann so aussehen
Code: Alles auswählen
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="94" align="left" valign="bottom"><img src="templates/fisubsilversh/images/links_header.gif" width="94" height="?" border="0" alt="" /></td>
<td width="100%" align="center" valign="middle" background="templates/fisubsilversh/images/mitte_header.gif"></td>
<td width="94" align="right" valign="bottom"><img src="templates/fisubsilversh/images/rechts_header.gif" width="94" height="?" border="0" alt="" /></td>
</tr>
</table>