Visualizzazione risultati 1 fino 11 di 11

Discussione: Sovrapposizione di due elemeti [css+html]

  1. #1
    L'avatar di darkwolf
    darkwolf non è connesso Salvatore Noschese
    Data registrazione
    18-04-2007
    Residenza
    Reggiolo (RE)
    Messaggi
    6,558

    Predefinito Sovrapposizione di due elemeti [css+html]

    Salve raga!
    Sotto il banner centrale (728x90) del mio sito ho nascosto un div con del testo in modo che venga stampato nel caso in cui non compaia il banner (noscript, adblock o altro):
    Codice PHP:
    <div style="float: right;">
    <
    script type="text/javascript">
    //<![CDATA[
    google_color_border = "303030";
    google_color_bg = "303030";
    google_color_link = "00e0ff";
    google_color_url = "00e0ff";
    google_color_text = "CDCDCD";
    document.write(\'<s\'+\'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/r=\'+new Date().getTime()+\'"><\/s\'+\'cript>\');
    //]]>
    </script>
    </div>
    <div id="warning">'
    , $txt['anti-adblock'], '</div>
    //anti-adblock fa riferimento al testo in italiano e/o inglese :)
    //noto che vbulletin non gradisce molto questo pezzo di codice, comunque nel file la sintassi è corretta
    Codice PHP:
    /* adblock warning start */
    #warning {
    background: #FF6;
    width: 727px;
    height: 89px;
    font-size: x-small;
    color: #000;
    text-align: center;
    float: right;
    }
    #warning a {
    color: #00f;
    text-decoration: none;
    font-weight: bold;
    }
    /* adblock warning End */
    Il risultato è perfetto (testato sia con noscript che con adblock) ma noto che in realtà il banner non si sovrappone al div id="warning" (testato aumentando le dimensioni via css) bensì o si vede uno o l'altro (non so se mi sono spiegato correttamente).
    Non che sia di vitale importanza (ripeto il funzionamento è comunque corretto) ma, anche solo per capire, gradirei sapere come fare una corretta sovrapposizione (dando ovviamente priorità al banner) dei due elementi.
    Grazie anticipatamente, DarkWolf :)
    Ultima modifica di darkwolf : 07-05-2009 alle ore 00.38.29

  2. #2
    L'avatar di EuroSalute
    EuroSalute non è connesso AlterVistiano
    Data registrazione
    12-05-2003
    Messaggi
    969

    Predefinito

    forse devi inserire il div id=warning all'interno del primo div e racchiuderlo dentro noscript....

    Codice:
    <div style="float: right;">
    <script type="text/javascript">
    //<![CDATA[
    google_color_border = "303030";
    google_color_bg = "303030";
    google_color_link = "00e0ff";
    google_color_url = "00e0ff";
    google_color_text = "CDCDCD";
    document.write('<s\'+\'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/r=\'+new Date().getTime()+\'"><\/s\'+\'cript>\');
    //]]>
    </script>
    <noscript>
    <div id="warning">', $txt['anti-adblock'], </div>
    </noscript>
    </div>
    Penso che così sia corretto per sovrapporre il testo in caso il js fosse disabilitato....
    LOTTO MATEMATICO-SCENTIFICO che FUNZIONA:
    Scripts di Calcolo Automatico Metodologie http://eurosalute.altervista.org

    VINCI OGNI SETTIMANA CON IL NUOVO METODO 5
    FAI IL TEST CON L'ANALISI VINCITE

  3. #3
    L'avatar di darkwolf
    darkwolf non è connesso Salvatore Noschese
    Data registrazione
    18-04-2007
    Residenza
    Reggiolo (RE)
    Messaggi
    6,558

    Predefinito

    Si c'avevo pensato al noscript ma, avrebbe effetto solo nel caso di js disabilitato e non con adblock o firewall o altro

  4. #4
    Guest

    Predefinito

    In ogni caso a JS disabilitato gli Ad non si vedono

  5. #5
    L'avatar di darkwolf
    darkwolf non è connesso Salvatore Noschese
    Data registrazione
    18-04-2007
    Residenza
    Reggiolo (RE)
    Messaggi
    6,558

    Predefinito

    Si, lo so, grazie
    Io voglio (ed ho ottenuto) un qualcosa che si nasconda sotto il banner sia nel caso in cui gli script siano disabilitati (noscript) o i banner (anche con gli script abilitati) non vengano visualizzati (adblock, firewall, altro).
    Per questo motivo non posso utilizzare il semplice noscript.

  6. #6
    Guest

    Predefinito

    Altrimenti puoi provare con la proprietà del CSS z-index

  7. #7
    L'avatar di EuroSalute
    EuroSalute non è connesso AlterVistiano
    Data registrazione
    12-05-2003
    Messaggi
    969

    Predefinito

    Invece di ottenere una sovrapposizione di banner, potresti individuare in base al tipo di browser in uso ....se la pubblicità viene bloccata, e agire di conseguenza.

    Qui dovrebbe essere il codice per firefox ( ovviamente lo puoi modificare a piacimento in base alle tue esigenze):

    Codice:
    // JavaScript Document
    setTimeout('detect_abp()', 10000); 
    var isFF = (navigator.userAgent.indexOf("Firefox") > -1) ? true : false; 
    var hasABP = false; 
    
    function detect_abp() 
    { 
       if(isFF) 
       { 
         if(Components.interfaces.nsIAdblockPlus != undefined) 
        { 
           hasABP = true; 
        } 
        else 
        { 
          var AbpImage = document.createElement("IMG"); 
          AbpImage.id = 'abp_detector'; 
          AbpImage.src = '/textlink-ads.jpg'; 
            AbpImage.style.width = '0px'; 
          AbpImage.style.height = '0px'; 
          AbpImage.style.top = '-1000px'; 
          AbpImage.style.left = '-1000px'; 
          document.body.appendChild(AbpImage); 
          hasABP = (document.getElementById('abp_detector').style.display == 'none'); 
          
             var e = document.getElementsByTagName("iframe"); 
            for (var i = 0; i < e.length; i++) 
            { 
               if(e[i].clientHeight == 0) 
                { 
                    hasABP = true; 
                } 
            } 
              if(hasABP == true) 
              { 
               history.go(1); 
                location = "http://yoursite/support-us.html"; 
              window.location(location);   
              
             } 
        } 
      } 
    }
    Questo codice non è testato!!!
    LOTTO MATEMATICO-SCENTIFICO che FUNZIONA:
    Scripts di Calcolo Automatico Metodologie http://eurosalute.altervista.org

    VINCI OGNI SETTIMANA CON IL NUOVO METODO 5
    FAI IL TEST CON L'ANALISI VINCITE

  8. #8
    L'avatar di darkwolf
    darkwolf non è connesso Salvatore Noschese
    Data registrazione
    18-04-2007
    Residenza
    Reggiolo (RE)
    Messaggi
    6,558

    Predefinito

    OK, e se ha adblock? e se ha gli script disabilitati (noscript o altro)? e se ha un firewall che blocca gli ads? o il file host appositamente modificato?
    Ragà, grazie per l'interessamento ma a me serve semplicemente un modo per coprire quel div con il banner in modo che, se il banner non dovesse apparire (per un qualunque motivo), si veda il contenuto di quel div.
    Già così com'è adesso funziona esattamente come volevo ma volevo fare una "corretta" e "reale" sovrapposizione.
    -
    Probabilmente la soluzione di biccheddu (z-index) è quella corretta, vedrò di abbozzare qualcosa
    -
    Edit: ecco il codice (sovrapposizione perfetta )
    Php:
    Codice PHP:
    <div style="position:relative; width: 728px; height: 90px; float: right;">
    <
    div style="position:absolute; z-index: 2;">
    <
    script type="text/javascript">
    //<![CDATA[
    google_color_border = "303030";
    google_color_bg = "303030";
    google_color_link = "00e0ff";
    google_color_url = "00e0ff";
    google_color_text = "CDCDCD";
    document.write(\'<s\'+\'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/r=\'+new Date().getTime()+\'"><\/s\'+\'cript>\');
    //]]>
    </script>
    </div>
    <div id="wadblock">'
    , $txt['anti-adblock'], '</div>
    </div>
    Css:
    Codice PHP:
    /* adblock warning start */
    #wadblock {
    background: #fff;
    width: 726px;
    height: 88px;
    font-size: x-small;
    color: #000;
    text-align: center;
    z-index: 1;
    position: absolute;
    border: #303030 1px solid;
    }
    #wadblock a {
    color: #00f;
    text-decoration: none;
    font-weight: bold;
    }
    Ultima modifica di darkwolf : 07-05-2009 alle ore 23.41.27 Motivo: OK, adesso è perfetto :)

  9. #9
    L'avatar di EuroSalute
    EuroSalute non è connesso AlterVistiano
    Data registrazione
    12-05-2003
    Messaggi
    969

    Predefinito

    Io invece ho realizzato la sovrapposizione in modo più semplice con javascript:

    Codice HTML:
    <script type="text/javascript">
    //<![CDATA[
    myleft = (screen.width)?(screen.width-490)/2:100
    google_color_border = "003399";
    google_color_bg = "FFFFFF";
    google_color_link = "0033CC";
    google_color_url = "008000";
    google_color_text = "000000";
    
    document.write('<div class="" style="visibility:visible; position:absolute;  top:0px; left:'+myleft+'px; width:728px; height:90px; z-index:3; ">');
    document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/r='+new Date().getTime()+'"><\/s'+'cript>');
    document.write('</div>');
    
    document.write('<div class="" style="visibility:visible; position:absolute; top:0px; left:'+myleft+'px; width:728px; height:90px; z-index:2; ">');
    document.write('Messaggio Importante:<br>Il Browser in uso o un Ad-Blocker sta bloccando la visualizzazione di Pubblicità su questo sito.<br>');
    document.write('Dovete sapere che questo sito sopravvive grazie alla Pubblicità<br>Per favore Disabilitate il Blocco o il Filtro per rendere visibile la Pubblicità.');
    document.write('</div>');
    //]]>
    </script>
    <noscript><div align="left" class="box">Il Browser in uso ha Javascript disattivato!<br>Senza Javascript questo sito non funzionerà correttamente.<br>Alcune funzionalità saranno disattivate.</div></noscript>
    LOTTO MATEMATICO-SCENTIFICO che FUNZIONA:
    Scripts di Calcolo Automatico Metodologie http://eurosalute.altervista.org

    VINCI OGNI SETTIMANA CON IL NUOVO METODO 5
    FAI IL TEST CON L'ANALISI VINCITE

  10. #10
    L'avatar di darkwolf
    darkwolf non è connesso Salvatore Noschese
    Data registrazione
    18-04-2007
    Residenza
    Reggiolo (RE)
    Messaggi
    6,558

    Predefinito

    Citazione Originalmente inviato da EuroSalute Visualizza messaggio
    Io invece ho realizzato la sovrapposizione in modo più semplice con javascript:
    Scommetto che, nel caso di script disabilitati (noscript), funzionerà alla grande

  11. #11
    L'avatar di EuroSalute
    EuroSalute non è connesso AlterVistiano
    Data registrazione
    12-05-2003
    Messaggi
    969

    Predefinito

    nel caso di js disabilitato, appare il testo racchiuso nel <noscript>.....

    nel caso in cui si voglia far apparire sempre il testo di blocco pubblicità, basterà inserirlo al di fuori del js...

    Comunque con firefox funziona correttamente( o i browser versione firefox), mentre con internet explorer non funziona , dico NON FUNZIONA, correttamente, in quanto con il codice che ho scritto io --> la sovrapposizione avviene ma si vede il testo in trasparenza;
    con il codice che hai scritto tu --> la sovrapposizione non avviene....

    penso che dipenda dalla versione di i.e.....ho la versione 6.0.2600.0000.xpclient....
    LOTTO MATEMATICO-SCENTIFICO che FUNZIONA:
    Scripts di Calcolo Automatico Metodologie http://eurosalute.altervista.org

    VINCI OGNI SETTIMANA CON IL NUOVO METODO 5
    FAI IL TEST CON L'ANALISI VINCITE

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •