Entre leituras e café. : css

Mostrando postagens com marcador css. Mostrar todas as postagens

10 de abril de 2018

Contador online

Como colocar um contador online no blog ou tumblr? Pra que serve contador online? Por exemplo, tem 4 pessoas online visitando o teu blog nesse exato momento e você não sabe visualizar. Esse código te permite ver.

Entre nesse site.

E lá você vai fazer um código de acordo de como você quer que apareça. Você escolhe o modelo da caixa de texto, escreve a frase que você quer que apareça ou deixa como está mesmo. Logo em seguida você clica em "Generate the html code". Vai aparecer um código e você vai copiar e colar abaixo do body. Eu uso dentro de um gadget, então vai depender onde você vai colocar. Ah, não se preocupem com a frase generate the html code, pois ele serve pra blogger quanto para tumblr, inclusive estou usando ele no meu blog, o seu código não irá ficar nesse estilo abaixo, pois o gadget foi feito exclusivo para mim, exemplo ai abaixo do contador abaixo.

1 de abril de 2018

Efeito whole

Olá pessoal, tudo bem com vocês? Espero que sim. Hoje eu trouxe um efeito whole, que funciona basicamente assim, você passa o mouse por cima da foto e ela fica um pouco amarelada. É super fácil de colocar, assim como todos os menus e efeitos que eu passo pra vocês, vamos lá?

1. O primeiro código você coloca entre <style> e </style>. Se você não sabe onde está o style, abre uma caixinha, apertando ctrl + f, você digita e encontra a palavra.

2. O segundo código, você coloca depois do <body>.

3. As partes em que você pode mexer na formação são:

width: 240px Tamanho.

margin-left:230px; Localização.

border:6px; Grossura da borda.

solid #000 Cor da borda.

Lembrando que esse código funciona tanto no blogger quanto no tumblr. Confira clicando aqui, para ver o resultado do código.

31 de março de 2018

Menu image heart

Olá pessoal, hoje eu trouxe um menu com imagem pra vocês usarem no blog ou tumblr, querem saber como colocar? É super fácil, vem comigo.

Coloque este código no seu css, antes de </style>.

E este, onde você que o menu apareça.

É bem simples. Quer ver o resultado? Clica aqui.

24 de março de 2018

Efeito de gadget para parceiros

Olá pessoal, na dica de hoje, vou ensinar a vocês a colocar um efeito bem fofo, pra usar no gadget de parceiros ou colaboradores, ok? É super fácil. Cole esse código no seu CSS (antes de </style>):

Mude a altura e a largura de acordo com a imagem do seu parceiro (o quadradinho), coloque o mesmo tamanho nas duas alturas e larguras, e o tamanho do coração (o do preview é de 50px). Agora cole esse código abaixo onde você quer que apareça o parceiro, o código representa um quadradinho, você pode colocar quantos você quiser. Para ver o resultado, clique em mais informações.

Resultado.

23 de março de 2018

Menu Open

Dando uma passadinha pra ensinar a vocês a como instalar o menu open. Serve tanto para blogger quanto para tumblr. É super fácil, vamos lá?

Visualização do menu: Resultado.

1. Cole esse código no css, entre <style> e </style>

2. Agora cole esse código depois de <body> onde quer que o menu apareça.

É só isso. Credite se usar.

Agenda