[Thema] Eigenen Layer erstellen

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Diversity, 29. Oktober 2008 .

  1. 29. Oktober 2008
    Eigenen Layer erstellen

    Ich krieg langsam die Krise. Ich will einfach nur so nen ing billigen Layer erstellen, damit ich in meinem Forum auf foreninterne Aktionen hinweisen kann. Also nix mit Werbung o.ä.

    Hab mir jetzt mal dieses PHPAdsNew installiert, aber das ist ja sowas von unübersichtlich :angry:
    Hab nach ner Stunde aufgegeben da auch nur einen Banner ans laufen zu kriegen.

    Gibt es keine easy-to-use Version von dem Kram?

    Will doch einfach nur nen Layer, der sich (möglichst nur ein mal pro besuch) reinschiebt und kurz daran erinnert, dass an dem und dem Tag das und das stattfindet...

    Google hat mir im übrigen nicht weitergeholfen. Entweder wird freundlich auf dieses tolle PHPAdsnew hingewiesen oder auf andere kostnepflichtige Alternativen.
    Layerking.com kommt nicht in Frage, da die eigene Werbung einblenden. Ich will aber gar kein Werbung sondern rein Informationen einblenden...
     
  2. 29. Oktober 2008
    AW: Eigenen Layer erstellen

    Hallo,

    ihr gibt es einen sehr einfachen Generator:

    Eigene Werbe-Layer erstellen

    Grüße
     
  3. 29. Oktober 2008
    AW: Eigenen Layer erstellen

    N div machen und den z-index auf 1 stellen. Damit sollteste dir nen Layer erstellen können.
     
  4. 29. Oktober 2008
    AW: Eigenen Layer erstellen

    Ja sowas in der Richtung hab ich gesucht.
    Wobei, gibts den auch in etwas modernerem Look?
     
  5. 30. Oktober 2008
    AW: Eigenen Layer erstellen

    bin gerader hierrüber gestolpert, weiss nur nicht, wie ich genau vorgehen muss beim Einbau:

    Code:
    <script language="JavaScript1.2">
    //Popup Box- By Jim Silver @ jimsilver47@yahoo.com
    
    var ns4=document.layers
    var ie4=document.all
    var ns6=document.getElementById&&!document.all
    
    //drag drop function for NS 4////
    /////////////////////////////////
    
    var dragswitch=0
    var nsx
    var nsy
    var nstemp
    
    function drag_dropns(name){
    if (!ns4)
    return
    temp=eval(name)
    temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
    temp.onmousedown=gons
    temp.onmousemove=dragns
    temp.onmouseup=stopns
    }
    
    function gons(e){
    temp.captureEvents(Event.MOUSEMOVE)
    nsx=e.x
    nsy=e.y
    }
    function dragns(e){
    if (dragswitch==1){
    temp.moveBy(e.x-nsx,e.y-nsy)
    return false
    }
    }
    
    function stopns(){
    temp.releaseEvents(Event.MOUSEMOVE)
    }
    
    //drag drop function for ie4+ and NS6////
    /////////////////////////////////
    
    
    function drag_drop(e){
    if (ie4&&dragapproved){
    crossobj.style.left=tempx+event.clientX-offsetx
    crossobj.style.top=tempy+event.clientY-offsety
    return false
    }
    else if (ns6&&dragapproved){
    crossobj.style.left=tempx+e.clientX-offsetx
    crossobj.style.top=tempy+e.clientY-offsety
    return false
    }
    }
    
    function initializedrag(e){
    crossobj=ns6? document.getElementById("showimage") : document.all.showimage
    
    var firedobj=ns6? e.target : event.srcElement
    var topelement=ns6? "HTML" : "BODY"
    
    while (firedobj.tagName!=topelement&&firedobj.id!="dragbar"){
    firedobj=ns6? firedobj.parentNode : firedobj.parentElement
    }
    
    if (firedobj.id=="dragbar"){
    offsetx=ie4? event.clientX : e.clientX
    offsety=ie4? event.clientY : e.clientY
    
    tempx=parseInt(crossobj.style.left)
    tempy=parseInt(crossobj.style.top)
    
    dragapproved=true
    document.onmousemove=drag_drop
    }
    }
    document.onmousedown=initializedrag
    document.onmouseup=new Function("dragapproved=false")
    
    ////drag drop functions end here//////
    
    function hidebox(){
    if (ie4||ns6)
    crossobj.style.visibility="hidden"
    else if (ns4)
    document.showimage.visibility="hide"
    }
    
    </script>
    
    <div id="showimage" style="position:absolute;width:250px;left:250;top:250">
    
    <table border="0" width="250" bgcolor="#000080" cellspacing="0" cellpadding="2">
     <tr>
     <td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0"
     height="36">
     <tr>
     <td id="dragbar" style="cursor:hand" width="100%"><ilayer width="100%" onSelectStart="return false"><layer width="100%" onMouseover="dragswitch=1;if (ns4) drag_dropns(showimage)" onMouseout="dragswitch=0"><font face="Verdana"
     color="#FFFFFF"><strong><small>PopUp Box</small></strong></font></layer></ilayer></td>
     <td style="cursor:hand" valign="middle"><a href="#" onClick="hidebox();return false"><b><font color="#f5f5f5">x</font></b></a></td>
     </tr>
     <tr>
     <td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2">
    
    <!-- Inhalt ---->
    
    Das ist der geniale Inhalt der PopUp Box. Einfach dieses Teil mit
    der Maus ziehen..
    
    <!-- Inhalt----->
    
    </td>
     </tr>
     </table>
     </td>
     </tr>
    </table>
    </div>
    Hier gefunden:
    perlunity.de | Javascript : DHTML - PopUp Box | Die Community f

    Wie bau ich das Ding jetzt in mein Forum ein??
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.