[Agent] Hintergrundbild

Ich bin auf der Suche nach einem Hintergrundbild und dem Versuch es selbst zu machen gescheitert.
Suche ist immer etwas schwierig wegen Copyright und selbst gemacht sah einfach nur grauenvoll aus.
Also hab ich mir gedacht, dann wende ich mich doch an unsere fähigen Grafiker, die immer so schöne Sachen herbeizaubern.

Ich benötige hier für http://duniaenterprises.up-with.com/forum.htm ein Hintergrundbild.
Ich habe mir ein Hochhaus vorgestellt, so wie es sie in New York oder Frankfurt gibt. Diese riesigen Glashäuser, wo die Fenster spiegeln (so wie dieses hier zb. http://www.heise.de/foto/galerie/Hochhaus-584f423fe928d0571b9fdedcd4e44086/)

Eigentlich wollte ich die Kategorien transparent machen, damit das Hochhaus durchscheinen kann, was wahrscheinlich an der darauffolgenden schlechten Lesbarkeit scheitern würde/wird.

Also habe ich mir gedacht, dass das Hochhaus an beiden Seiten (links und rechts der Kategorien) herausguckt. Unten eine Straße (wenn das gehen würde) und der Rest dann Himmel mit ein paar kleinen Wölkchen (damit es nicht so leer ist).

Hier eine meiner "Erklärungsskizzen":
[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

Vielleicht hat ja einer von euch die Möglichkeit, dass so hinzukriegen.


PS. ich glaube es war vorhin irgendwas im Tee drin. ein Tippclown oder sowas

Etwa so? (:

[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

EDIT: Jetzt wäre es natürlich praktisch, wenn man das auch in der richtigen Größe uploaden könnte... notfalls muss ich das Bild unten etwas kürzen, sorry.

Ja das ist gut dran, an dem was ich mir vorgestellt habe. Ich muss noch ausprobieren, ob man dann den Text noch vernünftig lesen kann.

Das sieht auf jeden Fall viel besser aus, als das was ich da fabruziert hatte.^^

So könnte es dann aussehen:
[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

Und das währen der CSS Eintrag dazu:

Code:

body {
background-attachment:fixed;
background-color:#CCCCCC;
background-image:url("http://i52.tinypic.com/xr677.jpg");
background-position:center top;
background-repeat:no-repeat;
}

Nur mal so zur Orientierung

Hm...und genau da is das Problem. Das kann man nicht lesen. Ich muss mal schauen, ob das geht, wenn ich das Bild dunkler mache.

Eigentlich ist das Bild breiter, also 1600x3000 (!) Pixel, der Wolkenkratzer alleine ist 1000 Pixel breit. Da haperts, da die Datei einfach viel zu groß ist. Ich könnte versuchen, es von der Länge auf 2000 px zu reduzieren, könnte dann aber vielleicht kacheln... dafür würde es aber bis zum Rand gehen.

Ich habs jetzt mal dunkler gemacht und so ist es besser.
Die Größe des Hauses ist auch gut. Der Himmel müsste vielleicht bis zum Rand gehen. Im Moment sieht es etwas abgeschnitten aus.
[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]
Unten abzuschneiden wäre auch nicht so schlecht, dann würde die Grafik nicht so viel Speicherplatz wegnehmen, wenn man den Himmel breiter macht, oder?!

Hallo ihr beiden.
Ihr müsst von der Heute Größtmöglichen Bildschirmauflösung ausgehen.
Diese Größe muss das Bild schon haben.
Wichtig ist, das der Wolkenkratzer nicht breiter als 990 bis 1000 Px breit ist, weil er sonnst auf kleinen Monitoren an den Seiten abgeschnitten wird.
Durch das CSS mit dem das Bild eingesetzt wird, wird das Bild immer Zentriert und nicht gekachelt, egal wie Breit der Bildschirm ist.
Es kann auch noch eingestellt werden, ob das Bild unten Beginnen soll, und nach oben hin Abgeschnitten wird, oder ob es oben beginnen soll und dann nach unten hin Abgeschnitten wird.
Das wäre wichtig um das mit der Straße zu realisieren.

Edit:
Hier mal die Beispiele:
Bild oben ausgerichtet, wie es jetzt ist:
[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]
Und hier mal wenn das Bild von Unten Beginnt (hier könnte dann noch die Straße zu sehen sein):
[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

Die Straße habe ich mir schon aus dem Kopf geschlagen. Das verkompliziert die Sache wahrscheinlich nur. Die breite vom Haus ist so perfekt.

Schau mal meinen Edit. Das mit der Straße ist so möglich, nur mit dem Abschluss nach oben müssen dann Abstriche gemacht werden.
Diese Lösung würde ich wählen, weil du dann immer unten im Bild die Straße hast.
Ach so, die Höhe des Hauses darf dann natürlich nicht viel höher sein als die Maximale Höhe der Bildschirmauflösung.
Oben kann es dann im Himmel auslaufen, so das es nach oben hin dann auch nicht darauf ankommen würde, wie Hoch das Bild ist. Nur die Breite des Himmels wäre dann unterschiedlich je nach dem wie Hoch der Bildschirm des Betrachters ist.
Leider ist CSS3 ja noch nicht beschlossen und eingeführt, das in Bezug auf Hintergrundbilder einiges an Möglichkeiten mehr bieten würde. So sind wir noch sehr eingeschränkt.

Die Breite des Bildes ist eigentlich breit genug, nur wurde das Bild beim Hochladen irgendwie verkleinert. *g*

@Pandraigon: Ich versuche mal, das Bild ähnlich auszurichten, wie Frank es gemacht hat. Irgendwie habe ich beim erstellen außer Acht gelassen, dass man es auch fixieren kann.^^

EDIT:
Wie gewünscht dunkler und hoffentlich in voller Größe.
[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

Das Bild kann ich leider nicht hochladen. Der Hoster kann nur 500MB maxmial.

Code:

body {
background-attachment:fixed;
background-color:#030404;
background-image:url("http://i54.tinypic.com/2z7orck.png");
background-position:center top;
background-repeat:no-repeat;
}

Einfach #Franks Code mit dem Hier ersetzen. (:

Pandraigon schrieb:Das Bild kann ich leider nicht hochladen. Der Hoster kann nur 500MB maxmial.

Also 500 MB sollte das Bild nicht haben. Zur Not nimm das Bild von hier, oder Lade es selber noch mal bei Servimg hoch. Auch Abload oder Myimg können das mit Sicherheit Speichern.

@ Agent:
Versuch es doch mal als JPG zu speichern und stell die kompersionsrate mal einwenig hoch. Dann sollte die Datei Größe auch weniger werden.

@ #Frank:
Genau das habe ich, aber dann wurde das Bild wie auch immerverkleinert - die ersten Entwürfe waren im JPEG-Format...

Das jetzige hat übrigens 1,28 MB. Sollte eigentlich gehen, ist trotzdem viel.

Na , dann schau mal das Bild hier an:
[Sie müssen registriert oder eingeloggt sein, um das Bild sehen zu können.]

Dateigröße: 65,23 KB (66.798 Byte)
Masse: 1600 x 900

Tatsächlich. Und die Quali ist auch nicht die schlechteste.
Ist verkleinert worden, weil das Bild mit 3000 px Länge wohl etwas zu viel Speicherplatz gebraucht hätte.

Na dann schauen wir mal ob Bella das einsetzt.

Okay jetzt passte es wunderbar....
Danke, danke.

Sehr gerne. (:
Ich schließ hier dann mal.