[TIP] 티스토리 배경음악 플레이어 추천+스킨수정법
IP :  .106 l Date : 15-04-06 15:14 l Hit : 21130
   wikbgm.css (4.3K), Down : 440, 2015-04-06 15:16:34
티스토리 옷 갈아입히면서 BGM을 바꾸는데 SCM 플레이어는 오류가 좀 많은 것 같아.
최근에는 반응형 스킨들도 많아지는데 스킨에 따라서 메인 화면이 잘 안나온다던가 그러더라구.
내 경우가 이번에 그래서 다른 것이 없나 뒤져봤는데..
아는 사람도 있겠지만 생각보다 안알려져 있길래 혹시 몰라서 일단 팁올려볼게.
혹시라도 문제 되면 광삭할테니 꼭 알려주기 바라. 사실 디교방 글 찌는건 처음이라.......


일단 플레이어 이름은 텀블러 플레이어 Wik player 라고해.
일단 SCM 하고 구성이 아주 똑같아서 사용하는 법도 같아.
다른 점은 SCM과 달리 최근까지 피드백이 되어서 오류가 적다는 점.
나 역시 SCM 쓸 때 소스 충돌인지 메인 화면이 꼬였는데 이걸로 하니까 제대로 나오더라구.
외커에도 종종 BGM 깔다가 화면이 안나온다 스킨이 꼬였다 하는 경우가 있었는데 한 번 바꿔보는 것도 괜찮을 것 같아.


플레이어
http://www.★wik★player.com/ 접속. (별빼구)
기본적인 적용은 SCM 플레이어처럼 유툽이나 사운드클라우드 다 가능해.
사용하던 냔들은 그냥 들어가보면 알거야.

서두는 이렇고 단점은 SCM과 다르게 wik 경우는 아직 커스텀 스킨이 다양하지가 못해.
하지만 커스텀이 가능하고 다행히 CSS 경우 SCM 커스텀에 사용한 CSS 스킨을 적용시켜도 똑같이 적용돼서
그냥 SCM에서 쓰던 스킨 덮어 씌우면 된다는 점이야.

내 블로그 포스팅 한 것을 참조해서 써보자면,

주의 할 점은 기본 틀은 같지만 버튼 위치가 틀려서 그 부분 값만 수정해주면 SCM 플레이어 스킨과 똑같아져.

간단하게 스킨 수정 방법을 알려주자면

1.우선 기본 베이스 CSS 가 필요해. (SCM 과 스킨 수정법은 기본적으로 같아)
내 경우는 기본 스킨 중에 화이트 블루패턴인 (참조:http://www.wik★player.com/skins/wikfull/★ribbonBlue/skin.css 의 소스를 변형시켰어. 여기서 위치 값들을 SCM 스킨과 비교해서 고쳐주는 거지.

2. 텀블러 계정에 이미지 및 CSS 파일 업로드
이게 무슨 소리냐면, 바꾸고 싶은 플레이어 버튼 이미지를 업로드해서 CSS 안에 이미지 주소를 적을 때 필요해.
본인의 텀블러에 로긴하고
https://www.★tumblr.com/★themes/upload_static_file
이 곳에 가서 파일을 올려주면 바로 주소가 생성되는데 그걸로 이미지 주소 수정을 해줘.
그리고 CSS 가 완성 되면 이 파일 역시 저기 텀블러 계정에 올려주는 거지.



이런 식으로.

3. CSS 안에서 2번의 버튼 이미지 주소와 색상 코드 및 위치 값을 수정.

*첨부파일 참조.*
우선 내 티톨에서 사용 하기 위해 수정한 CSS를 설명 넣어서 첨부할게. 보고 참고하거나 수정해서 쓰면 될거야.
심플한 것이 좋아서 기본적인 버튼 외 플레이 바, 타이틀 표시는 원하지 않아서 임의 값을 넣어서 없애버렸어.
만약 이 버튼들을 나타내고 싶다면 1번의 기본 스킨과 비교해서 원하는 부분에 원래 값으로 적용시켜주면 돼.


4. 마지막으로 작성한 CSS를 저장 후 텀블러 계정에 업로드 시켜서 주소를 생성하고
wik 플레이어 스킨 선택> 커스텀 스킨 선택 후 생성된 CSS 주소를 입력 하고 완료하면 코드 생성> 블로그 적용 끝.

<

일단 여기까지야. 혹시라도 티톨 배경음악때문에 나처럼 머리아픈 냔들이 있을지 몰라서 써봤어.
참고로 기본적으로는 텀블러 용 플레이어기 때문에 텀블러는 물론 설치형 블로그에 다 가능할거야.
아, 그리고 위에는 커스텀 스킨만 다양하지 못하다는 것이고 기본 스킨은 오히려 SCM보다 다양해.
미니모드나 하이브리드 모드도 있고.개인적으로 하이브리드 모드도 괜찮더라구.

그럼 이만.


NO SUBJECT DATE HIT
탈퇴하러가기 (6) 2020-03-13 58569
모.든.레.벨 외치다 이용 가능해 (7) 2020-02-10 74549
13834 앨범아트? 커버? 암튼 그동안 만들었던 애들 (80) 2015-01-07 22136
13833 밝으면서 채도높은 보정 좋아하면 가져가삼 (1791) 2015-02-17 21962
13832 네이버 블로그 리뉴얼 모음 (61) 2015-08-08 21901
13831 모.든.질.문.글 '일일' 10개이하로. 초과시 무통보 삭제 (19) 2010-03-22 21680
13830 감각 되살리기 (스압有) (131) 2014-08-16 21666
13829 친구 피피티 만들어준거 (37) 2014-05-17 21606
13828 아이돌 보정? 세륜 노란끼 없애기! (27) 2013-07-14 21562
13827 합성용이미지로...앨범아트를 만들어보았다.. (13) 2012-12-01 21406
13826 똑똑, 티스토리 스킨을 나눔해볼까 합니다 (124) 2014-07-03 21369
13825 일본 청춘영화처럼 청량한 색감 (106) 2017-02-01 21345
13824 화석학번은 PPT를 만들어요 (47) 2016-03-03 21326
13823 무료 호스팅(계정정보) 및 저렴한 호스팅 정리.txt (추가) (97) 2012-07-10 21295
13822 티스토리 배경음악 플레이어 추천+스킨수정법 (411) 2015-04-06 21131
13821 티스토리 스킨 배포~* (308) 2015-01-19 21080
13820 호구가 되는 주문 : "제가 PPT 만들게요^^;;" (22) 2013-07-04 20989
13819 잉여잉여한 앨범아트 (23) 2014-05-06 20968
13818 기본스킨으로 텀블러 따라한 티스토리 (24) 2013-10-10 20951
13817 이런 보정은 어떻게 하는 걸까? ㅠㅠ (25) 2015-05-05 20902
13816 무도표절 글에 대한 여성시대 글쓴이 피드백 전달합니다. +최종 사… (466) 2015-08-28 20732
13815 컨셉병걸린 셀프 가이드북 (스압) (215) 2017-01-17 20720
13814 디자인 단가표 (a.k.a 페이,단가,얼마,비용,가격) 끌올 (15) 2014-12-09 20627
13813 자랑까진 아니지만.. 첫 ppt!! (29) 2014-06-02 20627
←←  1  2  3  4  5  6  7  8  9  10  


 
이용안내 / 광고및제휴문의 / 아이디/비번분실문의 / 개인정보처리방침