Sićušna promjena web dizajna s velikim učinkom

Kad sam pokrenuo novu stranicu, želio sam dodati neku vrstu značajke na blog koja će istaknuti novo mjesto. Međutim, nisam to želio učiniti pretjerano očitim ili oduzeti samom blogu.

Odgovor je bio malen, ali je imao velikog utjecaja ... dodavanju malene nove slike na vezu u navigacijskom izborniku. (kliknite na objavite da biste ga vidjeli na djelu). Trčao sam s vezom nekoliko dana sam i nije mi bilo prometa. Dodao sam sliku i sada 8.5% odlaznog prometa prolazi kroz tu vezu!

Umjesto da sliku zapravo ugradim u HTML, koristio sam CSS kako bih ga mogao koristiti u drugim novim značajkama u budućnosti. CSS izgleda ovako:

span.new {background: url (/mytheme/new.png) bez ponavljanja gore desno; popunjavanje: 0px 18px 0px 0px; }

Pozadina usidrava sliku na desni vrh teksta i sprječava je da se ponovi. Podstavkom se izbacuje raspon od 18 piksela pored teksta tako da je vaša slika u jasnom pogledu. Ugraditi ga na stranicu sada je jednostavno, samo koristim oznaku span oko teksta:

Recenzije

Ponekad nije potrebno puno da biste čitatelje usmjerili u novi smjer!

3 Komentari

  1. 1

    Sjajan savjet! Tako jednostavno i tako dobro ... To su stvari koje dodaju vrijednost blogu: jednostavni, dobri, korisni savjeti ... Hvala!

  2. 2
  3. 3

Što vi mislite?

Ova web stranica koristi Akismet za smanjenje neželjene pošte. Saznajte kako se podaci vašeg komentara obrađuju.