Ergebnis 1 bis 4 von 4

Thema: halbtransparente feste grafik

  1. #1
    Teeny
    Registriert seit
    13.09.2007
    Beiträge
    47
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Pfeil halbtransparente feste grafik

    Servus Leute,

    schaut mal bitte auf diese Seite. LINK
    Dort ist ganz unten eine feste Grafik die noch dazu über dem Rest der Website liegt. Etwas in der Art hätte ich auch gerne.
    Also eine feste Grafik, die so halbtransparent ist und sich über der Webseite befindet.
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Meister(in) Avatar von lukasn
    Registriert seit
    23.02.2008
    Ort
    Schweiz
    Alter
    27
    Beiträge
    491
    Danke
    2
    Bekam 12 mal "Danke" in 11 Postings

    Standard AW: halbtransparente feste grafik

    Die Transparenz machst du, indem du eine halbtransparente PNG von der Art wie du sie brauchst erstellst (z.b. schwarzer Verlauf von 90% bis 50% oder so) Das PNG kannst du dann als Hintergrund in ein DIV einsetzen, in das dann auch der weitere footerinhalt kommt.
    Die Positionierung machst du per CSS, in diesem falle wohl am einfachsten mit position: absolute; Damit das ganze dann auch über der Website liegt musst du dem DIV möglicherweise noch einen hohen z-wert geben.
    Das mal so als Ansatz, wenn du dich nicht auskennst sag's, dann kann ich dir ein Codebeispiel schreiben

    Gruss,
    -Lukas

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    13.09.2007
    Beiträge
    47
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: halbtransparente feste grafik

    Vielen Dank schonmal, aber nicht auskennen trifft es gut
    Wäre super wenn du mir sowas schreiben könntest. Die Grafik werd ich sicher selbst hin bekommen.

  4. #4
    Meister(in) Avatar von lukasn
    Registriert seit
    23.02.2008
    Ort
    Schweiz
    Alter
    27
    Beiträge
    491
    Danke
    2
    Bekam 12 mal "Danke" in 11 Postings

    Standard AW: halbtransparente feste grafik

    So, ich hab mal was einfaches zusammengebastelt. Es ist noch nicht ganz perfekt, da es eine fixe Breite hat, aber für deine Zwecke sollte es wohl genügen:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    
    <head>
        <title>Footer - Test</title>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
        <link rel="stylesheet" href="main.css" type="text/css" media="screen, projection" />
    </head>
    
    <body>
    
        <div id="wrapper">Text
        <div id="footer"><p>Test</p></div>
        </div>
    </body>
    
    </html>
    Code:
    html, body {
    height: 100%;
    }
    
    #wrapper {
    position: relative;
    height: 100%;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    background: #AAAAAA url(note.png) repeat;
    }
    
    #footer {
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 780px;
    height: 45px;
    text-align: center;
    background: url(background.png) no-repeat;
    }
    Da hat's jetzt noch einige Zusatzinformationen drin, die wirklich relevanten Sachen sind rot markiert.
    Falls du noch Schwierigkeiten hast schau doch noch auf ohne-css.gehts-gar.net vorbei, da findest Lösungen für die meisten Pobleme besser formuliert als bei mir

    Hier noch einen Screenshot vom Resultat und von meiner background.png
    Geändert von lukasn (22.02.2010 um 18:09 Uhr)

Ähnliche Themen

  1. Kann eine Grafik in einer anderen Grafik durchlaufen
    Von Bianca77 im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 6
    Letzter Beitrag: 09.07.2007, 09:04
  2. halbtransparente boxen mit nichttransparentem text
    Von Speedy im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 26.05.2007, 01:55
  3. halbtransparente grafik
    Von driver im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 13
    Letzter Beitrag: 08.04.2007, 20:23
  4. Halbtransparente Gif-Grafik GIMP
    Von DarkSyranus im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 6
    Letzter Beitrag: 07.11.2006, 17:57
  5. Antworten: 2
    Letzter Beitrag: 27.05.2004, 18:09

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •