웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
ARTLAB님 팁을 참고하여 약간 변형 & 쫄쫄이 스토커 해상도에 상관없이 달기
2008.04.18 00:26
엑소버드 말고 라디오 프레임 제어
ARTLAB님이 엑소버드를 프레임에 넣고 그 프레임을 안 보이게 한뒤 본문 레이아웃 안에서 제어할 수 있게 올려주신거 보고 제가 약간 변형을 해봤습니다. 먼저 ARTLAB님께 감사를 드리며...
http://topssim.com
저는 엑소버드 대신 라디오 채널을 변경해 보겠습니다.
1. 프레임을 하나 추가해서 안 보이게 한뒤 불러오고
2. 졸졸이 스토커에 아이프레임을 삽입해서 그 안에 라디오 채널을 하나 더 설치 하였습니다.(이건 제가 이미지 작업 하기 귀찮아서 같은 라디오 2개 설치한 겁니다;)
이제 감춰진 프레임 안에 있는 라디오가 실제 동작 하는 라디오고 졸졸이 스토커에 달려 있는 라디오가 제어용이 되겠군요.
태그는 ARTLAB님이랑 같습니다
라디오는 정지 버튼을 예로 아래의 코드라 했을 때
ARTLAB님의 엑소보드 정지 버튼 코드는 아래와 같습니다
엑소버드의 onclick 부분에 top.gst 처럼 타겟만 잡아주시면 바로 적용 되겠습니다. 라디오의 볼륨이나...재생상태 출력은... 능력 밖이라 포기;
쫄쫄이 스토커 해상도에 상관없이 달기
해상도가 달라져도 레이아웃 기본 테이블에 붙어 다니게끔 레이아웃 테이블과 div를 약간 추가했습니다
1. 레이아웃 테이블을 나눕니다(/레이아웃/layout.html)
2. 레이아웃 전체가 보통 1개의 테이블 안에 나눠져있을텐데 그 전체 테이블을 <TD>로 세로로 나눈뒤 오른쪽 <TD>에서 저는 작업을 했습니다(layout.html 하단부에 <TD>만 하나 더 넣어주시면 됩니다)
3. 그 다음 그 2번에서 만든 <TD>를 <td valign=top> 이용하여 수직정렬을 시킵니다(이걸 안해주시면 무조건 middle 정렬로 쫄쫄이가 가운데에 가버립니다. 긴 글을 읽었을때는 쫄쫄이가 한참 내려야 보이겠죠;)
4. 2번에서 만든 <TD> 안에 또 하나의 테이블을 더 만들고 그 안에 쫄쫄이 스토커 코드를 삽입하면 끝입니다
절취선 까지가 레이아웃을 반으로 자른 쫄쫄이 스토커가 나오는 부분입니다.
그리고 div 안에 top부분은 자신의 환경에 맞게 수정해주시면 됩니다.
ARTLAB님이 엑소버드를 프레임에 넣고 그 프레임을 안 보이게 한뒤 본문 레이아웃 안에서 제어할 수 있게 올려주신거 보고 제가 약간 변형을 해봤습니다. 먼저 ARTLAB님께 감사를 드리며...
http://topssim.com
저는 엑소버드 대신 라디오 채널을 변경해 보겠습니다.
1. 프레임을 하나 추가해서 안 보이게 한뒤 불러오고
2. 졸졸이 스토커에 아이프레임을 삽입해서 그 안에 라디오 채널을 하나 더 설치 하였습니다.(이건 제가 이미지 작업 하기 귀찮아서 같은 라디오 2개 설치한 겁니다;)
이제 감춰진 프레임 안에 있는 라디오가 실제 동작 하는 라디오고 졸졸이 스토커에 달려 있는 라디오가 제어용이 되겠군요.
태그는 ARTLAB님이랑 같습니다
라디오는 정지 버튼을 예로 아래의 코드라 했을 때
<img src="img/b_stop.gif" border=0 width=30 height=13 style="cursor:hand" onclick="StopIt();">
ARTLAB님의 엑소보드 정지 버튼 코드는 아래와 같습니다
<A onClick="top.gst.wmpStop(); this.blur();" style="cursor:hand">멈춤</A>
엑소버드의 onclick 부분에 top.gst 처럼 타겟만 잡아주시면 바로 적용 되겠습니다. 라디오의 볼륨이나...재생상태 출력은... 능력 밖이라 포기;
쫄쫄이 스토커 해상도에 상관없이 달기
해상도가 달라져도 레이아웃 기본 테이블에 붙어 다니게끔 레이아웃 테이블과 div를 약간 추가했습니다
1. 레이아웃 테이블을 나눕니다(/레이아웃/layout.html)
2. 레이아웃 전체가 보통 1개의 테이블 안에 나눠져있을텐데 그 전체 테이블을 <TD>로 세로로 나눈뒤 오른쪽 <TD>에서 저는 작업을 했습니다(layout.html 하단부에 <TD>만 하나 더 넣어주시면 됩니다)
3. 그 다음 그 2번에서 만든 <TD>를 <td valign=top> 이용하여 수직정렬을 시킵니다(이걸 안해주시면 무조건 middle 정렬로 쫄쫄이가 가운데에 가버립니다. 긴 글을 읽었을때는 쫄쫄이가 한참 내려야 보이겠죠;)
4. 2번에서 만든 <TD> 안에 또 하나의 테이블을 더 만들고 그 안에 쫄쫄이 스토커 코드를 삽입하면 끝입니다
<td valign=top> <div style="position:relative; z-index:50; left:5px; top:143px;"> <table width="100%" valign=top cellpadding="0" cellspacing="0" border="0"><tr><td> <!-- 쫄쫄이 스토커--> </td></tr></table> </div> </td> ------------------------------------------------------------------------------------------------------- </table> </div>layout.html 하단부 코드입니다.
절취선 까지가 레이아웃을 반으로 자른 쫄쫄이 스토커가 나오는 부분입니다.
그리고 div 안에 top부분은 자신의 환경에 맞게 수정해주시면 됩니다.