Sobre mim
Translate
Já curtiu ?
Seguidores
Blog Archive
- 2014 (1)
- 2013 (3)
-
2012
(144)
- dezembro(4)
- novembro(3)
- outubro(8)
- setembro(8)
- agosto(8)
- julho(10)
- junho(8)
- maio(18)
- abril(15)
-
março(14)
- Adeus Chapinha - Pesquisa
- Fashionista: Marcela Müller
- Fotorial - Doce Swift
- PF Nas redes sociais !
- Inspiração Da Semana : Le Moustache !
- Fashionista: Valquiria Mendonça
- Como usar batom vermelho !
- Que Profissão seguir?
- Covers que eu A-M-O !
- Fotorial - Unhas esponjadas Ocean
- Crie skins para o SCM music player !
- Você já conhece a Zaxy?
- Cyberbullying. Porquê a hora de falar é AGORA !
- Tutorial: Escrevendo em Gifs.
- fevereiro(19)
- janeiro(29)
- 2011 (27)
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
Assinar:
Postar comentários (Atom)
muito obrigado meu ajudou bastante
ResponderExcluir