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

When I launched a new site, I wanted to add some kind of feature to the blog that would highlight the new site. However, I didn't want to make it overly obvious or take away from the blog itself.

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

Sometimes it doesn't take much to point your readers in a new direction!

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.