26.8.14

Mensagens antigas, home e recente como imagem


Olá novamente :)

Mais um tutorial por hoje. Vou ensinar a personalizar as mensagens antigas, mensagens recentes e página inicial, como aparece no fim da área de post. Desta vez ensinarei não a personalizar por fonte, já que o fiz da última vez, e sim a substituir por uma imagem. Dou a opção com e sem hover. É bastante simples, e fica bonitinho, mesmo que hoje em dia muitos blogs já não personalizem esses detalhes. Etto... Vamos ao post»


Prévia:


Tutorial:

Vou indicar os 3 códigos porque tem de procurar, e todos eles terão de ser substituídos pelo texto na blockquote. Tenho duas versões, para quem quiser com e sem hover. Escolha a sua preferida e depois é só substituir a url da imagem. Ah, ao procurar pelo excerto da página inicial, esteja atenta, porque há dois códigos iguais a esse. Você terá de achar o que está junto dos trechos de mensagens antigas e recentes.

Procure por:
  • Mensagens recentes: <data:newerPageTitle/>
  • Mensagens antigas: <data:olderPageTitle/>
  • Página inicial: <data:homeMsg/>

Substitua por:
Sem hover:
<img src="URL-DA-IMAGEM" />
Com hover:
<img onmouseout='this.src=&apos;URL-DA-IMAGEM1&apos;' onmouseover='this.src=&apos;URL-DA-IMAGEM2&apos;; return true' src='URL-DA-IMAGEM1'/>

E era isto. Simples, rápido, mas que até agora só encontrei num ou dois blogs, o que é uma pena. Bem, por isso é que decidi postar ;)


Sem comentários:

Enviar um comentário