CSS Frage zu Headerumsetzung

[orschiro]

Hallo Leute,

ich würde gerne die im Anhang mitgelieferte Grafik als Header auf einer Webseite nutzen. Hier stehe ich leider vor dem Problem, wie ich das am besten umsetze, vor allem die runden Ecken machen mir dabei Sorgen.

Was auf jeden Fall gewährleistet sein sollte, ist eine weiterhin gegebene Anpassung an die jeweilige Auflösungsbreite, weswegen die Variante die Grafik als Ganzes einzupflegen schon einmal rausfällt.

Achja die Grafik verwendet, wenn auch nicht direkt zu sehen, einen Farbverlauf, und kann daher nicht mit einem Background-Color ersetzt werden.

Was meint ihr daher, wie ließe sich mein Vorhaben am geschicktesten umsetzen?

Ich bedanke mich schon mal für eure Hilfe.

 

[Skuzzle]

Hi,

das ist nicht ganz einfach was du da vorhast. Vorallem die Skalierbarkeit macht das ganze recht schwierig. Ich hab dazu letztens im Internet was gefunden, weiss aber leider nicht mehr wo. Ich kann mich allerdings noch etwas an das Verfahren erinnern:

Für jede Ecke brauchst du eine runde Grafik in möglichst sehr hoher auflösung. Diese wird dann im img Tag auf die gewünschte Größe skaliert und per CSS in der richtigen Ecke positioniert. Dank der hohen Auflösung sieht die Grafik beim näher ranzoomen auch noch gut aus, das ganze geht aber natürlich auf die Bandbreite und ich weiss auch nicht inwiefern sich das mit deinem Farbverlauf verträgt.

Evtl. musst du irgendwo abstriche machen oder warten bis jemand nen besseren Einfall hat

 

[Crizzo]

Schau dir mal diese Techniken für Rundeecken an: http://www.schillmania.com/projects/dialog2/
http://www.andreas-kalt.de/webdesign/tutorials/runde-ecken

http://xhtmlforum.de/50625-runde-ecken-wie-mache-ich-es.html

Das musst du dann nur auf deine Seite anwenden. Versuche dabei möglichst alle vorhanden Element miteinzubeziehen.
Jenach dem in welche Richtungen dein Modell skalieren können soll, brauchst du mehrere Grafikstücke, die dann "mitwachsen".

 

[Stefreak]

im Klartext: du musst deine Grafik slicen z.B. mit Photoshop

 

[PW-toXic]

wegen farbverlauf:
versuch keinen horizontalen farbverlauf bei einem design zu machen, das horizontal skalieren soll.. das wird nix jedenfalls nicht wenn du den farbverlauf mit bildern umsetzen möchtest.

 

[orschiro]

Alles klar, ich bedanke mich schon mal für eure Antworten und werde nun versuchen, das umzusetzen.