묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
고수분들 잠시만 시간좀..ㅜㅜ
2003.04.05 05:24
http://truezon2.cafe24.com/zeroboard/zboard.php?id=main#제가 홈에 bgm을 설치하려고 하는데용...
아이프렘으로 가지고 오는데... 바탕화면이 투명이 안되요...
그래서 이렇게 소스들을 적습니다....
참.. 에러 주소는 링크 1
일단 메인에서 불러오는 소스는 배경화면이 있는 레이어 안에 아이프레임(표로 이루워졌어요)을 끼워넣는 소스입니다...
<div id="layer1" style="background-image:url('kj/bg/sound_back.jpg'); width:30px; height:220px; position:absolute; left:893px; top:31px; z-index:1;">
<p> <center><iframe src="http://truezon2.cafe24.com/zeroboard/sarangbi_bgm/sarangbi_bgm.php"
allowTransparency="true" alig"center" align="left" frameborder=0 height=120 width=20
scrolling=no marginheight=0 marginwidth=0></iframe></p>
</div>
bgm 소스에서도 헤드와 바디가 있는데요.. 어떤 팁을 보니까 두군데 다 고쳐야 된다고 하더라구요...
그래서... 길지만 또 올립니다.. 죄송 ㅜㅜ
일단 헤드소스..
<?
///////////////////////////////////////////////////////////
// <HEAD> </HEAD> 사이에 들어가는 내용을 적습니다.
// 스타일시트 등을 적습니다.
///////////////////////////////////////////////////////////
?>
<title>Sarangbi BGM</title>
<style type="text/css">
body,td,p{font-family:verdana;font-size:9pt;color:transparent; line-height: 30pt;}
A:link {color:#999;text-decoration:none;}
A:visited {color:#999;text-decoration:none;}
A:active {color:#999;text-decoration:none;}
A:hover {color:#666;text-decoration:none; position:relative; top:1; left:-1}
A:hover {color:#666;text-decoration:none; position:relative; top:1; left:-1}
A:hover{position:relative;top:1;left:1}
body {background-color:transparent; margin:0 0 0 0;}
.tah7 {font-family:verdana;font-size:7pt;color:#999;}
.tah8 {font-family:verdana;font-size:7pt;color:#999;}
</style>
바디소스....
<?
///////////////////////////////////////////////////////////
/*
// BODY 에 들어갈 내용을 적습니다.
// 사용할 수 있는 함수는 다음과 같습니다.
// 아래 함수들을 적어도 되고 적지 않아도 됩니다. 출력할 함수만 적으세요.
// 각각의 함수에서 사용하는 이미지 파일의 설정은 bgm_setting.php 에 있습니다.
//
// <?=$skin_dir?> 환경 변수(스킨 디렉토리의 경로)
//
// <? media(); ?> 미디어 플레이어 개체
// <? equal(); ?> 이퀄라이저 출력 함수
// <? play(); ?> PLAY 버튼 출력 함수
// <? stop(); ?> STOP 버튼 출력 함수
// <? play_stop(); ?> PLAY ,STOP 토글 버튼 출력 함수
// <? back(); ?> 이전 곡 play 버튼 출력 함수
// <? forward(); ?> 다음 곡 play 버튼 출력 함수
// <? pause(); ?> 일시 정지 버튼 출력 함수
// <? vol_up(); ?> 볼륨 업 버튼 출력 함수
// <? vol_down(); ?> 볼륨 다운 버튼 출력 함수
// <? random_sequence(); ?> Random, Sequence 선택 버튼 출력 함수
// <? loop(); ?> Loop 버튼 출력 함수
// <? mute(); ?> 소리 끔(Mute) 버튼 출력 함수
// <? bgm_list(); ?> 음악 리스트 창 출력 버튼 함수
// <? bgm_admin(); ?> 관리 도구 창 출력 버튼 함수
// <? all_time(); ?> 현재 Play 되는 노래의 총 play 시간 출력 함수
// <? cur_time(); ?> 현채 Play 되는 노래의 play 한 시간 출력 함수
// <? subject(); ?> 제목 출력 함수 (INPUT FORM 사용, style 설정은 bgm_setting.php 에 있음)
// <? subject2(); ?> 제목 출력 함수 (layer를 이용하여 출력)
// <? memo(); ?> 현재 Play 되는 노래의 설명 출력 함수 (layer 를 이용하여 출력)
// <? caption(); ?> 가사 출력
*/
///////////////////////////////////////////////////////////
?>
<table style="border-collapse:collapse;" cellspacing="0" width="20" bgcolor="transparent">
<tr>
<td width="20" height="30" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"> </p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? media(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? play(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? pause(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? stop(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? back(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? forward(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? vol_up(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? vol_down(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? bgm_list(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? bgm_admin(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"> </p>
</td>
</tr>
</table>
<!-- </body> 는 적지 마세요. //-->
소스 끝....
제발 갈켜주세용...
그리고 링크보시믄 아시겠지만...정렬이 안되요...
레이어는 정렬 딱 되어있는데 프레임을 맞추기가 힘이드네요...
좌우를 맞추면 상하가 틀리고...높이를 맞추면 또 좌우가 틀리구..ㅜㅜ
제발 갈켜주세용...ㅜㅜ
아이프렘으로 가지고 오는데... 바탕화면이 투명이 안되요...
그래서 이렇게 소스들을 적습니다....
참.. 에러 주소는 링크 1
일단 메인에서 불러오는 소스는 배경화면이 있는 레이어 안에 아이프레임(표로 이루워졌어요)을 끼워넣는 소스입니다...
<div id="layer1" style="background-image:url('kj/bg/sound_back.jpg'); width:30px; height:220px; position:absolute; left:893px; top:31px; z-index:1;">
<p> <center><iframe src="http://truezon2.cafe24.com/zeroboard/sarangbi_bgm/sarangbi_bgm.php"
allowTransparency="true" alig"center" align="left" frameborder=0 height=120 width=20
scrolling=no marginheight=0 marginwidth=0></iframe></p>
</div>
bgm 소스에서도 헤드와 바디가 있는데요.. 어떤 팁을 보니까 두군데 다 고쳐야 된다고 하더라구요...
그래서... 길지만 또 올립니다.. 죄송 ㅜㅜ
일단 헤드소스..
<?
///////////////////////////////////////////////////////////
// <HEAD> </HEAD> 사이에 들어가는 내용을 적습니다.
// 스타일시트 등을 적습니다.
///////////////////////////////////////////////////////////
?>
<title>Sarangbi BGM</title>
<style type="text/css">
body,td,p{font-family:verdana;font-size:9pt;color:transparent; line-height: 30pt;}
A:link {color:#999;text-decoration:none;}
A:visited {color:#999;text-decoration:none;}
A:active {color:#999;text-decoration:none;}
A:hover {color:#666;text-decoration:none; position:relative; top:1; left:-1}
A:hover {color:#666;text-decoration:none; position:relative; top:1; left:-1}
A:hover{position:relative;top:1;left:1}
body {background-color:transparent; margin:0 0 0 0;}
.tah7 {font-family:verdana;font-size:7pt;color:#999;}
.tah8 {font-family:verdana;font-size:7pt;color:#999;}
</style>
바디소스....
<?
///////////////////////////////////////////////////////////
/*
// BODY 에 들어갈 내용을 적습니다.
// 사용할 수 있는 함수는 다음과 같습니다.
// 아래 함수들을 적어도 되고 적지 않아도 됩니다. 출력할 함수만 적으세요.
// 각각의 함수에서 사용하는 이미지 파일의 설정은 bgm_setting.php 에 있습니다.
//
// <?=$skin_dir?> 환경 변수(스킨 디렉토리의 경로)
//
// <? media(); ?> 미디어 플레이어 개체
// <? equal(); ?> 이퀄라이저 출력 함수
// <? play(); ?> PLAY 버튼 출력 함수
// <? stop(); ?> STOP 버튼 출력 함수
// <? play_stop(); ?> PLAY ,STOP 토글 버튼 출력 함수
// <? back(); ?> 이전 곡 play 버튼 출력 함수
// <? forward(); ?> 다음 곡 play 버튼 출력 함수
// <? pause(); ?> 일시 정지 버튼 출력 함수
// <? vol_up(); ?> 볼륨 업 버튼 출력 함수
// <? vol_down(); ?> 볼륨 다운 버튼 출력 함수
// <? random_sequence(); ?> Random, Sequence 선택 버튼 출력 함수
// <? loop(); ?> Loop 버튼 출력 함수
// <? mute(); ?> 소리 끔(Mute) 버튼 출력 함수
// <? bgm_list(); ?> 음악 리스트 창 출력 버튼 함수
// <? bgm_admin(); ?> 관리 도구 창 출력 버튼 함수
// <? all_time(); ?> 현재 Play 되는 노래의 총 play 시간 출력 함수
// <? cur_time(); ?> 현채 Play 되는 노래의 play 한 시간 출력 함수
// <? subject(); ?> 제목 출력 함수 (INPUT FORM 사용, style 설정은 bgm_setting.php 에 있음)
// <? subject2(); ?> 제목 출력 함수 (layer를 이용하여 출력)
// <? memo(); ?> 현재 Play 되는 노래의 설명 출력 함수 (layer 를 이용하여 출력)
// <? caption(); ?> 가사 출력
*/
///////////////////////////////////////////////////////////
?>
<table style="border-collapse:collapse;" cellspacing="0" width="20" bgcolor="transparent">
<tr>
<td width="20" height="30" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"> </p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? media(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? play(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? pause(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? stop(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? back(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? forward(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? vol_up(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? vol_down(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? bgm_list(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"><? bgm_admin(); ?></p>
</td>
</tr>
<tr>
<td width="20" style="border-width:0; border-color:black; border-style:solid;">
<p style="line-height:30%; margin-top:0; margin-bottom:0;"> </p>
</td>
</tr>
</table>
<!-- </body> 는 적지 마세요. //-->
소스 끝....
제발 갈켜주세용...
그리고 링크보시믄 아시겠지만...정렬이 안되요...
레이어는 정렬 딱 되어있는데 프레임을 맞추기가 힘이드네요...
좌우를 맞추면 상하가 틀리고...높이를 맞추면 또 좌우가 틀리구..ㅜㅜ
제발 갈켜주세용...ㅜㅜ
댓글 2
-
보거
2003.04.05 18:36
-
KraftVerk
2003.04.06 04:27
일단 받으신 스킨의 bgm_head 을 여시고
<style type="text/css">
<!--
body {background-color:transparent}
-->
</style>
이 부분을 따로 넣으세요.
흠..그리고는 body부분 스타일 지정은 제대로 해주셨고,
iframe 도 트레스퍼 지정 해주셨으니 head 만 고치면 잘 되겠습니다.
만약 그래도 안되면 스킨 소스 통째로 보내주세요..이만
밑의 소스만 가지고는 정렬이 어떻게 됬는지 잘 모르겠군요 _ -_;
차라리 주소를 주시면;