kostenloser Webspace werbefrei: lima-city


Eigener Layer

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    r******e

    Hey Lima-City-User,
    ich wurde gestern grundlos von meinem Layeranbieter gekickt.
    Auf Email hat er bislang nicht reagiert.

    Deshalb dachte ich mir, klar, mach ich doch einfach nen eigenen Layer.

    Leider bin ich in Javascript nicht gerade der beste, und habe über google.de nichts gefunden.

    Kann mir hier jemand helfen?

    Grüße
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. w******s

    Soll der Layer grundlegend bei jedem Seitenaufruf aufgerufen werden?

    Ich würde höchst wahrscheinlich ein div erstellen und dieses absolut positionieren. Bsp.:
    HTML
    <body>
    <div id="layer">Inhalt des Layers
    <a href="#" class="exit">Schließen</a>
    </div>
    ....

    CSS
    position: absolute; width:500px, height:200px; border:1px solid #000; top: 50px; left: 50px;


    Und das Schließen dann mit JQuery realisieren.
    $(document).ready(function() {
      		$("a.exit").click(function() {
        			$(this)animate({display: "none"}, 500);
     			});
                   });


    So in etwa müsste das hinkommen.
    Edit: Nur nebenbei, bevor ich es vergesse: Layer sind bei Besuchern nicht erwünscht!

    Beitrag zuletzt geändert: 15.6.2009 19:37:46 von werktags
  4. Autor dieses Themas

    r******e

    Danke, ich werde das so mal testen.

    Hmm....erwünscht nicht....aber manchmal notwendig.

    Grüße
  5. k*****l

    oder du schaust mal hier,
    da sind im unteren Berich ein paar passende layer scripts
  6. Autor dieses Themas

    r******e

    hm...das sieht jetzt schonmal alles recht gut aus....

    Jetzt hab ich aber noch ne Frage^^
    Bei z.B. sponsorads oder auch exchangecash wird alles außer dem Layer abgedunkelt.

    Wie geht das dann?

  7. w******s

    rspunkte schrieb: [...]wird alles außer dem Layer abgedunkelt. Wie geht das dann?
    Nunja, statt nur ein div gibts zwei, etwa so:
    <div id="overlay">
          <div id="layer">
          </div>
    </div>


    CSS:
    #overlay {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#000;
    opacity:0.5;
    }
    Vorsicht: opactity gibts erst ab CSS3, man könnte das auch mit einem PNG machen, wobei damit IE6 Probleme hat. Aber das tut hier ja nichts zu Sachen.

    Dementsprechend muss bei einem Klick auf Schließen beides ausgeblendet werden!

  8. Autor dieses Themas

    r******e

    filter:Alpha(opacity=70)

    Das habe ich als IE Fix gefunden^^

    Hoffe das geht so, ansonsten vielen Dank, sieht klasse aus und funktioniert auch gut!

    Grüße
  9. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!