Miten lisätä banneri?

Kontekstuaalinen ja viitattu mainonta on kysyntääsivustojen omistajat, mutta ei ajattele luovuttaa posteja ja bannereita. Eläköiset kuvat saavat aina silmän ja kiinnittää huomiota. Pätevästi luotu banneri voi houkutella lisää kävijöitä tietylle resurssille. Voit luoda tällaisen mainonnan itse, jos teet vähän vaivaa. Kuitenkin, jos olet perehtynyt Photoshopiin, ongelmia ei saisi syntyä. Harkitse, miten tehdä ja laita banneri.

Ensimmäinen vaihe: bannerin luominen

Lyhyesti sanottuna voit tehdä siitä mukavimman tavan:

• tilaus freelancerilta;
• kehittyvät itsenäisesti;
• käyttää ohjelmia bannereiden luomiseen;
• käytä online-palvelimia bannereiden luomiseen.

Lisätietoja on ohjeaiheessa Bannerin luominen.

Toinen vaihe: bannerin sijoittaminen

Banneri liitetään myös sivustoon eri tavoin. Jotta tämä olisi mahdollista, on hyvä tietää web-ohjelmointikieltä. Mutta jos tällaisia ​​taitoja ei ole, tämä ei ole ongelma - kaikki on alkeellista. Lisätietoja sijoittelun vaihtoehdoista - katso Bannerin asettaminen.

Bannerikoodilla on melko yksinkertainen rakenne:

• <a href=" paikka, jossa banneri johtaa>> <img style ="position: absoluuttinen, top: 50px, oikea: 300px, raja: 1px solid # ddad22;" src = "/ images / linkki, joka osoittaa bannerin sijainnin" "alt =" inscription "border =" 1 "/> </a>

Tarkastellaan yksittäisten elementtien merkitystä:

• asento:absoluuttinen - ilmaisee elementin sijainnin suhteessa muihin objektin sivuihin. Kun tällainen arvo on asetettu, banneri sijoitetaan läpinäkyvästi - toisin sanoen muut elementit heijastuvat kuin jos ei ole banneria. Sivun otsikko on vankka kuva? Sitten, jos haluat lisätä banneriasi oikein, muuta asema absoluuttisesta suhteeseen.
• top: 50px - ilmaisee elementin sijainnin korkin yläreunan suhteen. Muuttamalla arvoa voit siirtää banneria ylös ja alas.
• oikea: 300px - ilmaisee elementin sijainnin suhteessa sivun otsikon oikeaan reunaan, voit myös vaihtaa sen.
• reunusta: 1px - on paksuus iskun bannerin (jos ei ole tarpeen, altistaa 0)
• solid # ddad22 - aivohalvauksen väri, sitä voi muuttaa harkintasi mukaan.

Tie banneriin

Lisää seuraava koodi seuraamalla polkua: työkalupalkki - editori - header.php

Avaa otsikkotiedosto. Siinä on tarpeen lisätä koodi - sitä suositellaan tavallisesti lisäämään tag-alueelle. Tarkista.

"Toista" koodin elementtien arvojen kanssa, jos et saa haluamasi bannerin juuri nyt.

Bannerimainonta

Jos haluat lisätä bannerin, kirjoita otsikkokoodi otsikkokoodiin:

• <div class = "ban">

täällä, kirjoita mainostekstikirja

• </ div>

Avaa style.css-tiedosto. Kirjoita tähän seuraava:

• .ban
• {
• näyttö: lohko;
• asema: absoluuttinen;
• vasen: 321px;
• top: 45px;
• leveys: 468px;
• teksti-align: center;
• }

Koodi liitetään tiedoston loppuun. Ylin, vasen arvot voidaan muuttaa. Kuten wigth - tämä on bannerin leveys.

Onnea!