BoAず 와 함께 ··´″```°³о☆ ::

'그냥~끄적끄적...'에 해당되는 글 2건

2008/09/27 STiCUBE
2008/07/14 Tistory에서 배경음악을!! - Snowsage Player Ver 1.16

STiCUBE

2008/09/27 16:24

보호되어 있는 글입니다.
내용을 보시려면 비밀번호를 입력하세요.

비밀번호 ::

Tistory에서 배경음악을!! - Snowsage Player Ver 1.16

그냥~끄적끄적... 2008/07/14 20:09

여러분이 수정하셔야 하는 파일은 playerControl.html 과 list.js 파일이랍니다.
4개 파일 모두 일단 다운로드 받아 주세요..^^

1. playerControl.html 에서는,

window.onload = function(){
//top.bgm.ssp_randomToggle(); // 기본적으로 랜덤 재생
if(top.changeTitle) top.changeTitle("수많은 사람들의 상상력, Tistory.com");
}

여기에서, "수많은 사람들의 상상력, Tistory.com" 부분을 수정하셔야합니다.
이 내용은 여러분의 블로그에 접속했을때, 브라우저 상단 제목표시줄에 나타나는 내용입니다^^

처음부터 Shuffle 모드로 플레이어를 돌리고 싶으실때, 앞의 "//" 두글자를 삭제해주시면 됩니다.

2. list.js 에서는, 실제로 여러분들의 노래가 들어가게 됩니다.

addsong("음악파일주소", "음악파일제목");

과 같은 형식으로 입력해 주시면 됩니다.

3. 두개 파일을 수정하고 저장했으면, 이제 자신의 블로그에 업로드합니다.

4. 이제 스킨 편집 모드로 들어가서 아래의 코드를 붙여 넣습니다.
( 스킨이 가운데 정렬 스킨이면 isCenter 값을 1로 변경 )

var isToolBarResized = 0;
function toolBarWidthResize(){
 var tistoryTB = document.getElementById("tistorytoolbarid");
 if(tistoryTB != null && !isToolBarResized) {
     isToolBarResized = 1;
     tistoryTB.style.pixelWidth -= 18;
     clearInterval(toolBarResizeInterval);
 }
 return true;
}

if(isCenter) leftPixel += document.documentElement.offsetWidth/2;
iframeCode = "<iframe src=\"./images/playerControl.html\" name=\"sspcontrol\" style=\"position: absolute; left: " + leftPixel + "px; top: "+ topPixel +"px; width: "+ widthPixel +"px; height: "+ heightPixel +"px; z-index: 100\" scrolling=\"no\" allowTransparency frameborder=\"0\"></iframe>";
document.writeln("<body>");
if(isUsed) document.writeln(iframeCode);
if(top.bgm == null && window.location.href.indexOf("preview") > 0) isUsed = 0;
if(top.bgm == null && isUsed) bgmFrameLoad();

toolBarResizeInterval = setInterval(toolBarWidthResize, 100);
setTimeout("clearInterval(toolBarResizeInterval)", 5000);
window.onresize = toolBarWidthResize;

document.onmousedown = function(){
   if(test && event.button == 2 && isCenter) alert("leftPixel: " + (event.x - document.documentElement.offsetWidth/2) + "\ntopPixel: " + (event.y - 93));
   else if(test && event.button == 2 && !isCenter) alert("leftPixel: " + event.x + "\ntopPixel: " + (event.y - 93));
}
document.body.onkeydown = function(){
   if(event.keyCode == 113) document.location.href = "/owner/skin?layout=up";
   return true;
}
///////////////////////// Snowsage Player Control Script 끝! /////////////////////
</script>

5. snowsagePlayer의 몇가지 값을 수정하여 적용시킵니다.

var isUsed = 1; // SnowsagePlayer 적용여부 (적용: 1 / 미적용: 0)
var isCenter = 0; // 스킨이 가운데 정렬이면 1 아니면 0
var test = 0; // 플레이어 위치 조정시에만 1, 평상시엔 0
var leftPixel = 718; // Controller 왼쪽(가운데)으로부터 떨어진 pixel
var topPixel = 20; // Controller 상단으로부터 떨어진 pixel

1) isUsed 값을 1로 변경합니다.
2) test 값을 0으로 변경합니다.
3) leftPixel 과 topPixel 값을 위에서 메모한 값으로 변경합니다.

6. 설치 완료!!