#daniideutscher
Explore tagged Tumblr posts
Photo
@Downloads:
Art Post / Cupid de Locke / Dawning a New Day / Ghosttown / Gruenewald / Keep Calm
{Danii}
602 notes
·
View notes
Text
Menu Borders com Fonte Pixel
Visualize aqui.
Primeiro, copie este código:
Aqui
Em seguida, cole antes de </style>, mude as cores do seu gosto.
Para que o menu apareça, só colocar isso (Depois de <body>):
<mn></mn>
E escrever entre o código, exemplo:
<a href="/"><mn>Home</mn></a>
Tutorial by: Danii - Se usar, credite!
6 notes
·
View notes
Text
daniideutscher answered your question: Hello beautiful peppers! How are you today?
i’m very well =3
Good! I'm glad ^^ Where are you from?
0 notes
Text
daniideutscher replied to your post: unfollow aqui por ser burras e ter colocado essa menina aki
Anony idiota, a Mids top da balada, poax .-.
Danii <3 sdds da sua animação moça u-u Mide
0 notes
Note
Feliz ano novo amigaaaaaaa! <3
Daaaaaaaaaaaaaaaani *-* Feliz ano novo < 3 que esse ano traga muita paz, saúde e beleza pra nóixx *-*
0 notes
Photo
Feitos por: Danii
40 notes
·
View notes
Text
Como colocar opacidade nos photosets.
É muito simples. Você irá cola o código depois de <style>:
1º Opção: Opacidade ao passar o mouse (Exemplo)
Código.
2º Opção: Já com opacidade, e ao passar o mouse, a opacidade sai. (Exemplo)
Código.
Tutorial by: Danii - Se usar, credite!
6 notes
·
View notes
Note
Você é uma perfeita, nada a ver esse negócio de grosseria u.u
Muito obrigada Dani <3
0 notes
Note
Véi, na boa. Vou ali me mata de tanta perfeição.
Awn, se mata não ASUHAUH. E, olha quem fala: a garota linda com um theme perfeito u-u
0 notes
Text
Colocando opacidade nos photosets.
É muito simples. Você vai cola o código antes de </style>:
1º Opção: Opacidade ao passar o mouse:
/* Opacidade no Photoset - by: DANIIDEUTSCHER*/ .html_photoset {-webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s;} .html_photoset:hover {opacity: .40; -moz-opacity: .40;}
2º Opção: Já com opacidade, e ao passar o mouse, a opacidade sai:
/* Opacidade no Photoset - by: DANIIDEUTSCHER*/ .html_photoset {border-radius: 10px; -webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s; opacity: .40; -moz-opacity: .40;} .html_photoset:hover {opacity: 100; -moz-opacity: 100;}
Pronto, só copiar um dos códigos e colar no theme. No HTML do post "photoset" já vai estar a div ".html_photoset" que o Tumblr usa para os photosets.
Tutorial por: Danii, se usar, credite.
22 notes
·
View notes
Text
Menu Classic
Veja o exemplo desse menu.
Primeiramente, você vai colar o código abaixo, antes de </head>:
<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
Depois, você vai colar este código abaixo antes de </style>:
/* Menu Classic - by: daniideutscher */ .menu { position: absolute; background: #000; /* Cor de fundo da barra do menu */ width: 100%; text-align: center; left: 0px; top: 0px; z-index: 1000;} .menu mn { color: #fff; /* Cor da Fonte do Menu */ font-family: 'Fjalla One', cursive; font-size: 30px; text-transform: uppercase; margin-right: 14px; padding: 7px; padding-bottom: 0px; overflow: hidden; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; } .menu mn:hover {padding-bottom: 10px; border-bottom: 7px solid #000; /* Cor da borda dos links ao passar o mouse */ background: #9889a9; /* Cor de fundo dos links */ }
Faça as modificações necessárias (cor, etc). Agora para que o menu apareça no theme, cole o código abaixo uma linha depois de <body>:
<div class="menu"> <a href="/"><mn>Home</mn></a> <a href="/"><mn>Link</mn></a> <a href="/"><mn>Link</mn></a> <a href="/"><mn>Link</mn></a> </div>
Se você quiser que o menu fique fixado, procure isto no código do menu:
position: absolute;
E troque por isto:
position: fixed;
Tutorial por: Danii, se usar, credite!
17 notes
·
View notes
Text
Caixinha da Ask com Efeito Hover.
Veja o exemplo.
Cole este código antes de </style>:
/* Ask Hover - by: daniideutscher.tumblr.com */ .forask {background: #f88da4; /* Cor de Fundo */ padding: 8px; /* Tamanho da Borda */ border-radius: 6px; -webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s; } .forask:hover {background: #fff; /* Cor de fundo ao passar o mouse */ -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);}
Se você quiser que não haja efeito de rotação, só apagar a parte que se encontra no hover:
-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg);
Depois você vai colar o código abaixo, em qualquer lugar onde você quiser que apareça a caixinha da ask (depois de <body>):
<iframe frameborder="0" border="0" scrolling="no" width="400px" height="149" allowtransparency="true" src="http://www.tumblr.com/ask_form/seu-tumblr-aqui.tumblr.com" style="overflow:hidden;" class="forask">
Mude o width (largura) e height (altura) para que fique alinhado ao local que você colocar.
E mude seu-tumblr-aqui pela sua url.
Tutorial by: Danii, se usar, credite!
15 notes
·
View notes
Text
Menu Borders com Fonte Pixel.
Olhe o exemplo desse menu.
Cole este código antes de </style>:
/* Menu com Borders - by: daniideutscher.tumblr */ mn {background: #fff; /* Cor de fundo do Menu */ padding: 4px; /* Espaço interno do menu */ border-radius: 5px; /* Arredondamento das Bordas */ border-bottom: 2px solid #e8da4b; /* Borda na parte de baixo do Menu */ border-right: 2px solid #e8da4b; /* Borda na parte direita do menu */ display: inline-block; font-size: 8px; font-family: 'PF Arma Five'; /*Fonte Pixel do Menu */ -o-transition-duration: .70s; -ms-transition-duration: .70s; -moz-transition-duration: .70s; -webkit-transition-duration: .70s; width: 10%; /* Tamanho de cada menu */ text-align: center; cursor: pointer; color: #b4ae77; /* Cor da Letra do Menu */ } mn:hover {border-bottom: 2px solid #b4ae77; /* Borda na parte de baixo do Menu */ border-right: 2px solid #b4ae77; /* Borda na parte direita do menu */ color: #e8da4b; /* Cor da Letra do menu */ } /* Font Pixel */ @font-face {src: url('http://static.tumblr.com/b1gnlwd/ax3meqswr/pf_arma_five.ttf'); font-family: 'PF Arma Five';}
Depois, para que apareça no theme, faça o seguinte:
<a href="http://link.com"><mn>Link</mn></a>
Tutorial por: Danii, se usar, credite!
15 notes
·
View notes