Eredmény: 1 - 7 (7) összesen

Téma: mozgó banner weblapra

  1. #1
    Bölcs brendi2 logója
    Csatlakozott
    08-08-22
    Hely
    Vác
    Hozzászólás
    1.142
    Begyűjtött 61 köszönetet
    34 hozzászólásával

    Alapbeállítás mozgó banner weblapra

    Sziasztok!
    Biztos láttatok már olyat, hogy egy fix méretű oldal, pl. 760px széles, oldalán egy banner van, ami ha görgeted az oldalt lefelé, jön vele együtt, tehát mindig látható. 120x600, vagy160x600-as. Ilyet szeretnék én is, tudtok rá valami scriptet, vagy megoldást?
    Köszi előre is.



  2. #2
    Adminisztrátor BagiZoli logója
    Csatlakozott
    07-04-26
    Hozzászólás
    3.861
    Begyűjtött 326 köszönetet
    158 hozzászólásával

    Alapbeállítás re: mozgó banner weblapra

    Szia!
    A position:fixed hívatott css szinten fixálni egy objektumot megadott top-bottom illetve left-right értékek alapján. IE7 már támogatja a dolgot, IE6 hoz még szükséges egyéb segédeszköz bevetése is.



  3. #3
    Bölcs huncyrus logója
    Csatlakozott
    07-04-26
    Hely
    EU :)
    Hozzászólás
    541
    Begyűjtött 4 köszönetet
    4 hozzászólásával

    Alapbeállítás re: mozgó banner weblapra

    igy van, viszont az egyéb eszközöket erősen érdemes tesztelni a többi böngészőre, vagy elágazová tenni a dolgot css / js irányba a böngészők alapján, és akkor mindenhol megjelenik szépen.


    Cyrusmagus.hu - Informatika, Fantasy, Blog, Irások

  4. #4
    kgc
    kgc nem elérhető
    kgc for president kgc logója
    Csatlakozott
    07-05-01
    Hely
    Ouagadougou...
    Hozzászólás
    2.597
    Begyűjtött 32 köszönetet
    9 hozzászólásával

    Alapbeállítás re: mozgó banner weblapra

    Ezt illeszd be közvetlenül a <head/>-teg elé.
    Működik opera, IE6-7 és FF 2x-3x allatt

    Kód:
    
    <script>
    if (!document.layers)
    document.write('<div id="divStayTopLeft" style="position:absolute">')
    </script>
    
    <layer id="divStayTopLeft">
    
    <!--ide illeszd be a banner elérését-->
    <img src="star_icon.gif" width="286" height="385">
    <!--innen tovább ne nyúlj hozzá-->
    </layer>
    
    
      <script type="text/javascript">
    
    /*
    Floating Menu script-  Roy Whittle (http://www.javascript-fx.com/)
    Script featured on/available at http://www.dynamicdrive.com/
    This notice must stay intact for use
    */
    
    //Enter "frombottom" or "fromtop"
    var verticalpos="fromtop"
    
    if (!document.layers)
    document.write('</div>')
    
    function JSFX_FloatTopDiv()
    {
            var startX = 860,
            startY = 75;
            var ns = (navigator.appName.indexOf("Netscape") != -1);
            var d = document;
            function ml(id)
            {
                    var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
                    if(d.layers)el.style=el;
                    el.sP=function(x,y){this.style.left=x;this.style.top=y;};
                    el.x = startX;
                    if (verticalpos=="fromtop")
                    el.y = startY;
                    else{
                    el.y = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
                    el.y -= startY;
                    }
                    return el;
            }
            window.stayTopLeft=function()
            {
                    if (verticalpos=="fromtop"){
                    var pY = ns ? pageYOffset : document.body.scrollTop;
                    ftlObj.y += (pY + startY - ftlObj.y)/8;
                    }
                    else{
                    var pY = ns ? pageYOffset + innerHeight : document.body.scrollTop + document.body.clientHeight;
                    ftlObj.y += (pY - startY - ftlObj.y)/8;
                    }
                    ftlObj.sP(ftlObj.x, ftlObj.y);
                    setTimeout("stayTopLeft()", 10);
            }
            ftlObj = ml("divStayTopLeft");
            stayTopLeft();
    }
    JSFX_FloatTopDiv();
    </script>




  5. #5
    Mentor
    Csatlakozott
    08-02-09
    Hely
    Budapest
    Hozzászólás
    355
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: mozgó banner weblapra

    Itt van még egy:

    Kód:
    <head>
    <script type='text/javascript'>
    
    function init(){
      obj=document.getElementById('lebego');
      s=obj.style.top;
      T=Number(s.slice(0,s.length-2));
    }
    
    function lebeg() {
      Y=0;
      if (typeof(window.pageYOffset)=='number') {
        Y=window.pageYOffset;
      } else
      if (document.body && document.body.scrollTop) {
        Y=document.body.scrollTop;
      } else
      if (document.documentElement && document.documentElement.scrollTop) {
        Y=document.documentElement.scrollTop;
      }
    
      obj.style.top=T+Y+'px';
    }
    
    window.onscroll=lebeg;
    
    </script>
    </head>
    <body onload='init();'>
    <div style='float:left; width:600px; height:14500px; background:black;'></div>
    <div id='lebego' style='position:relative; top:20px; left:20px; float:left; width:100px; height:200px; background:black;'></div>
    </body>
    </html>
    1. script tagot a headbe
    2. < body onload='init();' >



  6. #6
    Chrome Ball Netallica logója
    Csatlakozott
    07-10-10
    Hely
    Győr
    Hozzászólás
    1.503
    Begyűjtött 44 köszönetet
    21 hozzászólásával

    Alapbeállítás re: mozgó banner weblapra

    Itt van írás, hogy az analitycs-el miképp tudod a kattintásokat mérni linken, banneren, stb:

    http://seo.forum.hu/google-f6/google...ost118730.html



  7. #7
    Új tag HUNited logója
    Csatlakozott
    09-11-20
    Hely
    Pécs
    Hozzászólás
    28
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: mozgó banner weblapra

    A konverziókövetésre gondolsz? Nem az a cél az oldalon hogy a hirdetésre klikkeljenek. Mondjuk a webhelyfedvény is használható lehet erre. De én nem szeretném ezeket az adatokat kiadni, márpedig a bannerhelyeket értékesíteni csak valamiféle statisztikával lehet.



A téma címkéi:

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •