Olá gatinhos, tudo bem? Sintam-se a vontade e sejam bem vindos ao meu cantinho, este bloguinho foi criado em julho de 2012 e até hoje é direcionado a área de html e css. E se desejarem algo não exitem e peçam pela ask! beijinhos, bye ♡

22.8.13

Mini player em hover estilo tumblr

Olá bananas carameladas >.< Boa noite, ontem postei um theme para o tumblr e com isso me perguntaram sobre o mini player que fica na parte de cima do menu lateral, super fofo e meigo não é? Eu já vi vários modelos de minis players mas que nem esse nunca visto, eu peguei ele em um tumblr gringo e modifiquei algumas coisas para ficar menor e mais fofinho! Hoje só para avisar estou criando outro theme e esse tenho certeza que irão amar muito mais que o outro por ficar fofo demais u.u. O prewiew dele está no theme do ulquiorra e vocês poderão ver aqui! 

Para usar o modelo vá até modelo e em editar html, dentro dê ctrl f e procure por ]]skin: acima dele cole:

#bubblebar
{font-family:arial;font-size: 12px;
width:30px;
height:30px;
position:fixed;
left:17px;
top:10px;}

.bubble
{text-align:center;
float:left;
height:30px;
width:30px;
padding: 4px 0 10px 2;
margin-top:2px;
overflow:hidden;
moz-border-radius: 02px 02px 02px 02px;
border-radius:02px 02px 02px 02px;
-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out; 
z-index:999;font-family:arial;}

#music {
border:1.75px solid #B0ADAD;
background-color:#ffffff;}

#music:hover {
font-family:arial;font-size: 12px;
padding:1px;
height:60px;
width:100px;
border:2px solid #ffffff;}

#player{
padding-bottom:10px;}

Salve, vá até layout e adicione um gadget html java script dentro cole:


<div id="bubblebar"> 
<div class="bubble" id="music"><img src="http://static.tumblr.com/oxvpfuf/Ht1mrux7e/gif3.gif">
<br/><br/>

<div id="player">
Códido do player aqui
<div></div>

</div></div>

</div>

4 comentários:

  1. Muito legal , queria ter um tumblr, mas nunca consigo fazer um, faz um tuto ensinando?
    http://amor-de-meninaa.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Linda na net existe milhares de tutos ensinando a fazer themes, para quem não consegue muito em mexer html é uma praia bem diferente do blogger apesar de ter coisas bem parecidas aqui um link para você tentar aprender a fazer seu 1 theme - Theme do zero

      Excluir
  2. Awnnnnnnn, que fofo, Roh ♥ Estava precisando de um, sério u.u

    Beijinhos,

    Juu-Chan ;3 | Nescau com Nutella

    ResponderExcluir

Olá meus amores, os comentários devem ser direcionados somente ao blog e não a vida pessoal de ninguém! Qualquer dúvida peça pela Ask que responderei o mais rápido possível. Anônimo não adianta vir xingar pelos comentários que antes de mesmo de pensar em me ofender eles serão excluídos! Não gosto de tags, se quiser fazer fique a vontade mas não irei retribuir, não curto seguindo segue de volta =/ mas posso seguir se gostar realmente do blog, não julgo por layout ou por seguidores, avalio o blog e como disse se eu curtir é claro que sigo, afiliações? Peça nos comentários pois se pedir em outro lugar no caso páginas é bem provável que eu não veja! Então meus lindos espero que curtam cada cantinho do meu bloguinho e voltem sempre! kissus (*^3^)

LAYOUT E CODIFICAÇÃO POR ROH A. RAMOS OS DIREITOS ESTÃO RESERVADOS | Tecnologia do Blogger © 2017