Eigener Layer
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
alpha
besucher
code
dank
display
email
erstellen
filter
frage
helfen
http
inhalt
jemand
paar
position
realisieren
sache
testen
url
vorsicht
-
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
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> ....
CSSposition: 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 -
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?
-
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:
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.#overlay { position:absolute; width:100%; height:100%; top:0; left:0; background:#000; opacity:0.5; }
Dementsprechend muss bei einem Klick auf Schließen beides ausgeblendet werden!
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage