Egy apró web-tervezési változás nagy hatással

Amikor új webhelyet indítottam, szerettem volna valamilyen funkciót felvenni a blogba, amely kiemeli az új webhelyet. Nem akartam azonban túlságosan nyilvánvalóvá tenni, vagy elvenni magát a blogot.

A válasz apró volt, de hatalmas hatással volt ... egy apró új képet adott a navigációs menü linkjére. (kattintson rá a tegye, hogy lássa működés közben). Több napig futottam a linkkel, és nulla forgalom volt. Hozzáadtam a képet, és most a kimenő forgalom 8.5% -a megy keresztül ezen a linken!

Ahelyett, hogy ténylegesen beágyaztam volna a képet a HTML-be, a CSS-t használtam, hogy a jövőben más új funkciókra is felhasználhassam. A CSS így néz ki:

span.new {background: url (/mytheme/new.png) no-ismétlés jobb felső; kitöltés: 0px 18px 0px 0px; }

A háttér a képet a szöveg jobb felső részére rögzíti, és megakadályozza annak ismétlését. A párnázás 18 pixel távolságot tol ki a szöveg mellett, hogy képe tiszta legyen. Az oldal beágyazása most már egyszerű, csak egy span címkét használok a szövegem körül:

Vélemények

Néha nem sok kell ahhoz, hogy új irányba terelje olvasóit!

3 Comments

  1. 1

    Félelmetes tipp! Olyan egyszerű és nagyon jó ... Ezek azok a dolgok, amelyek hozzáadják a blog értékét: egyszerű, jó, hasznos tippek ... Köszönöm!

  2. 2
  3. 3

Mit gondolsz?

Ez az oldal Akismet-et használ a levélszemét csökkentése érdekében. Ismerje meg, hogyan dolgozik a megjegyzésed.