DG-HTML

Theme Dreams

Bom, fiz esse tema e to até usando no pessoal ainda... Mas aqui ta tão parado, que resolvi postar :)

veja o theme :3 / pegue o theme 3:

Regras:

Nunca retire os créditos.

Nunca use algo sem a devida permissão, e/ou créditos devidos.

Nunca repasse.

Nunca diga que foi tu quem fez.

Não reblogue este post.

Dê like e/ou avise na ask se o pegar para usar.

Nunca retire nada dele para utilizar, passe por aqui antes, e venha conversar comigo.

Se tem algo sendo usado, que não esteja devidamente creditado, venha até a ask, se preferir até retiro o theme do ar.

Theme feito por Leonicky:

http://lover-bipolar.tumblr.com

http://freakmaterials.tumblr.com

http://fanficdems.tumblr.com

Vesh, de tumblr, que eu conheça só o havingthemes que sabe mexer com a plataforma do Blogger. Dá uma passadinha lá, tenho certeza que eles terão prazer em lhe ajudar! :D

Também acho nony :c acho não, tenho certeza... Mas eu não tenho contato com a Dani, não sei se posso mudar, se ela ta fazendo, não sei... Ela nunca ta aqui quando eu to também. Não tenho ela no Facebook, nem tenho o WhasApp dela e.e

Pamonhas, tuto mamão com açúcar.

Tem gente que entra pelo celular e tal, e fica travando muito, então vou ensinar a como colocar uma aba ou seilá, pelo PC mesmo ver o tumblr em mobile.

É só colocar /mobile. Exemplo: http://dg-html.tumblr.com/mobile.

É isso pamonhas, beijos.

Hey pamonhas. Vou ensinar vocês a arredondar as bordas dos themes que quiserem :33

Bom, primeiro vais entrar aqui. Vê-se que tem uma caixa quadrada, e em cada canto da caixa, tem o número 0(zero). Clique neste número, e mude para, por exemplo, 10(dez). Repare, que dentro da caixa vai aparecer um código, e as bordas da caixa vão ficar arredondadas. É assim que vai ficar no seu theme. Podes colocar números diferentes, a escolha é tua. Quanto maior o número, maior vai ser o arredondamento da caixa.

Assim que ficares satisfeito(a), copie o código da caixa, e cole no CSS da onde quer que fique arredondado. Isso funciona em caixas de posts, sidebar, menu e etc. É bem útil, e simples :)

Lembrando que, se você quer arredondar a caixa de posts e da side por exemplo, tens que colar o código no CSS da side, e na do post também.

Bom, é isso. Qualquer dúvida venha na ask me caçar que ajudo :3

Não reblog nem repasse, tutorial feito por mim, Leonicky.

Esses são alguns sites úteis, que tem e muitos lugares, mas é sempre bom ter todos em um post só né? :)

Photo Shop Online

Tabela de cores

Mapear Banner

Arredondamento de bordas

Fazer favicon

Linkando imagem/code

Google Web Fonts

Converter cores para RGB

Dê like e/ou avise na ask se for útil :)

Pamonhas, vou ensinar a colocar sombra nas caixas, podes escolher se vai ser na sidebar, caixa de posts, varia com a tua criatividade.

Demo.

Primeiramente, o CSS. Vais colocar o seguinte código, entre <style> e </style>:

/* sombra nas caixas por leonicky (lover-bipolar) não retire os créditos*/

#sombrinha { font-family: tahoma; font-size: TAMANHODALETRApx; color: #CORDALETRA;

-moz-box-shadow: 5px 5px 5px #CORDASOMBRA; 

-webkit-box-shadow: 5px 5px 5px #CORDASOMBRA; 

} 

O que está em negrito indica o que é e tal. Agora, a parte do HTML. 

Essa sombra fica legal na sidebar, pra destacar algo, ou regras da ask, sei lá. Caso queira colocar esta sombra nos posts, tu vai abrir a div da sombra no blockposts.

Enfim, coloque isso onde quer que apareça:

<div id=”sombrinha”>

O que quer escrito aqui!!

</div>

Tutorial totalmente por mim, não copie, não reblog, não retire os créditos. E claro, se usar, credite á mim. 

Se gostar e/ou usar, dê like e/ou avise na ask.

Bom, vou ensinar como eu faço.

Vou usar essa dica que eu mesma fiz, neste tutorial. 

Primeiro passo: copie o link da imagem, e vá aqui. Vai aparecer o editor e tal, e uma caixa dando as opções pra abrires a imagem que queres. Clique na terceira opção, “Abrir imagem de URL”. Vai aparecer uma caixinha, é ali que vais colar o link da imagem.

CUIDADO: quando for colar o link na caixinha, não esqueça de apagar o “http://” que já aparece dentro da caixinha. Se tu não apagares, a imagem vai dar erro para abrires.

Ok, após isso, vai aparecer a imagem que escolheste.

Segundo passo: no canto inferior(em baixo) do editor online, em baixo das ferramentas de edição, aparece um quadrado grande e vários pequenininhos em baixo. Clique no grande, e vai aparecer isso:

Repare que, quando tira o mouse desta caixa, aparece o ícone de um bagunho lá, esse aqui:

Clique com ele aonde tem a cor que queres descobrir o código dela.

O código vai aparecer onde está escrito “000000” ali no primeiro print. Pronto! Descobriste o código da cor que queres :3

Tutorial feito totalmente por mim, Leonicky. Se gostar, usar, for útil, por favor dê like, credite se puder, e/ou avise na ask.

Não copie, não reblog, não repasse. Plágio é crime.

Capas para Facebook

Feitas por mim, Leonicky. Se usar dê like e avise na ask.

Não reblogue, não copie, não retire os créditos.

Mais um menu. Vejam o demo:

Lindjo, sqn.

Vamos lá! CSS(entre <style> e </style>:

/* menu por leonicky (lover-bipolar) não retire os créditos*/

#sombreadin { background: none; font-family: tahoma; color: #CORDABOLINHA; font-size: 16px;}

#sombreadin a { } 

#sombreadin a:hover {background-color: #CORDAABAQUANDOPASSAOMOUSE; letter-spacing:5px;-moz-box-shadow: 50px 50px 50px #CORDOSOMBREADO; 

-webkit-box-shadow: 1px 5px 5px #REPETEACORDOSOMBREADO;-webkit-border-radius: 7px;

-moz-border-radius: 7px;

border-radius: 7px; }

a:link {color: #CORDALETRADOLINK;text-decoration: none;}

Agora o HTML(depois de <body>):

<div id=”sombreadin”><center>

<a href=”URL”> link</a> ●

<a href=”URL”> l i n k</a> ●

<a href=”URL”> LINK</a> ●

<a href=”URL”>menu por</a> ●

<a href=”URL”>Leonicky.</a> 

</center>

</div>

Pronto! Agora você não pode se esquecer de mudar o que se pede. Caso queira que fique do jeito que ta no Demo que eu fiz, é só trocar o CSS passado acima, por esse:

/* menu por leonicky (lover-bipolar) não retire os créditos*/

#sombreadin { background: none; font-family: tahoma; color: #C1CDCD; font-size: 16px;}

#sombreadin a { } 

#sombreadin a:hover {background-color:#000;letter-spacing:5px;-moz-box-shadow: 50px 50px 50px #b6ebf7; 

-webkit-box-shadow: 1px 5px 5px #4682B4;-webkit-border-radius: 7px;

-moz-border-radius: 7px;

border-radius: 7px; }

a:link {color: #4682B4;text-decoration: none;}

Esse menu foi feito totalmente por mim, Leonicky. Não copie, não repasse, não reblog, nem retire os créditos.

Credite devidamente se usar, e lembre-se de dar like e avisar na ask.

Bom, este é meu segundo menu! É bem simples mesmo, fui colocando mil tretas, e saiu isso.

Demo do menu

Vamos ao CSS. Coloque o código abaixo entre <style> e </style>:

/* MENU POR LEONICKY - LOVER-BIPOLAR NÃO RETIRE OS CRÉDITOS */

#arrega { padding: 20px; background-color: #E0FFFF;font-family: tahoma; color: #00ffff;font-size: 20px;  }

#arrega a {background-color: #E0FFFF; margin-left: 20px; margin-right: 20px}

#arrega a:hover {padding: 15px ;background-color: #D1EEEE;letter-spacing: 10px;}

a:link {color: #B4CDCD;text-decoration: none;}

Tudo o que está em negrito, podes mudar. São as cores de cada coisinha do menu.

Agora, para fazer funcionar, vais colocar o código abaixo onde quer que o menu apareça:

<div id=”arrega”>

<center>

<a href=”URL”>link</a>

<a href=”URL”>link</a>

<a href=”URL”>link</a>

<a href=”URL”>link</a>

<a href=”URL”>link</a>

</center>

</div>

Onde está “URL”, vais colocar o que se pede. E onde ta “link”, o nome que vai aparecer! Não retire as aspas hein.

Enfim, é isso. Não copie, credite se usar, e nunca retire os créditos.

Todos os codigos são meus, eu fiz esse menu.

Se gostar/usar dê like/avise na ask.