Un petit canvi de disseny web amb un gran impacte

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.

La resposta va ser petita, però va tenir un gran impacte ... afegint una imatge petita nova a l'enllaç del menú de navegació. (feu clic a publicar per veure-ho en acció). Vaig córrer amb l’enllaç durant diversos dies tot sol i no vaig obtenir trànsit. He afegit la imatge i ara el 8.5% del trànsit de sortida passa per aquest enllaç.

En lloc d’incorporar la imatge a l’HTML, he utilitzat CSS per poder-la utilitzar en altres funcions noves en el futur. El CSS té aquest aspecte:

span.new {background: url (/mytheme/new.png) sense repetir a la part superior dreta; farciment: 0px 18px 0px 0px; }

El fons ancora la imatge a la part superior dreta del text i impedeix que es repeteixi. El farciment expulsa els 18 píxels més enllà del text perquè la imatge quedi ben vista. Per inserir-lo a la pàgina ara és fàcil, només faig servir una etiqueta span al voltant del meu text:

Ressenyes

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

3 Comentaris

  1. 1

    Un consell increïble! Tan senzill i tan bo ... Aquest és el tipus de coses que aporten valor al bloc: consells senzills, bons i útils ... Gràcies!

  2. 2
  3. 3

Què et sembla?

Aquest lloc utilitza Akismet per reduir el correu no desitjat. Esbrineu com es processa el vostre comentari.