iceblue-test
  Popup Player
 

    Popup-Fenster für Player im Baukasten erstellen :



  • Popup-Player / Popup-Fenster :


      Was ist ein Popup-Player ?
      Im Popup-Fenster öffnet sich eine eigene Seite. Diese Seite hat als Inhalt kein Design und kein Menü. Nur einen Musikplayer. Der Vorteil: Der Player sitzt im eigenem Fenster und lädt bei einem Seitenwechsel NICHT mit. Musik spielt bei Seitenwechsel weiter.


      Hier erfahrt Ihr nun folgendes :


        • wie wir diese neue Seite im Baukasten erstellen
        • wo der Musikplayer-Code eingefügt werden muss
        • wie wir die Baukasten-Seite im Popup öffnen lassen können
        • und wie wir die Seite aus der Navi entfernen, die sich nur als Popup öffnen soll





  • Schritt 1 : Musikplayer-Code


      Wer einen Musik-bzw. Radioplayer (-Code) hat kann diesen Punkt überspringen .
      Ihr könnt auch ein Youtube-Video im Popup öffnen lassen .
      Dann benötigt Ihr den Playercode des Videos .

        - Du möchtest Radioplayer einbinden ? Hier Code erstellen lassen
        - Du möchtest TV-Player einbinden ? Hier Code erstellen lassen
        - Eigene Musik (Mediaplayer) einbinden ? Hier der 2. Beispiel-Code

      Wenn Ihr gewünschten Player-Code habt , weiter mit dem nächsten Punkt



  • Schritt 2 : Ein DIV Feld einfügen


        - auf "Design einstellen"
        - auf "Erweiterte Einstellungen"
        - dort ist das Feld: "Text UNTER Design"
        - wir fügen hier ein DIV Feld ein
        - wir geben dem DIV einen Namen (eine ID)
        - z.B. id="musikplayer"

       <div id="musikplayer"> Hier kommt der Musikplayercode hinein </div>

      Musikplayer-Code kommt als Inhalt in das DIV hinein.



  • Schritt 3 : Das DIV unsichtbar machen

      • auf "Design einstellen"
      • auf "Erweiterte Einstellungen"
      • dort ist das Feld "Text ÜBER Design"
      • hier fügen wir eine CSS-Anweisung ein
      • damit das DIV unter dem Design NICHT mehr zu sehen ist

       
<style type="text/css">
<!--
#musikplayer {
  padding: 10px;
  text-align: left;
  overflow: hidden; 
  display: none; }
-->
</style>

      Das DIV unter dem Design ist nun unter allen Seiten unsichtbar




  • Schritt 4 : Neue Seite erstellen


      • auf "Eigene Seiten editieren"
      • wir erstellen eine neue Seite
      • Seite geben wir den Titel Musikplayer
      • auf dieser Seite werden wir das Design entfernen
      • auf dieser Seite wird das DIV sichtbar gemacht
      • dazu im Editor oben Links auf "Quellcode" klicken
      • nun diesen Code in die Seite einfügen :

      <style type="text/css">
<!--
/* Design entfernen */
table, div, iframe {display: none!important; }

/* Hintergrundfarbe wählen */
body {
  background-color: #FFFFFF!important;
  background-image:  none!important; }

/* Textformatierung */
font, span, p, div {
  color: #000000!important;
  font-size: 12px;
  font-family: arial; }

/* Das DIV sichtbar machen für diese Seite */
#musikplayer { display: block!important; }
-->
</style>


      • nun haben wir die Seite /Musikplayer.htm erstellt
      • die Seite hat kein Design
      • nur auf dieser Seite ist das DIV mit dem Musikplayer zu sehen
      • diese Seite können wir nun im Popup-Fenster öffnen lassen






  • Schritt 5 : Popupfenster erstellen


      • wir können nun unsere Seite /Musikplayer.htm im Popup öffnen lassen
      • folgenden Code an beliebiger Stelle einfügen, wo Besucher Link anklicken sollen
      • z.B. in einer rechten Box :


       
<a href="javascript:void(window.open('HIER SEITEN-URL','',
'resizable=no,
location=no,
left=50,
top=50,
menubar=no,
scrollbars=no,
status=no,
toolbar=no,
fullscreen=no,
dependent=no,width=360,height=235'))">HIER TEXT</a>


      • füge im Code den Link der Seite Musikplayer.htm ein
      • das width (Breite) und height (Höhe) kannst du anpassen
      • bei left=50, top=50, kannst du Position des Popup bestimmen




  • Schritt 6: Link aus der Navi entfernen


      • in der Navigation haben wir nun auch den Linktext "Musikplayer"
      • diesen können wir aus der Navigation entfernen
      • da wir ja einen eigenen Link eingefügt haben
      • Beschreibung hier : http://iceblue-test.de.tl/Seiten-verstecken.htm






    • Du möchtest auch so ein Klappmenü ? Beschreibung haben wir hier im Forum
    In der Beschreibung wurden nur andere Grafiken (Öffnen + Schliessen) verwendet.


 
  TESTTESTTEST  
 
• dies ist der Inhalt im < div id="popup1" >
• befindet sich im Feld "Text UNTER Design"
• das DIV ist nur auf einer Seite zu sehen
• und auf dieser Seite wurde das Design entfernt
• angezeigt wird also nur der Inhalt des einen DIV