Seite 1 von 1

Bild das aussem header rausguckt, aber wie?

Verfasst: 19.09.2007 20:48
von jaimo
So ich nochmal, wie mache ich das jetzt mit dem Header wie auf dem Bild?.

http://www.pic-upload.de/view-183866/kritzel.jpg.html

phpbb3
Darkbloo

Verfasst: 20.09.2007 12:53
von tas2580
Du könntest einen Div machen in den du das Bild legst und den per Position absolute an eine beliebige Stelle legen

Code: Alles auswählen

<div style="width:160px; height:100px; position:absolute; left:50px; top:10px;">HIER DEIN BILD</div>

Verfasst: 20.09.2007 14:26
von jaimo
Hmm ok, kannst du mir noch sagen wo das genau rein kommt in das overall oder....... ?

Das bil muss dann ja in das image verzeichniss oder?

Verfasst: 20.09.2007 16:53
von tas2580
Wo du den Code einfügst ist eigentlich egal, in overall_header.tpl würde es wohl aber am ehesten Sinn machen. Wo du das Bild hin kopierts ist eigentlich auch egal, du musst nur den Pfad richtig angeben

Code: Alles auswählen

<img src="pfad/zum/bild.jpg" alt="bild" height="100" width="100">
Den DIV kannst du dann in jede beliebige Possition verschieben, einfach die Angaben left und top ändern.

Verfasst: 20.09.2007 19:33
von jaimo
Oh je jetzt verstehe ich gleich Null, sei mir net böse aber ich peil nichts mehr.
Kannst du das evtl ausführlicher erklären am besten Idiotensicher, damit meine ich Schritt für Schrifft :oops:

1. Ich habe überhaupt keine Datei die Overall_header.tpl heisst.
2. Mein Theme ist Darkbloo

Bitte Bitte ausführlicher, du hast es mit nem Noob Noob zu tun :)

Styles > Darlbloo > Theme, Template oder Imageset ? weiter weis ich nicht

Du hast auch jetzt in 2 verschiedenen Beiträgen andere Codes aufgezählt :roll:

Verfasst: 20.09.2007 19:49
von tas2580
Oh stimmt, es geht ja um phpBB3, da heißt die Datei overall_header.html und liegt in /styles/Darlbloo/template/

In der Datei suchst du nach <body> und fügst danach ein

Code: Alles auswählen

<div style="width:160px; height:100px; position:absolute; left:50px; top:10px;"><img src="images/bild.jpg" alt="bild" height="100" width="100"></div>
Das Bild kopierst du in den Ordner images direkt im Forenroot.

An dem Code den ich gepostet hab musst du noch ein paar Größenangaben anpassen.
width:160px <- Die Breite des DIVs
height:100px <- Die Höhe des DIVs
left:50px <- Der Abstand von links
top:10px <- Der Abstand von oben
height="100" <- Die Höhe des Bilds
width="100" <- Die Breite des Bilds