#goldhtml

[goldhtml]

[bw-designs-blog]

Tumblr Crushes:

things-to-help-you

ilove-blends

htmlart

goldhtml

tt-extras

only-materials

themesforchrome

parasemprehtml

tudoprahtml

[gen-n-e-y-blog]

Follow Friday - 10/02

Bom, neste Follow Friday eu coloquei alguns Tumblrs que me ajudaram essa semana, Tumblr que eu conheci, alguns do Tumblr Crushes e alguns que eu achei muito bons! Não estão em ordem ou algo assim. Enjoy!

queen-extras htmlfreaks goldhtml tutoriaishtml fashiondesigners

Se está aí, reblog! Não está? Coloque seu nome aí em baixo e reblog!

[htmland]

-'-

Me chupa. Matheus

[htmllover-blog]

eu vi seu theme , tá muito lindo , me dá velho )=

vou disponibilizar ele pq é tão lixo que ninguem vai querer /cá

[goldhtml]

Efeito moderadoras #1

Acesse essa página. Passe o mouse nas imagens e escolha o efeito que preferir. Lembre-se: São dois efeitos simples confeccionados por l-o-s-t-b-i-r-d. Favor não repostar, copiar ou qualquer caso que envolva falta de criatividade. Sem a minha permissão, tudo é plágio!!

Effect number one:

Coloque isso no seu Css (entre <style> e </style>)

/*** EFFECT BY L-O-S-T-B-I-R-D ***/ .boxi {color: #fff; background: #fff; padding: 4px; text-align: right; width: 160px; height: 160px;} .boxi .effect {opacity: 0; -webkit-transition-duration: .90s; font: 11px play; color: #fff; margin-top: -14px; margin-right: 4px} .boxi:hover .effect {opacity: 0.8}

Mude apenas o width e height do .boxi (está negritado) para o tamanho da imagem. E no effect number two, mude o que está negritado.

Coloque isso onde deseja que ele apareça:

<div class="boxi"><img src="URL DA IMAGEM"><div class="effect"> NOME DO MODERADOR </div></div>

Effect number two

Coloque isso no seu Css (entre <style> e </style>)

/*** EFFECT BY L-O-S-T-B-I-R-D ***/ .caixa {color: #fff; background: #fff; padding: 4px; text-align: justify; width: 160px; height: 160px;} .caixa .pt {opacity: 0; -webkit-transition-duration: .90s; font: 11px play; color: #fff; margin-top: -14px; margin-right: 4px} .caixa:hover .pt {margin-left: 50px; opacity: 1}

Coloque isso onde deseja que ele apareça:

<div class="caixa"><img src="URL DA IMAGEM"><div class="pt">NOME DO MODERADOR</div></div>

SE USAR CREDITE... :) /vi

[gen-n-e-y-blog]

Friday Crushes

Uma mistura louca de FF e TC. Peguei só os Tumblrs de HTML! Então se você está aqui, reblog!

goldhtml singlethemes codigoxhtml havingthemes everythingsforhtml designs-4you

[htmland]

melhor nada vish -'-

Matheus

[help-4all-blog-blog]

goldhtml replied to your post: PEDIDOS? ANDA, ANDA, ASK!

eu tenho uma ‘-’ rç

Já disse rekalk, não precisa humilhar u.u /Math

[htmllover-blog]

vamos fazer uma troca? KKKKKKKKKKKKKKK

uhum troco de boa quer ver o meu lixo? /cá

[singlethemes-blog]

vcs vão filmar a peça né van? pq eu quero ver ): curti lá!

awwwwwwwn, claro que sim, como tu é pfta, fofa *u* obrigada!

Van.

[only-help-blog]

perfeito aqui, sim ou claro? pfvo ♥_♥

Vocês perfeitos, obvio ou obvio? ooooooooobvio! awn awn <3

Dudex

[htmland]

goldhtml replied to your post: Iremos colocar vocês no próximo theme, que será colocado em breve. Obrigada

Respondi por lá (cantinho-html) mas sou eu daqui huahauh mals!

Ah sim, acabei de ver. Ficou legal, obrigada! <3 Rosângela

[htmllover-blog]

muahahaha i'm bad, parei KKKKKKKKK

Laaaaaais ta querendo me ver morta :( KKKKKKKKKKKKKK /cá

[goldhtml]

sabe como colocar uma "setinha" no tooltip? ;/

ufff, ACHEEEI, graças adeus. haha tava procurando um tuto que tinha lido sobre isso, e procurei mttt e achei! Enfim, é o seguinte. Primeiro, você cola o código a seguir no seu CSS, ou seja, entre e :

código aqui

Personalize ele como quiser. Pronto. Agora, você vai colar esse código depois de :

Bom. Agora você se pergunta "Que URL DO DOCUMENTO é essa?". Para ter essa pontinha, você precisa de mais trabalho. Vou explicar o que você deve fazer.

1) Abra seu bloco de notas, e cole esse código aqui nele.

2) Depois, você vai apertar CTRL + F, e procurar por src. Logo depois desse src, vai ter a URL de uma imagem. Essa imagem é a pontinha do seu tooltip. A url que tá aí, é uma pontinha preta, porque e uma base. Mas você pode trocar a cor como você quiser no photoshop ou em algum programa de edição. Depois de ter feito a alteração da cor (se quiser fazer), venha aqui, cria uma url, e substitua essa nova url pela url da base que está lá logo depois de src.

3) Depois de ter trocado a url da sua imagem da pontinha, salve o documento como formato ".txt" (basta salvar com qualquer nome, e no final botar .txt). Depois vem aqui, e cria a url do seu documento que você acabou de salvar.

4) Depois de ter criado a url, copie ela, e cole no lugar do "URL DO DOCUMENTO" do código que eu pedi para copiar logo depois de

. Então, no meu caso, ficaria:

PS: O url alí é a url do documento que você copiou no bloco de notas (alterado por mim). Não pegue ele, é legal você ter um esforcinho básico :P

--//--

Pronto. Agora vem a parte fácil. Basta colocar isso aqui onde você quer que apareça o tooltip:

onMouseover="ddrivetip('O QUE VOCE QUISER')"; onMouseout="hideddrivetip()"> 

Se quiser pôr em alguma imagem, ponha o seguinte código:

onMouseover="ddrivetip('O QUE VOCE QUISER')"; onMouseout="hideddrivetip()">

É isso. Se usar, credite!!!! Tive muito trabalho. Tutorial feito por Gabriel, bjbj.

Observações: A cor da pontinha tem que ser a mesma da cor do balãozinho. Então se você quiser que seu balão seja azul, você tem que botar a pontinha do seu tooltip azul também.