Mauri
Schön gemacht. Schade dass du kein Beispiel-Link hast
am 30.04.2009 um 00:17 Uhr
Grafiken Flash HTML & CSS PHP & MySQL Javascript Fertige Skripte Anderes Statistik
|
|
Anzeigen
|
3x bewertet
Prinzipiell ist es nicht schwer ein PopUp-Layout zu erstellen. Man benötigt dazu zumindest 2 HTML/XHTML/PHP-Seiten (hängt davon ab, in welcher Sprache man seinen Code schreibt).
Es gibt im Internet auch einige kostenlose Generatoren:
01, 02, ... Google ...
Es ist wichtig, dass man sich bewusst ist, dass diese Scripte ALLe auf Javascript basieren. Es handelt sich hier um eine Browser-Abhängige Script-Sprache. Man kann es in jedem Browser deaktivieren (was gelegentlich sogar Vorteile bringen kann). Wenn JavaScript deaktiviert ist, kann das Script, welches Verwendet wird, um das PopUp zu machen, nicht ausgeführt werden. Das PopUp wird entweder garnicht geöffnet, oder im selben Fenster/Tab (dort, wo der Link gesetzt ist).
---------------------------------------------------------------------------
1. index.html (startseite) mit einem PopUp-Link versehen, wie es im Tutorial beschrieben ist.
Es ist wichtig, dass die Längen-Angaben denen des Bildes (oder einer anderen gewünschten Dimension) entsprechen.
2. index02.html - erstellt ein Dokument, welches euer Layout ausmacht. Ich gehe hier nicht darauf ein, wie man ein Layout Codet, sondern setze diese Kenntnis voraus!!!
3. Damit euer -fertiges- Layout im PopUp richtig angzeigt wird, ist es absolut wichtig, dass ihr zu eurem CSS-Code folgendes hinzufügt:
Das verhindert, dass euer Layout eingerückt wird.
FERTIG =)
----------------------------------------------------------------------------
Beispiel für eure index02.html:
Tutorial zum Erstellen eines PopUps
Wichtig!:
Es gibt im Internet auch einige kostenlose Generatoren:
01, 02, ... Google ...
Es ist wichtig, dass man sich bewusst ist, dass diese Scripte ALLe auf Javascript basieren. Es handelt sich hier um eine Browser-Abhängige Script-Sprache. Man kann es in jedem Browser deaktivieren (was gelegentlich sogar Vorteile bringen kann). Wenn JavaScript deaktiviert ist, kann das Script, welches Verwendet wird, um das PopUp zu machen, nicht ausgeführt werden. Das PopUp wird entweder garnicht geöffnet, oder im selben Fenster/Tab (dort, wo der Link gesetzt ist).
---------------------------------------------------------------------------
1. index.html (startseite) mit einem PopUp-Link versehen, wie es im Tutorial beschrieben ist.
Es ist wichtig, dass die Längen-Angaben denen des Bildes (oder einer anderen gewünschten Dimension) entsprechen.
2. index02.html - erstellt ein Dokument, welches euer Layout ausmacht. Ich gehe hier nicht darauf ein, wie man ein Layout Codet, sondern setze diese Kenntnis voraus!!!
3. Damit euer -fertiges- Layout im PopUp richtig angzeigt wird, ist es absolut wichtig, dass ihr zu eurem CSS-Code folgendes hinzufügt:
body {
margin: 0px;
padding: 0px;}
Das verhindert, dass euer Layout eingerückt wird.
FERTIG =)
----------------------------------------------------------------------------
Beispiel für eure index02.html:
<!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">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Titel</title>
<style type="text/css">
<!--
body {
margin: 0px;
padding: 0px;
background-color:#000000;
}
.kasten {
width:500px;
height:300px;
background-color:#66CCFF;
color: #FFFFFF;
}
-->
</style>
</head>
<body>
<div class="kasten">test</div>
</body>
</html>
6 Kommentare
Kate
Echt schönˆˆ mir gefällt esˆˆ
am 27.01.2010 um 15:11 Uhr
Miss_Jennii
ööh.. ich versteh das nicht? O_o
am 07.02.2010 um 17:57 Uhr
Miss_Jennii
Und wie soll ich das dann in meinen Popup tun? Ich mein es bringt mir ja sehr wenig wenn ich eine datei mach und die nicht iwie in den Popup reintu O_o
am 07.02.2010 um 19:30 Uhr
Miss_Jennii
Sorry, ich bin dumm :/Habs erst nach min. 10x lesen verstanden XD
am 07.02.2010 um 20:13 Uhr
Nekoji
Freut mich, dass mal jemand Wünsche aus der Wishlist erfüllt! :)