• vBulletin: Sfondo sito cliccabile

    Sempre più spesso incontriamo siti che personalizzano la loro struttura per far fronte a varie forme di pubblicità, in questi ultimi tempi la tendenza è quella di adibire lo sfondo in eccedenza del proprio sito a cartellone pubblicitario associando all'immagine un link.

    Ora di tecniche ce ne sono molte io qui vorrei mostrarvi come associare un link a quella parte eccedente di un sito fatto con vbulletin.

    Aprite il vostro additional.css template ed inserite questo css

    Codice PHP:
    .background-link{
      
    positionabsolute;
      
    top0;
      
    bottom0;
      
    left0;
      
    right0;
      
    displayblock;
      
    z-index: -1;
    }
    .
    background-link span {
        
    displaynone;

    Procedete con il salvataggio del template.

    Aprite il file headinclude e sul fondo inserite questa stringa, variando la parte relativa al link google.it (utilizzato come esempio), salvate

    Codice PHP:
    <a href="http://google.it" target="_blank" class="background-link"><span>google.it</span></a
    Dopo questa modifica la parte eccedente dello sfondo sarà cliccabile, per inserire una immagine inserite l'url di richiamo nella stylevar doc_background

    Se questo articolo ti è tornato utile o ti è piaciuto segnalalo su facebook e su google + attraverso i pulsanti che trovi all'inizio.
    Grazie per la collaborazione.
    Commenti 5 Commenti
    1. L'avatar di ilvikingo
      ilvikingo -
      complimenti sei il mio idolo, a breve donerò qualcosa ;)

      ---------- Post Unito alle 17: 45 ----------

      uff non mi funziona
    1. L'avatar di Asterix
      Asterix -
      che vbulletin utilizzi?
      Io ho fatto dei test sulla 4.2.0 pl3 e funziona

    1. L'avatar di dyzamox
      dyzamox -
      Ciao Asterix, sono interessato ad una modifica del genere con qualche accorgimento, ti lascio un mess privato per avere un preventivo.
    1. L'avatar di l1n4
      l1n4 -
      Buongiorno,

      i post è molto interessante e funziona abbastanza bene apparte in una situazione.

      Quando effettuo lo scrolling della pagina il link non è più funzionante.

      Come è possibile rendere sempre cliccabile il background del forum anche quando si effettua lo scrolling.

      Grazie anticipate.
    1. L'avatar di Asterix
      Asterix -
      è passato molto tempo, devo verificare su una postazione di test.

      ---------- Post Unito alle 08: 46 ----------

      Ciao ho verificato se c'era qualche parametro css da aggiungere alle proprietà del css .background-link per far si che la dimensione del link aumentasse ma non funziona.

      Potresti provare ad inserire un height: (valore)px; in modo tale da aumentare il raggio d'azione ma fino alla fine non l'ho trovato.

      Mi dispiace.

Cookies:direttiva 2009/136/CE (E-Privacy)

Il sito utilizza cookies propri e di terze parti per maggiori informazioni faq - Termini di servizio - Cookies
Il forum non puo' funzionare senza l'uso dei cookies pertanto l'uso della community è vincolato dall'accettazione degli stessi, nel caso contrario siete pregati di lasciare la community, proseguendo la navigazione acconsenti all’uso dei cookie