Tutorialwelt.de » Webdesign

Webdesign – Karierte Hintergründe für Ihre Webseite

admin — Sun, 24 Jan 2010 03:43:17 +0000

Webdesign – Karierte Hintergründe für Ihre Webseite

Heute möchte ich eine weitere Webseite vorstellen, mit der man diesmal karierte Hintergründe für die eignenen Webseiten erstellen kann.

Ich gebe zu, daß das meiste gräuslich anzusehen ist, aber mit dezenten Erdfarben kann man schon den einen oder anderen schönen Hintergrund erstellen.

Die Webseite nennt sich www.tartanmaker.com

Vergleichbar mit den gestreiften Hintergründen von diesem Tutorial kann man auch beim Tartanmaker die Farben, die Breite und die Ausrichtung der verschiedenen Muster einstellen:

karierte Hintergrundmuster für Webseiten erstellen

Auch hierzu habe ich ein paar Beispiele eingefügt:

kariertes Hintergrund Muster

Die erstellten Hintergrundgraphiken kann man dann per CSS mit dem Befehl:
background: url(’dateiname.jpg’);
einfügen

Beispielcode HTML:

Webdesign – gestreifte Hintergründe für Ihre Webseite Heute möchte ich Ihnen zeigen, wie Sie gestreifte Hintergründe für...
Webdesign – Hintergrundmuster für Ihre Webseite (Retro Look) Heute möchte ich Ihnen eine weitere Webseite vorstellen, auf der...
Webdesign Tutorial – Farbverlauf für den Hintergrund einer Webseite erstellen Es gibt verschiedene Möglichkeiten einen Farbverlauf für den Hintergrund seiner...

Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.

30x 404 Error Seiten

admin — Thu, 17 Sep 2009 21:59:38 +0000

30x 404 Error Seiten

Ich habe Euch heute mal 30 der interessantesten Error-Seiten des Webs zusammengestellt, die ich finden konnte. Ich wünsche Euch viel Spaß und viele neue Anregungen für Eure eigenen Projekte.

1. Productplanner.com

Productplanner.com hat durchgehend ein Layout auf einer Schultafel basierend. Dieses Layout haben die Webdesigner geschickt auch für die Errorseite umgesetzt:

404er Error Seite 1

2. Duoh.com Error Seite

Eine sehr bunte und abstrakte Error-Seite bietet duoh.com:

404er Error Seite

3. apartmenthomeliving.com Error Seite

Sehr kreativ ist die Error-Seite von apartmenthomeliving.com, einem Vermittler von Appartements. Deutsche Übersetzung: Ich sags Dir alter Freund. Es macht den Anschein, als hättest Du es vermasselt und hättest eine Seite gefunden, die noch nicht einmal existiert. Prima.
Queen: Wenn Du immer noch auf der Suche nach dem Vergnügen bist, dann kannst Du auf folgende Seiten gehen:

404 error Seite appartmenthomeliving

4. Chrisglass.com Error Seite

Sehr schön sieht die Error Seite von Chrisglass aus. Hier sieht man Pfadfinder, die sich auf der Jagd nach der richtigen Seite befinden.

404 error chrisglass

5. Huishimi 404 Error Seite

Auf Huwishimi.com hat ein Ninja die Seite gestohlen. Eine sehr innovative 404er Error Seite.

404 Error Huwishimi

6. 404 error Seite von ilovetypography.com

Sehr stilvorll ist die Error Seite von ilovetypography.com:

error 404 ilovetypography

7. Error Seite von hootsuite.com

In Amerika werden vermisste Personen auch auf Milchkartons abgedruckt. Das macht sich hootsuite.com für seine Errorseite zu Nutzen:

404 error hootsuite

8. 404 Errorseite jhuskisson.com

Eine recht amüsante und mit einem Suchfeld auch sehr praktische 404er Fehlerseite hat jhuskisson.com:

404 error jhuskisson

9. 404 error page von gog.com

gog.com nutzt das alles in sich verschlingende mysterische schwarze Loch für seine Error page:

404 error gog.com

10. 404 Error page 45royale.com

Sehr praktisch ist die Error Seite von 45royle.com. Auf dieser Seite werden einfach die beliebtesten Blog Beiträge aufgelistet.

404 error 45royale

11. 404 fehlerseite cssremix.com

Cssremix.com präsentiert uns ein heulendes etwas:

404 error css remix

12. 404 Error-Page von patterntap.com

Wer diese beiden gräuseligen Figuren hier sieht, möchte schnell wieder von der 404er Seite weg:

404 error seite von patterntap

13: 404 error Seite von fryewiles.com

Oups… es sieht so aus, als hätten wir einen verloren:

404 error frye wiles

14: 404 Fehlerseite von wulffmorgenthaler.com

Ein brutal-komischer Comic Strip wird auf der 404 Fehlerseite von wulffmorgentahler.com präsentiert:

404 error wullfmorgenthaler

15: 404 Fehlerseite von henrikhedegaard.com

Homer Simpson muss für Henrik Hedegaards 404er Errorpage herhalten:

404 error henrik heedegard

16: 404 Errorseite von notaniche.com

Eine der interessantesten 404 Errorpages hat notaniche.com Wer käme denn schon auf die Idee gleich mehrere Joke Bilder in eine Errorseite einzubinden, damit die Besucher die Fehlerseite nochmal neu laden und nochmal und nochmal… Cool…

404 error notaniche

17: 404 errorpage von limpfish.com

Einen Wanted Zettel hat limpfish für seine Errorpage parat. Klasse!

404 error limpfish

18: 404 Errorseite von www.orangecoat.com

Die Error Seite von orangecoat kann einen Besucher schon erstmal verwirren, ist aber so interessant, daß man sich das Chaos doch mal genauer ansieht:

404 error orangecoat

19: 404 Fehlerseite von kochatelier-berlin.de

Auch mal eine kreative deutsche 404er Fehlerseite vom Kochatelier-berlin:

404 error kochatelier berlin

20: 404 Errorseite von dawdle.com

Die Dawdle.com Seite greift auf den NES Retro-Look zurück. Schöne Idee:

404 error dawdle

21: 404 error Seite von css-tricks.com

Absolut genial ist die Error Seite von CSS-Tricks.com:

404 error css tricks

22: 404 error von d20srd.org

Einen richtig brutalen Fehler präsentiert uns d20srd.org:

404 error d20srd

23: 404 error markfennell.com

Wer noch nie auf einer 404 Fehlerseite ein Flashgame gespielt hat, der sollte mal auf markfennell.com gehen:

404 error markfennell

24: 404 errorpage von project-euh.com

Diesen Screen zu machen war nicht leicht… und er ist noch nicht einmal perfekt:

404 error project-euh

25: 404 Fehlerseite von tinsanity.net

Eine witzige Idee ist auch diese Animation:

404 error tinsanity

26: Geniale 404 Errorpage von bluedaniel.com

Wer mal eine richtig geniale UBahn-Animation auf einer Error Seite sehen möchte, der sollte auf bluedaniel.com gehen:

404 error bluedaniel

27: 404 Errorpage cssscoop.com

Auch eine nette Idee von cssscoop.com:

404 error cssscoop

28: 404 errorpage vom TÜV Rheinland

Eine absolut geniale 404 Errorseite hat der TÜV-Rheinland. Hier kann der Besucher gleich ein Kontaktformular ausfüllen und den Webmastern mitteilen, was er eigentlich gesucht hat. Klasse!!!

404 Fehlerseite tuv rheinland

29: 404 ErrorSeite von fruehjahr.ch

Auch mal eine klasse Errorseite aus der Schweiz:

404 error fruehjahr

30: 404 Errorseite von surfingonstatic.com

Und die letzte richtig coole 404 Errorseite für Heute kommt von surfingonstatic.com:

404 error surfingonstatic

Weitere 404 Errorseiten werden folgen.

404er Fehlerseite in Wordpress ändern ...Ich habe Euch gestern erklärt, wie Ihr per .htaccess Fehlerseiten...
Webdesign – gestreifte Hintergründe für Ihre Webseite Heute möchte ich Ihnen zeigen, wie Sie gestreifte Hintergründe für...
.htaccess errorpages – Fehlerseiten ....Besucher, die auf eine verwaiste URL oder eine nicht bestehende...

Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.

Eine Vorschau Ihrer Webseite in allen gängigen Browsern

admin — Sun, 23 Aug 2009 20:07:12 +0000

Eine Vorschau Ihrer Webseite in allen gängigen Browsern

Jedem wird dies passieren. Sie haben Ihre Webseite fertig gestellt. Sie haben Sie in Ihrem Lieblingsbrowser kontrolliert. Sie haben vielleicht noch ein oder zwei andere Browser ausgetestet. Sie sind von den Ergebnissen begeistert. Tage später sagt Ihnen ein Bekannter, daß Ihre Seite ganz verschoben aussieht. Sie bekommen Panik… stürmen an Ihren Rechner… Was ist da nur passiert? Sie öffnen Ihre Seite… Es sieht doch ganz normal aus…

Der Grund für solche Situationen ist, daß tatsächlich nicht jeder Browser das gleiche anzeigt. Je älter die Browser werden, desto schlimmer können die Ergebnisse sein. Der Internet Explorer 5 beispielsweise kann nicht all das verarbeiten, was die heutige Generation von Browsern kann… Wer mit Netscape immer noch im Web unterwegs ist… Na gute Nacht… Nun ist HTML 5 mit CSS3 am Start… jetzt wird das ganze noch verhehrender….

Man kann aber auch keine alten Browser mehr bei sich zum testen installieren… Manche kamen schon auf die abwägige Idee, die alten Browser in einem virtuellen Betriebssystem zu starten… alles Quatsch…

Die Lösung lautet: browsershots.org

Auf browsershots.org können Sie die Optik Ihrer Webseite wirklich auf allen (zumindest mir bekannten) Browsern austesten. Geben Sie die Adresse Ihrer Webseite ein und reloaden Sie die Seite nach einer halben Stunde… Sie werden sich wundern, wie unterschiedlich die Ergebnisse ausfallen können.

Interessant ist dies, sobald man bspw. transparente PNG’s zum Einsatz bringt. Hier sieht man auf welchen Browsern die Webseite korrekt angezeigt wird.

Bringen Sie generell in Erfahrung, welche Browser Ihren Kunden wichtig sind… checken Sie auf browsershots.org, ob Sie die Voraussetzungen Ihres Kunden einhalten können, oder ob Sie doch auf eine ältere HTML, CSS oder Flash Version zurückgreifen sollten.

Für mich eines der wichtigsten Tools des worldwide web für Webdesigner und Webprogrammierer.

Webseiten auch für den Internet Explorer 6 optimieren Auch wenn ich bereits in einem anderen Tutorial (Vorschau von...
Webdesign Tutorial – Farbverlauf für den Hintergrund einer Webseite erstellen Es gibt verschiedene Möglichkeiten einen Farbverlauf für den Hintergrund seiner...
Webdesign – Karierte Hintergründe für Ihre Webseite Heute möchte ich eine weitere Webseite vorstellen, mit der man...

Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.

22 Webdesigns mit beeindruckenden Lichteffekten

admin — Sat, 22 Aug 2009 21:49:31 +0000

22 Webdesigns mit beeindruckenden Lichteffekten

Heute möchte ich Ihnen 22 Webseiten präsentieren mit beeindruckenden Lichteffekten.

Grelle Lichteffekte verursachen andere Emotionen beim Betrachter, als dunklere beruhigendere. Man kann mit graphischen Elementen aktiv die Gefühle des Besuchers steuern.

Ich wünsche Euch viel Spaß beim betrachten der Designs. Vielleicht werden einzelne von Euch die eine oder andere Ispiration für eigene Projekte bekommen.

Beginnen wir mit einem naturbezognenen etwas mystischen Layout:

Mit knalligen Lichteffekten besticht Sebcreation:

Ein cooles sexy Layout:

Ein mystischer Nachthimmel:

Ein sehr schlichtes aber aggressiv knalliges Layout bietet tao:

Ein schön verspieltes Layout mit vielen Icons:

Sauberes Layout mit genialen Lichteffekten:

Mystischer Nachthimmel:

Website mit knallig bunten Webspiralen:

Website mit mystischem Eindruck:

Sehr eindrucksvolle Seite mit Lichteffekten:

Klare Strukturen und ein schlichtes Design:

wunderschöner Farbverlauf im Hintergrund:

erscheint, wie eine Unterwasserperspektive. Genial:

sehr beeindruckendes Webdesign. HIer waren ein gutes Handling mit Photoshop oder Gimp nötig:

Layout mit dem Augenmerk auf Twitter und Facebook… beide Symbole stechen hervor:

Beeindruckend schlichtes aber ansehnliches Layout:

natürliche Elemente und Erdfarben mit Lichteffekten vermischt ergeben poziteeve.com:

Wunderschönes Layout mit Bezug auf unsere Erde und die Natur. Sensationell:

Interessant futuristisches Layout:

farbig leuchtenden Rauch bildet das Background Layout dieser Seite :

Das Science Fiction Layout von brianfart.com.au ist sehr ansprechend und macht neugierig auf den Inhalt:

Ich hoffe, ich konnte Ihnen ein paar wirklich interessante Layouts für neue Ideen vorlegen.

Ich werde zukünftig regelmäßig Webseiten-Designs oder allgemeine Deisgn-Ideen präsentieren.

No related posts.

Ähnliche Artikel bereitgestellt von Yet Another Related Posts Plugin.