Malá zmena webového dizajnu s veľkým dopadom

Keď som spustil nový web, chcel som do blogu pridať nejaký druh funkcie, ktorý by zvýrazňoval nový web. Nechcel som to však dať príliš najavo, ani odobrať zo samotného blogu.

Odpoveď bola malá, ale mala obrovský vplyv ... pridanie malého nového obrázka k odkazu v navigačnej ponuke. (preklikajte sa do príspevok a uvidíte ho v akcii). Bežal som s odkazom niekoľko dní sám a dostal som nulovú premávku. Pridal som obrázok a týmto prepojením teraz prechádza 8.5% odchádzajúcej prevádzky!

Namiesto toho, aby som obrázok vložil do HTML, som použil CSS, aby som ho mohol v budúcnosti použiť pri iných nových funkciách. CSS vyzerá takto:

span.new {background: url (/mytheme/new.png) bez opakovania vpravo hore; výplň: 0px 18px 0px 0px; }

Pozadie ukotví obrázok v pravej hornej časti textu a zabráni mu v opakovaní. Výplň vytlačí za text rozpätie 18 pixelov, aby bol váš obrázok zreteľne viditeľný. Vložiť to na stránku je teraz jednoduché, okolo textu použijem iba značku span:

Recenzie

Niekedy nie je treba veľa, aby ste nasmerovali svojich čitateľov novým smerom!

3 Komentáre

  1. 1

    Úžasný tip! Tak jednoduché a také dobré ... To je druh vecí, ktoré zvyšujú hodnotu blogu: jednoduché, dobré, užitočné tipy ... Vďaka!

  2. 2
  3. 3

Čo si myslíte?

Táto stránka používa Akismet na zníženie spamu. Zistite, ako sa spracúvajú údaje vašich komentárov.