Un petit canvi de disseny web amb un gran impacte

Quan vaig llançar un lloc nou, volia afegir algun tipus de funció al bloc que ressaltés el lloc nou. Tanmateix, no volia fer-ho massa obvi ni treure’l del bloc.

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

De vegades no es necessita molt orientar els lectors cap a una nova direcció.

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.