Seite einbinden
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
art
beispiel
bereich
bild
code
dank
datei
demo
folgendem inhalt
forum
hoch code
http
kopieren
lade
nachstehende zeile
stehen
surfen
type
url
vergessen
-
Hallo Community,
ich habe schon mal vor langer zeit gesehen, das jemand ein Forum in die Homepage eingebunden hat.
Und zwar das wenn man auf den Link klickt, dass dann das Forum genauso wie ein Bild raus kommt.
Also außen wird es abgedunkelt und man sieht dann nur das Forum.
Beispiele habe ich leider keine irgendwie.
Wiest ihr was ich meine? Wie könnte man das machen? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Also ein Iframe eines Forums welcher sich durch einen Klick auf einen Link ausbreitet und man dann "heimlich" auf das Forum weiter geleitet wird, oder wie meinst du das?
-
Nein nicht mit iframe, habe hier mal ein Bild gemacht. Wenn man oben auf Forum klick, kommt dann das Forum wie ein Bild raus und man kann dann da weiter surfen.
http://s3.directupload.net/images/100404/i7t58sb8.jpg -
Was meinst du mit "wie ein Bild"? Soll es nur angezeigt werden und man kann nichts anklicken, oder dass es eben eingebunden ist, wie wenn man ein Bild einbindet (in dem falle wäre iframe wie drafed-map schon geschrieben hat das richtige...)?
-
Es soll wie ein Bild raus kommen aber man sollte da dann noch weiter rum klicken können.
Wenn man das mit iframe macht, wird das dann nicht nur im Content eingebunden?
Und wie kann man das machen, das sich das frame automatisch an die Größe des Forum anpasst?
-
So wie ich es verstanden habe soll dort ein "Bild" (lassen wir es vorerst mal so stehen und reden später darüber, warum das falsch ist
) gezeigt werden, welches eine bestimmte Größe hat. Klickt man auf dieses "Bild" oder auf einen daneben stehen Link (das habe ich nicht genau verstanden), dann vergrößert sich dieses "Bild" auf die normale Größe des Browser, die Seite verschwindet und man kann im Forum weiter surfen.
-
^^ ja ist schon bisschen kompliziert es zu beschrieben.
Aber
dann vergrößert sich dieses "Bild" auf die normale Größe des Browser, die Seite verschwindet und man kann im Forum weiter surfen.
So in der Art, aber die Seite soll dann nicht verschwinden, sondern bleibt im Hintergrund auf.
Ich werde noch ein Beispiel finden, dann poste ich es rein. -
So, dann ist es tatsächlich ein Iframe und ein bisschen Javascript, was du suchst, so sehr du es auch abstreiten magst. Wenn du die Seite hast, dann kann ich oder jemand anders (falls ich da grad nicht online bin) sicher schnell den passenden Code basteln. Wenn du hier keine Antwort bekommst (natürlich, nachdem du den Link gepostet hast), dann wende dich bitte per PN an mich.
-
Guck Dir mal das Beispiel mit dem IFrame an... ich glaube, sowas in der Art hast Du gemeint, oder?
http://fancybox.net/ -
Ja genau so was habe ich gesucht.
Wenn man auf der Seite das hier anklickt
Iframe (75% width and height)
Das meinte ich
Danke werde es mir ansehen :)
______________________________
bei mir klappt das nicht.
habe das Hochgeladen und im Headbereich auch das eingefügt.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- saved from url=(0014)about:internet --> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> [b]<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="http://nipasch.lima-city.de/jquery.fancybox-1.3.1%282%29/jquery.fancybox-1.3.1/fancybox/jquery.fancybox-1.3.1.pack.js"></script> <link rel="stylesheet" href="http://nipasch.lima-city.de/jquery.fancybox-1.3.1%282%29/jquery.fancybox-1.3.1/fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen" />[/b] <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <body bgcolor="#c4af79" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div align="center"> <p><a href="http://s1.directupload.net/images/080702/ujksnrqe.jpg" target="_blank"><img src="http://s11b.directupload.net/images/090211/yqnuhhlr.png" alt="Wallpaper" width="262" height="134" border="0" /></a></p> <p><a href="http://s11.directupload.net/images/090109/dejw7v74.jpg" target="_blank"><img src="http://s4b.directupload.net/images/090211/2x7ou232.png" alt="Exqusive" width="262" height="134" border="0" /></a></p> <p><a href="http://s1.directupload.net/images/080901/gftk2izx.jpg" target="_blank"><img src="http://s10b.directupload.net/images/090211/wb2qevdl.png" alt="Cover" width="262" height="134" border="0" /></a></p> [b]<a class="iframe" href="http://www.google.de">This goes to iframe</a>[/b] </div> </html>
hier der server
http://nipasch.lima-city.de/jquery.fancybox-1.3.1%282%29/
Beitrag zuletzt geändert: 5.4.2010 16:33:11 von nipasch -
Lege eine neue Datei mit dem Namen 'custom.js' mit folgendem Inhalt an, lade sie hoch...
$("#demo").fancybox({ 'width' : '75%', 'height' : '75%', 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe' });
und füge im <HEAD>-Bereich die nachstehende Zeile ein...
<script type="text/javascript" src="http://nipasch.lima-city.de/custom.js"></script>
Dann ändere den Link wie folgt...
<a id="demo" href="http://www.google.ca">Iframe (75% width and height)</a>
Ungetestet, aber sollte funktionieren... -
staymyfriend schrieb: Lege eine neue Datei mit dem Namen 'custom.js' mit folgendem Inhalt an, lade sie hoch...
$("#demo").fancybox({ 'width' : '75%', 'height' : '75%', 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe' });
und füge im <HEAD>-Bereich die nachstehende Zeile ein...
<script type="text/javascript" src="http://nipasch.lima-city.de/custom.js"></script>
Dann ändere den Link wie folgt...
<a id="demo" href="http://www.google.ca">Iframe (75% width and height)</a>
Ungetestet, aber sollte funktionieren...
Mh... ich bin zwar nicht der Autor dieses Themas aber ich wollte man schauen ob ich es gebrauchen könnte. Aber bei mir öffnet sich der Link nicht in einen frame sonder als würde es ein normaler Link sein. (also er öffnet sich im gleichen Fenster). der JS zeigt keine Wirkung?!
LG
Hoffe seid nicht sauer das ich es Getestet habe
-
staymyfriend schrieb: Sorry, hab es jetzt getestet und vergessen eine Zeile zu kopieren.
custom.js wie folgt...
$(document).ready(function() { $("#demo").fancybox({ 'width' : '75%', 'height' : '75%', 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe' }); });
Bin ich zu doof?
Ich hab die JS Datei erst includet ging nicht.
Dann hab ich sie richtig eingebaut:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> </head> <body> <script type="text/javascript"> $(document).ready(function() { $("#demo").fancybox({ 'width' : '75%', 'height' : '75%', 'autoScale' : false, 'transitionIn' : 'none', 'transitionOut' : 'none', 'type' : 'iframe' }); }); </script> <a id="demo" href="http://www.google.ca">Iframe (75% width and height)</a> </body> </html>
Geht nicht ?
LG -
@christian1603:
Du hast vergessen, jquery und die Dateien der fancybox zu includen... Lies noch mal meinen ersten Beitrag und das erste Script von nipasch...
Beitrag zuletzt geändert: 5.4.2010 22:38:41 von staymyfriend -
Danke für die Hilfe es hat geklappt :)
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
