Pubblicità e Banner, come fare uno sfondo cliccabile

Da un pò di tempo vanno di moda i background cliccabili, si chiamano takeover background, non sono dei semplici banner come quelli delle campagne adwords e normalmente vengono usati per campagne pubblicitarie dove lo sponsor è molto importante per il progetto del portale. Creare gli sfondi cliccabili può non essere facile per via del fatto che si rende necessario andare a mettere le mani in template di portali e CMS spesso di grosse dimensioni con DIV annidati e complessi. Di base il lavoro da fare è in 3 step vediamo: Step 1: Crea l’imagine di background [creare banner e pubblicità] Create un immagine tenendo conto che essa andrà a finire sotto il sito e quindi i contenuti centrali del portale copriranno l’immagine e la parte visibile e cliccabile sarà quella laterale o sopra l’header. Se il vostro sito ha una larghezza di 980px fate un immagine di almeno 1200 di larghezza e fate in modo che sui bordi il colore sfumi su una tinta unita in modo che andrete ad amalgamarlo con il colore dello sfondo del sito. Step 2: Il CSS Avremo una classe (#skin) e una classe  (#background) Ecco il codice: #skin { position: absolute; width: 100%; height: 800px; margin-left: auto; margin-right: auto; top: 0px; left: 0px; z-index: 1; } #background { background: url(background_takeover.png) no-repeat 50% 0; background-color: #ffffff; height: 800px; position: absolute; width: 100%; top:220px; z-index: 1; } Step 3: Inserite il div nel template Attenzione! E’ importante che non facciate casino con i valori z-index, dovete fare in modo che lo z-index dell’immagine sia inferiore degli altri div. Se avete dei dubbi contattatemi per creare uno sfondo pubblicitario cliccabile. Graziano

adwords, Amazon, landing page, marketing turismo, script e banner, web marketing turistico, webmarketing video, Wordpress e seo


Graziano De Maio

Consulente Seo e Web Designer, si occupa di creazione siti e portali dinamici con Joomla e Wordpress, Restyling e revamp siti esistenti, Social media marketing, strategie di posizionamento sui motori di ricerca. Creazione di Sales Funnel e UX.

Co-Working Login

Via Stefanardo da Vimercate 28
20128 Milano (MI) - Italy
  • [+39] 349.620.6449
  • info@gdmtech.it
  • PI 00865500144
  • CF DMEGZN73A10F205M
  • Cod. Univ. SZLUBAI

Philosofy

I nostri clienti sono aziende e professionisti che vogliono sfruttare Internet per trovare nuovi clienti, aumentare i loro contatti, vendere i loro servizi e prodotti. Oltre alle normali attività di Web Design siamo  specialisti SEO e Digital Marketing. Ci occupiamo di corsi di web marketing in azienda, sviluppo di e-commerce con Opencart e Prestashop e Woocommerce, siti web in Wordpress e Joomla, migrazioni.

Gdmtech - Web&Seo Agency Milano

Gdmtech Google Review