Habe ein kleines Problem. Der Header von meinem Portfolio sieht momentan so aus:
Also meines Erachtens zu langweilig. Eigentlich wollte ich ein paar Lightnings einbauen, sodass es schöner wirkt, und genau das ist das Problem..Gibt es eine Möglichkeit, dennoch Lightnings einzubauen? Ich kann ja nicht einfach den Header als ganzes Bild speichern, weil das 1) zu hohe Ladezeiten verursacht und 2) Jeder User eine andere Auflösung hat...
Dieser Typ hier hats geschafft, ich weiß aber nicht wie: www.axertion.com
erstell dein "lightning" und speichere es mit transparentem hintergrund. danach einfach an die gewünschte position schieben.
übrigens, bei heutigen internetanbindungen ist es egal, ob das hintergrund ein ~5kb schnipsel ist der wiederholt wird oder ob du ein ~100-200kb bild da hinklebst. selbst bei einer 1000er dsl leitung beträgt der ladeunterschied nur milisekunden.
Arbeite mit Schnipseln und die Highlights wie schon erwähnt wurde als transparente pngs einsetzen.
Ist ganz einfach per CSS zu realisieren. Ggf. kann man die dann noch mit jquery ausschmücken, aber da gilt die Devise: "Jedem das seine!"
Der Typ hats geschafft, in dem der das Highlight im Bild gespeichert hat, dieses hochgeladen und eingebunden hat (Kann in der style.css nachvollzogen werden).
Zur Not arbeitest du mitm Z-Index und setzt das Lightning über dein Header... was aber nich viel Sinn macht. O.o
Oder... du setzt dein Lightning-Ausschnitt zentriert in den Header. Dahinter lässt du dann ein Background laufen, welcher sich dynamisch rechts und links anpasst an die jeweilige Browserfenstergröße. Weil offenbar ist ja genau das dein Problem, dass er den Header dynamisch hat, oder?
Original von Para
Zur Not arbeitest du mitm Z-Index und setzt das Lightning über dein Header... was aber nich viel Sinn macht. O.o
Oder... du setzt dein Lightning-Ausschnitt zentriert in den Header. Dahinter lässt du dann ein Background laufen, welcher sich dynamisch rechts und links anpasst an die jeweilige Browserfenstergröße. Weil offenbar ist ja genau das dein Problem, dass er den Header dynamisch hat, oder?
Mit z-index zu arbeiten ist eigentlich das sinnvollste, da es Ressourcen spart. Klar bei großen Leitungen interessierts keinen aber wieso sollte das nicht viel Sinn machen? ..
Es gibt da draußen immer noch Leute mit wenig Speed etc.
Hab momentan auch nur einen lahmen Mobile Stick, da ich immer noch den Anbieter wechsel (Telekom sucks)..
Wie gesagt: Die einzelnen highlights per Z-Index mit einzubringen ist meiner Meinung nach das sinnvolslte. Die Zentrierung hast du ja schon angesprochen, die ist eigentlich kein Problem.
If you were enjoying this post and if you keen on reading more interesting stuff then do not hesitate to complete the free sign up.
After the free registration you will gain access to all areas and you will be able to communicate with other artists from all over the world.
In addition you will benefit from our Photoshop and coding section as well as from our huge (hundreds of gigabytes) free resource section where you can find everything you will need to be a successful (web) designer/artist.
Sign up now and enjoy the advantages as a registered member.
(This website will be ad-free after a complete free sign up.)
27.10.2010 