Sobre mim


Amanda Fontelles,17 anos,apaixonada por livros e biologia,crente,e louca pela Taylor Swift.Pronta para mostrar um blog diferente.E cheio de tudo que eu mais amo.

Translate

Já curtiu ?

Seguidores

Link me


Tecnologia do Blogger.
06/03/2012

Crie skins para o SCM music player !


Olá amores, hoje irei ensinar a vocês como fazer skins personalizadas  para o SCM Music Player.
Bom, a base dos Skins são do próprio scm music, então não esqueça dos créditos ok ? a base é essa:

#player,#player a{ color:#COR DO TEXTO; }
#player{ background:url(CAIXINHA DE VOLUME); background-position:bottom; background-color: #BACKGROUND DO PLAYER }
#player .mainImage{ background:url(IMAGEM DO PLAYER); }

#player #baseLeft{ width:93px; }
#player #baseRight{ width:145px;}
#player .button{  width:26px; }
#player #play{ background:url(IMAGEM DE PAUSA); }
#player #play,#player #pause{ left:26px; }
#player #previous{ left:0px; }
#player #next{ left:52px; }
#player #title{ left:90px;  }
#player #tooltip{ right:196px; }
#player #timer{ right:120px;  }
#player #list{ right:0px; }

#player #seeker{ right:320px; }
#player #seekerBase{ border-color:#COR DA BORDA;  }
#player #seekerBuffered{ background-color:#COR DA BARRA QUE CARREGA A MÚSICA; }
#player #seekerSliderBase{ background-color:#94A9EA; }

#player #volume{ width:65px; right:39px; }
#player #volumeSlider{ width:8px; background:url(CAIXINHA DE VOLUME); }

#playlist,#playlist .module,#playlist h3{ border-color:#333;}
#playlist .module{ color:#COR DO TEXTO DA PLAYLIST; background-color:#BACKGROUND DA PLAYLIST; }
#playlist h3{ background:url(BACKGROUND DA BARRA DE PLAYLIST); color:#COR DO TEXTO DA PLAYLIST; background-color:#BACKGROUND DA PLAYLIST; }
#playlist .even{background-color:#BACKGROUND DA PLAYLIST;}
#playlist .odd{ background-color:#BACKGROUND DA PLAYLIST;}
#playlist .focus{ background-color:#BACKGROUND DA PLAYLIST; color:#COR DO TEXTO DA PLAYLIST;}



Copie todo o código acima e cole no bloco de notas, depois modifique do jeito que quiser. Entenda as partes do código, pegue as bases e modifique-as; hospede suas imagens e vá editando as partes que estão em negrito:


- Caixinha de volume : here.
- Imagem do player : here.
- Imagem de pausa : here.
- Background da barra de playlist : here.
- Cores : here.

Depois de ter editado todo o código, salve como skin.css . Agora hospede ( http://www.tumblr.com/themes/upload_static_file ) e copie o link.
Entre no SCM  clicando aqui . Na página inicial você vai ver as skins do site, e logo abaixo delas um campo em branco:




Marque a caixinha (Destacada em vermelho na imagem) e nesse campo cole o URL da skin que você hospedou anteriormente.
Vá para a aba 'Edit Playlist':

 Monte sua playlist com vídeos do Youtube (Com outro site não funciona). Quando terminar, clique no botão 'Done':


Copie o código:


No Blogger, vá para Design> Elementos da página. Adicione um novo gadget de HTML/Javascript e nele coloque o código do player.

No Tumblr, vá para Customize > Aperte Ctrl F e escreva <body> e cole o código do player.

Bom aqui tem um tumblr que disponibiliza Skins Aqui  AVISE SE PEGAR POR FAVOR !!!

Bom meninas espero que tenham gostado e esse tuto foi feito pelo blog : blog-sweetpoison 

Um comentário: