Einen transparenten Layer/Header erstellen

[AKKA]

Hallo,

ich hoffe, dass mir geholfen werden kann!
Mein Problem habe ich hier: http://www.juergens-workshops.de/board/s...post160572
geschildert.

Meine Anfangsfrage wäre erstmal: ist das überhaupt auf einer Website möglich? Es handelt sich um ein phpBB-Forum.

Wenn ja, wäre ich über eine kleine Einweisung, sehr dankbar!

[AKKA]

um es noch einmal zu konkretisieren, zitiere ich den Post von Koter:

Du kannst das Hintergrundbild (hgdana4.jpg) einfach noch einmal in den Header setzen und es so fixieren und positionieren, das der Eindruck entsteht, der Header wäre transparent:
Dann kannst Du ein halbtransparentes Bild davor setzen.

OK - wird so gemacht! Klingt ja ganz einfach

Nun habe ich mich auf Jürgen Workshop umgeschaut: http://www.juergens-workshops.de/tutoria...nsparenz01

wären das denn meine Anfangsschritte?

Ein bissel hab ich schon probiert. Bis zum Standartwerkzeug bin ich gekommen. Nun suche ich nach der Füllmethode, Farbrampe, Transparenz etc....
Sieht bei mir alles etwas anders aus. Habe den PI XL

Momentchen.....

[Gabi]

Einen transparenten Layer/Header erstellen

Hallo AKKA,

klar kannst du einen transparenten Layer in PI erstellen
das ist kein Problem , aber inwieweit
das man in ein phpBB-Forum integrieren
kann weiß ich nicht.

Nun suche ich nach der Füllmethode, Farbrampe, Transparenz etc....
Sieht bei mir alles etwas anders aus. Habe den PI XL

dann schau mal HIER, da siehst du wo du
die diversen Werkzeuge findest.;-)


Liebe Grüße

[AKKA]

Senioren an den Computer? :daumen:

Geniale Seite - danke Gabi!

Bin jetzt aber leicht irritiert ob ich mit dieser Methode einen transparenten Layer erstellen kann?
Ich meine, üben werde ich das auf alle Fälle, bloß Franz sprach von Ebenen.....ist das jetzt ein anderes Ding?

[grafikworks]

ich glaube nicht das sich der Plan verwirklichen lässt.
Die Foren bieten vorgefertigte Layouts an bei denen sich meist nur die Haedergrafik ersetzen lässt.
Eine Transparenz würde sich auf das gesamte Forum auswirken d.h. alles würde transparent erscheinen und das ist so nicht vorgesehen.

[Unkraut]

Ich habe mir mal den Quelltext in einem phpBB-Forum angeschaut. Die hier angesprochenen Bilder liegen alle in "divs", daher sehe ich eigentlich keine Probleme bei Transparenzen in Bildern. Da sich auch das Style Sheets verändern lässt, sollte auch Transparenz mit HTML5 (und Blur.js) möglich sein.

Bei Layer und Ebene ist so wie mit der Grumbeere, Erdapfel, und Kartoffel, verschiedene Namen für das gleiche Ding. :lol:

freundliche Grüße vom Unkraut

[Administrator]

Hallo,

es fehlt unser Experte.
Klar geht das, denn der Header hat nichts mit dem Forum zu tun.
Den kann ich doch austauschen, wie ich will.
Bei Dir Jürgen kann ich das ja auch machen.

Das hätte der Helmut gesagt und gemacht.

Ich kann doch meinen Header bearbeiten, so wie ich das möchte.
Der Header liegt doch einzeln vor.

OK, meiner im Forum besteht aus 3 Teilen, aber die sind doch
alle austauschbar.

Erinnert ihr Euch noch, wie es den Weihnachtsheader gab, oder den für
Oster, Sommer, Herbst und...

Der Header hatte laut Helmut nichts mit dem gesamten Layout des Forums zu tun.

Nur wie erstelle ich den transparenten Header und füge den ein?
OK! Das ist keine vernünftige Antwort, aber ich weiß, das es gehen kann.

Liebe Grüße
Jürgen

[koter]

Hallo grafikworks,

ich glaube nicht das sich der Plan verwirklichen lässt...

Sei doch nicht so pessimistisch!

Hallo AKKA,

Ein halbtransparentes PNG ist mit PI schnell gemacht:

1. JPG öffnen
   
2. Ebene duplizieren
   
3. Basisbild löschen
   
4. Transparenz einstellen
   
5. Mit dem Bildoptimierer als PNG speichern.
   

Die PNG kannst Du dann über das CSS in den Header einbinden.

Technisch ist das also kein Problem.
Gestalterisch ist das allerdings etwas seltsam.
Du siehst dann durch den halbtransparenten Schwarzdorn den Schwarzdorn im Hintergrund.

Das sieht sehr konfus aus:



Gruß

Koter

[grafikworks]

mit der Hintergrundgrafik die sich dann in der transparenten Headergrafik zeigt ist wird mein Zweifel bestätigt.
Wäre es da nicht besser nur den Text zu erstellen und den als transparentes PNG einzusetzen?
Der Text liesse sich dann auch grösser machen und eine andere schönere Schrifttype wählen.

[AKKA]

Nabend,

ihr seid ja hier der Hammer!
Koter, ein kräftiges Dankeschön!

Jup, das sieht schon etwas urig aus, aber das ist doch nebensächlich. Ich wollte ja erlernen, wie man da eine Transparenz raufbekommt.