kostenloser Webspace werbefrei: lima-city

Einbauen eines Scriptes

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   t****k

   20:27, 28.12.2009

   Hey,
   
   ich bräuchte eure Hilfe beim Einbauen eines Scriptes, dieser Script der sich auf dieser Seite befindet in meiner Homepage, also in die Index-Startseite das beim Betreten der Seite folgendes Fenster das sich auf diesem Link befindet aufruft.
   
   http://flowplayer.org/tools/demos/overlay/trigger.html
   
   Hier befindet sich meine HP zum Download:
   layer.ibitlive.eu/HP.rar
   
   Wenn ich das richtig verstanden habe kommt das Fenster 1x nach Verändern der News neu her oder?
   
   Gruß Tobi

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

3. m****s

   20:46, 28.12.2009

   hey ist eigentlich ganz einfach musst das hier in die index html datei stecken
   
   
   
   <script type="text/javascript">
   // select the overlay element - and "make it an overlay"
   $("#facebox").overlay({
   
   // custom top position
   top: 272,
   
   // some expose tweaks suitable for facebox-looking dialogs
   expose: {
   
   // you might also consider a "transparent" color for the mask
   color: '#fff',
   
   // load mask a little faster
   loadSpeed: 200,
   
   // highly transparent
   opacity: 0.5
   },
   
   // disable this for modal dialog-type of overlays
   closeOnClick: false,
   
   // we want to use the programming API
   api: true
   
   // load it immediately after the construction
   }).load();
   </script>
   
   
   
   
   
   und in dein style.css das hier
   
   
   
   #facebox {
   
   /* overlay is hidden before loading */
   display:none;
   
   /* standard decorations */
   width:400px;
   border:10px solid #666;
   
   /* for modern browsers use semi-transparent color on the border. nice! */
   border:10px solid rgba(82, 82, 82, 0.698);
   
   /* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
   -moz-border-radius:8px;
   -webkit-border-radius:8px;
   }
   
   #facebox div {
   padding:10px;
   border:1px solid #3B5998;
   background-color:#fff;
   font-family:"lucida grande",tahoma,verdana,arial,sans-serif
   }
   
   #facebox h2 {
   margin:-11px;
   margin-bottom:0px;
   color:#fff;
   background-color:#6D84B4;
   padding:5px 10px;
   border:1px solid #3B5998;
   font-size:20px;
   }
   
   
   
   dann sollte es funktionieren
   
   
4. Autor dieses Themas

   t****k

   21:06, 28.12.2009

   Hey,
   aber wo kann ich dann die News eintragen die in der Mitte eingeschrieben werden?
   
   Gruß Tobi

5. qap2

   

   qap2 hat kostenlosen Webspace.

   21:19, 28.12.2009

   Mit dem jQuery-Snippet sprichst du einen Layer "facebox" an.
   Das ist ein HTML-Element mit der ID facebox, welcher den kompletten Layerinhalt beinhaltet.
   Hier kannst du ein div anlegen in das deine News dann geschrieben werden.
   Gruß,
   dex (qap2-Team)
6. Autor dieses Themas

   t****k

   22:46, 28.12.2009

   Aber es geht nicht, das es nach jeder Änderung meiner News 1 x anzeigt oder und erst dann wieder wenndie News das 2x geändert wurden?

7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

Dir gefällt dieses Thema?