[Grafik] Glaseffect

Dieses Thema im Forum "Webdesign" wurde erstellt von x4you, 3. Februar 2010 .

Schlagworte:
  1. 3. Februar 2010
    Glaseffect

    Hey Leute,

    ich habe eine frage! Und zwar hab ich eine Seite gefunden wo eine Artglaseffekt ist.

    KLICK!

    Und zwar meine ich den Effekt in der Scrollbar. Ich hoffe ihr könnt mir weiter helfen.
     
  2. 3. Februar 2010
    AW: Glaseffect

    Ich weiß jetzt nicht, ob du irgendeinen Effekt meinst, der in der Scrollbar selber (also in dem kleinen Teil rechts) ist, oder ob du den Effekt im scrollbaren Bereich meinst. Solltest du letzteres meinen, kannst du einfach ein Hintergrundbild erstellen, dort den gewünschten Weichzeichner anwenden sowie die Transparenz ein wenig erhöhen und es mit CSS auf fixed setzen, sodass es beim scrollen an der Position bleibt:

    Code:
    background-attachment: fixed;
    
    Meintest du das?

    edit: Da ich mit dem Firefox unterwegs bin, und der keine Scrollbar-Properties unterstützt, kann ich nicht beurteilen, ob du jetzt tatsächlich nur einen eventuellen Scrollbalken-Effekt meintest.
     
  3. 4. Februar 2010
    AW: Glaseffect

    wenn du javascript freundlich bist kannst du dich auch mal mit
    "moz-opacity" (für mozilla) und "filter: alpha(opacity=)" (für ie) ausseinandersetzen,
    damit ist ein solcher effekt auch möglich (vorrausgesetzt wie mein vorredner schon meinte - du meinst den background-glass-effekt innerhalb des scrollbereiches und nicht den scrollbalken selbst)
     
  4. 4. Februar 2010
    AW: Glaseffect

    ist rel. billig zu machen. ich versuchs mal so einfach wie möglich zu erklären: der ganze hintergrund ist ein bild und die navi und der content befinden sich in einem statischen (heißt: feste höhen- und breite-werte) i-framen bzw. in einer div-ebene, dessen hintergrund transparent ist.

    http://www.beyondbitmap.de/theme/test/bg.jpg

    wie man einen bg transparent macht, kannst du bei google nachlesen oder du schaust in den quelltext der seite und suchst dir die jeweiligen eigenschaften der tags heraus. wie man im quelltext außerdem sehen kann, hat der ersteller diese seite nicht selbst gecodet, sondern mit "adobe flex". http://tryit.adobe.com/de/flex/?sdid=DIAME

    falls es dir jetzt nicht um den "webtechnischen" berewich ging und du einfach nur wissen wolltest, wie man in dem background-bild diesen glas-effekt erzeugt: gimp, adobe photoshop, ... . einfach das foto genommen, neue ebene erstellt, rechteck mit weißem rahmen gezogen und linear gefüllt (bei einer seite den alpha-wert auf 100% gesetzt, bei der anderen auf 0%) usw. usw.

    jedenfalls nicht sehr schwer

    hoffe ich konnte dir etwas helfen

    beste grüße
    CHERRY
     
  5. 5. Februar 2010
    AW: Glaseffect

    gefällt mir relativ gut. muss nur sagen dass ich von frames garnichts mehr halte. finde die balken wirken im vergleich zu der restlichen seite die mich grafisch anspricht einfach fehl am platz.

    das wirkt wie ein unfall, man kann nicht weggucken
     
  6. 5. Februar 2010
    Zuletzt von einem Moderator bearbeitet: 15. April 2017
    AW: Glaseffect

    leute, ermeint diesen effekt (sonst is da ja kein effekt auf der seite)

    bgsite.jpg
    {img-src: //www.beyondbitmap.de/theme/test/bgsite.jpg}


    das sieht aus wie milchglas.
    ich denke das is ein einfacher blur-effekt + halb transparent.
     
  7. 5. Februar 2010
    Zuletzt von einem Moderator bearbeitet: 15. April 2017
    AW: Glaseffect

    das thema wurde aber im "webdesign" bereich gestellt, demnach ist es nicht ganz eindeutig.

    hab doch auch 2 posts über dir alles zum thema geschrieben!?!?!? ...verstehe auch nicht was du mit "blur-effekt" meinst. ...hab doch geschrieben, dass es einfach eine zweite ebene ist. (rechteck, weiß gefüllt. alphawert für transparenz runtergesetzt) ...ne andere antwort gibt es nicht.
     
  8. 7. Februar 2010
    AW: Glaseffect

    blur -> verwischen

    der bg is gestochen scharf, diese box ist unscharf/trüb wie milchglas eben.
    weiß + transparent alleine ist das nicht...

    und bitte @cherry_coke, vermeide sachen wie "?!?!?" - die lassen dich lächerlich wirken und sind in diesem forum nicht gerne gesehen.
     
  9. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.