Малюсенькая змена вэб-дызайну з вялікім уздзеяннем

Калі я запусціў новы сайт, я хацеў дадаць у блог нейкую функцыю, якая б падкрэсліла новы сайт. Аднак я не хацеў рабіць гэта занадта відавочным альбо адбіраць у самога блога.

Адказ быў невялікі, але аказаў велізарны ўплыў ... даданне малюсенькага новага малюнка да спасылкі ў меню навігацыі. (націсніце на размясціць, каб убачыць яго ў дзеянні). Я некалькі дзён бегаў са спасылкай і атрымаў нулявы трафік. Я дадаў выяву, і зараз 8.5% выходнага трафіку праходзіць па гэтай спасылцы!

Замест таго, каб на самой справе ўбудаваць малюнак у HTML, я выкарыстаў CSS, каб у будучыні выкарыстоўваць яго для іншых новых функцый. CSS выглядае так:

span.new {background: url (/mytheme/new.png) не паўтараецца ўверсе справа; абіўка: 0px 18px 0px 0px; }

Фон замацоўвае малюнак у правай верхняй частцы тэксту і спыняе яго паўтарэнне. Адбітак выштурхвае прамежак 18 пікселяў за тэкст, каб малюнак быў у чыстым выглядзе. Убудаваць яго на старонку цяпер лёгка, я проста выкарыстоўваю тэг span вакол майго тэксту:

Водгукі

Часам не трэба шмат, каб накіраваць чытачоў у новы кірунак!

3 Каментары

  1. 1

    Цудоўная парада! Так проста і так добра ... Вось такія рэчы дадаюць блогу каштоўнасці: простыя, добрыя, карысныя парады ... Дзякуй!

  2. 2
  3. 3

Што вы думаеце?

Гэты сайт выкарыстоўвае Akismet для барацьбы са спамам. Даведайцеся, як дадзеныя апрацоўваюцца каментар.