• Herzlich willkommen
  • Über mich
  • Artikelübersicht
  • Gaming
    • LittleBigPlanet: Die Geschichte von Sackboy
  • E-Mail für mich
  • Gästebuch
  • Impressum
  • Oben ↑
  • Veröffentlicht am 23. August 2011 / 838 Leser / 1 Kommentar
    olivergast.de Logo

    [olivergast.de] Design Version 2

    Nachdem das bisherige Design meiner Internetseite nun etwa 1 Jahr auf dem Buckel hat, dachte ich mir es ist mal wieder Zeit für einen Tapetenwechsel. Ab heute ist das neue Design am Start; ich hoffe es gefällt euch.

    Was hat sich geändert?

    Die neue dunklere Farbgebung sticht sicher sofort ins Auge, wenn ihr schon mal hier wart. Bisher waren helle Grau- und Blautöne dominierend, nun sind eher dunkle Grau-Töne federführend. Die Inhaltsbereiche sind leicht transparent, so dass der Hintergrund mit radialem Farbverlauf zu erkennen ist. Das neue Layout basiert komplett auf CSS-Code und kommt ohne Bilddateien aus.

    Als Standard-Schriftart habe ich mich für den Google Web Font “Open Sans” entschieden, welcher “Verdana” ablöst. Die Schriftgröße habe ich der Lesbarkeit halber von 11 auf 13 Pixel erhöht.

    Der Kopfbereich mit Navigation und Suche ist nun fixiert, sprich er wandert beim Scrollen mit und bleibt ständig im Bild.

    Auf die bisher reichlich eingesetzten Box- und Text-Schatten habe ich weitestgehend verzichtet, da diese bei einem dunklen Hintergrund nicht wirklich zur Geltung kommen würden. Auch Hintergrundfarbverläufe gibt es weniger, um das transparente Design hervorzuheben.

    Der Newsticker musste erstmal weichen. Vielleicht baue ich ihn später nochmal ein.

    Die Besucherauswertung per Google Analytics zeigt mir, dass die überwiegende Zahl der Besucher mit einem modernen CSS3-fähigen Browser unterwegs ist und nur ein verschwindend geringer Anteil mit dem Internet Explorer 8 oder älteren Versionen. Insofern habe ich mir Design-Anpassungen für die Microsoft-Browser größtenteils gespart, wobei ich zugeben muss, dass ich auch bisher eher weniger Wert darauf gelegt habe. Die Seite funktioniert aber ohne Probleme mit dem Internet Explorer 8, soweit ich das testen konnte.

    Im Vergleich

    Design Version 1

    Design Version 2

    Und? Gefällt’s dir?

    Darf ich dir noch diese Artikel ans Herz legen?
    • [WordPress] Mehrere Sidebars nutzen vom 19. Mai 2012
    • [WordPress] Mein neues Theme ‘ZWEI’ vom 9. Mai 2012
    • [WordPress] ‘EINS’ – Mein erstes WordPress-Theme vom 23. April 2012
    • [CSS3] Ein horizontales Dropdown-Menü erstellen vom 18. April 2012
    • [CSS3] Die Pseudo-Klasse :target im Detail vom 12. April 2012
  • Twittern
  • Kategorien
  • Sonstiges
  • Tags
  • css html internet update
  • 1 Kommentar

    ↓ Kommentieren
    1. Wolfgang Plag sagt:
      24. August 2011 um 12:55

      Hi, bin durch Zufall auf deine Webseite gestoßen. Muss sagen das Design ist ja mal echt gelungen. Sieht einfach genial aus. Respekt…

      Lg Wolfi

      Antworten

    Dein Kommentar zu diesem Artikel

    Abbrechen





    Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

    «
    »

    Übersicht der Kategorien

  • Gaming
  • Grafik
  • Sicherheit
  • Sonstiges
  • Technik
  • Web
  • Webdesign
  • Übersicht der Schlagwörter

  • access
  • active directory
  • android
  • apple
  • atv
  • avatar
  • blu-ray
  • css
  • demo
  • divx
  • drm
  • dropbox
  • dsl
  • dvb
  • dyndns
  • e10
  • excel
  • facebook
  • fat32
  • fritzbox
  • fußball
  • galaxy s2
  • games
  • gif
  • gimp
  • google
  • guides
  • hannspad
  • hardware
  • hausmittel
  • hd
  • html
  • id3-tag
  • internet
  • ios
  • ipad
  • iphone
  • ipod
  • itunes
  • kennwort
  • lan
  • last.fm
  • lifestyle
  • littlebigplanet
  • marder
  • marketplace
  • medienfreigabe
  • modnation racers
  • mp3
  • musik
  • nas
  • nfl
  • ntfs
  • office
  • outlook
  • packers
  • partition
  • pdf
  • phishing
  • php
  • playstation 3
  • plugins
  • psn
  • psn id
  • remotedesktop
  • rss
  • sd
  • shopping
  • sim-lock
  • skin
  • spam
  • spielstand
  • sport
  • sql
  • steve jobs
  • tablet
  • theme
  • tutorial
  • tv
  • twonky media server
  • update
  • upnp
  • videos
  • vpn
  • wiedergabelisten
  • windows 7
  • windows media player
  • windows server
  • windows vista
  • wlan
  • word
  • wordpress
  • xbmc
  • xbox 360
  • xml
  • xoom
  • zip
    • Hallo, ich bin Olli. Herzlich willkommen auf meiner Webseite.

      Schön dich zu sehen

      Du findest hier jede Menge Informationen zu den Themen

      • WordPress und WordPress-Themes
      • Webdesign
      • Gaming
      • Grafikdesign
      • Technik
      • und vielen anderen...

      Schau dich in aller Ruhe um. Ich wünsche dir viel Spass beim Stöbern.

      Lust auf ein neues WordPress-Theme?

      WordPress-Themes

      Einige zufällig ausgewählte Artikel (nur für dich):

      • [WordPress] Ping- und Trackbacks nachträglich erlauben per Datenbankabfrage vom 5. August 2010
      • [WordPress] Bilder immer in der richtigen Größe vom 15. Januar 2011
      • [iTunes] Umzug inklusive Datenbank auf neuen Rechner vom 6. Februar 2012
      • Ein neuer NAS muss her… Teil 3 vom 18. April 2010
      • [Uncharted: Drakes Schicksal] Alle versteckten Schätze vom 19. Juli 2010

      Die letzten Kommentare:

      • Christian hat am 18.05.2012 den Artikel [XBMC] Der ultimative Einsteiger-Guide - Teil 1 kommentiert
      • Christian hat am 17.05.2012 den Artikel [XBMC] Der ultimative Einsteiger-Guide - Teil 1 kommentiert
      • Olli hat am 17.05.2012 den Artikel [XBMC] Der ultimative Einsteiger-Guide - Teil 1 kommentiert
      • Christian hat am 17.05.2012 den Artikel [XBMC] Der ultimative Einsteiger-Guide - Teil 1 kommentiert

      Hier habe ich noch einige interessante Links für dich:

      • Meine Blu-ray-Sammlung
      • Olli on BluLife
      • Olli on Facebook
      • Olli on Google+
      • Olli on last.fm
      • Olli on lbp.me
      • Olli on twitter
      • Olli on YouTube

      Und noch was für die Schnäppchenjäger:

      • abstauben24
      • Blu-ray Preisradar für Amazon
      • Chillmo
      • DVD Tiefpreis
      • myDealZ.de
      • myliveshopping.de
      • Preisfieber
      • Preisjäger
      • Schnäppchen mit Reichweite
      • Schnäppchenfuchs
      • Schnappen4u
      • Schotendealz

      Meine persönlichen Favoriten:

      • BENM.AT
      • CSS-Tricks
      • Engadget Deutschland
      • Hifi Forum
      • ifun.de
      • Smartdroid
      • Smashing Magazine
      • Winfuture.de
    • Olli on twitter
    • Olli on Facebook
    • Olli on Google+
    • Olli on last.fm
    • Olli on YouTube
    • RSS

    Seitenanfang ↑

    Hier wird seit 937 Tagen gebloggt | 235 hilfreiche Artikel | 277 liebevolle Kommentare

    176,885 Besucher gesamt | 2 Besucher online

    Artikel RSS-Feed | Kommentar RSS-Feed | Anmelden »

    © olivergast.de ist made in Germany und wird angetrieben von Wordpress

    Theme 'ZWEI' (modified) von Oliver Gast