자유로운 폰트의 확대-축소
======적용될게시판의 view파일 자바부분에 추가한다==========
//하나의 게시판에 적용할때는 라래의스크립을 view화일에 추가하지만
홈페이지내에 전체적인 일괄적용을 원한다면 그누의 자바스크립에 추가하고
게시판의 내용 출력<!-- 내용 출력 -->부위만 레이어작업을 하면된다.
//아래의 스크립중에서if (iSize < 20) 과 if (iSize > 6) 부분의 숫자를
변경하면 원하는 크기만큼 축소 확대가된다.
//아래의 스크립중에서(iSize + 1) 과 (iSize - 1) 부분의 숫자를
변경하면 원하는 보턴을 클릭할때 변경할 축소 확대 수치가된다.
//폰트확대
function FontPlus()
{
var l = document.getElementById('ContentsLayer');
var nSize = l.style.fontSize ? l.style.fontSize : '9pt';
var iSize = parseInt(nSize.replace('pt',''));
if (iSize < 20)
{
l.style.fontSize = (iSize + 1) + 'pt';
l.style.lineHeight = '140%';
}
}
//폰트축소
function FontMinus()
{
var l = document.getElementById('ContentsLayer');
var nSize = l.style.fontSize ? l.style.fontSize : '9pt';
var iSize = parseInt(nSize.replace('pt',''));
if (iSize > 6)
{
l.style.fontSize = (iSize - 1) + 'pt';
l.style.lineHeight = '140%';
}
}
================추가끝=======================================
================출력될 부분을 레이어로 감싼다================
<div id="ContentsLayer">
<!-- 내용 출력부분 -->
</div>
================레이어추가끝=================================
================보턴에 적용한다==============================
<input type="image" name="Plus" onclick="javascript:FontPlus();" src="<?=$board_skin?>/plus.gif" title="폰트확대" border="0" style="top:0;right:0;position:relative;" / >
<input type="image" name="Minus" onclick="javascript:FontMinus();" src="<?=$board_skin?>/mana.gif" title="폰트축소" border="0" style="top:0;right:0;position:relative;" / >
================보턴적용끝==================================
참고:위의 스크립트 소스는 킴스보드를 참고하였습니다.
G3에 올리면 포인트200점 G4는 300점이군요..ㅋ~@
호환용이니까...둘다올리면??....합이500점~~
//하나의 게시판에 적용할때는 라래의스크립을 view화일에 추가하지만
홈페이지내에 전체적인 일괄적용을 원한다면 그누의 자바스크립에 추가하고
게시판의 내용 출력<!-- 내용 출력 -->부위만 레이어작업을 하면된다.
//아래의 스크립중에서if (iSize < 20) 과 if (iSize > 6) 부분의 숫자를
변경하면 원하는 크기만큼 축소 확대가된다.
//아래의 스크립중에서(iSize + 1) 과 (iSize - 1) 부분의 숫자를
변경하면 원하는 보턴을 클릭할때 변경할 축소 확대 수치가된다.
//폰트확대
function FontPlus()
{
var l = document.getElementById('ContentsLayer');
var nSize = l.style.fontSize ? l.style.fontSize : '9pt';
var iSize = parseInt(nSize.replace('pt',''));
if (iSize < 20)
{
l.style.fontSize = (iSize + 1) + 'pt';
l.style.lineHeight = '140%';
}
}
//폰트축소
function FontMinus()
{
var l = document.getElementById('ContentsLayer');
var nSize = l.style.fontSize ? l.style.fontSize : '9pt';
var iSize = parseInt(nSize.replace('pt',''));
if (iSize > 6)
{
l.style.fontSize = (iSize - 1) + 'pt';
l.style.lineHeight = '140%';
}
}
================추가끝=======================================
================출력될 부분을 레이어로 감싼다================
<div id="ContentsLayer">
<!-- 내용 출력부분 -->
</div>
================레이어추가끝=================================
================보턴에 적용한다==============================
<input type="image" name="Plus" onclick="javascript:FontPlus();" src="<?=$board_skin?>/plus.gif" title="폰트확대" border="0" style="top:0;right:0;position:relative;" / >
<input type="image" name="Minus" onclick="javascript:FontMinus();" src="<?=$board_skin?>/mana.gif" title="폰트축소" border="0" style="top:0;right:0;position:relative;" / >
================보턴적용끝==================================
참고:위의 스크립트 소스는 킴스보드를 참고하였습니다.
G3에 올리면 포인트200점 G4는 300점이군요..ㅋ~@
호환용이니까...둘다올리면??....합이500점~~
댓글 6개
파티캐스트
20년 전
저도 적용 해보아야 겠네요 감사합니다.
20년 전
헙.. 잘 적용해봤습니다. 감사합니다.
20년 전
좋은 팁입니다...
18년 전
회원님 너무 어렵습니다. 자바스크립트 오류가 생기는데요
정확히 어느부분에 추가해줘야 하나요?
정확히 어느부분에 추가해줘야 하나요?
블루의기사
16년 전
글자 크기 변환 하기
12년 전
좋은 정보 감사합니다~~^^
게시판 목록
그누4 팁자료실
그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
나누면 즐거움이 커집니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 29 | 20년 전 | 4799 | ||
| 28 | 20년 전 | 6759 | ||
| 27 | 20년 전 | 5641 | ||
| 26 | 20년 전 | 4664 | ||
| 25 | 20년 전 | 8438 | ||
| 24 | 20년 전 | 7527 | ||
| 23 |
|
20년 전 | 7964 | |
| 22 | 20년 전 | 9588 | ||
| 21 | 20년 전 | 5917 | ||
| 20 | 20년 전 | 7917 | ||
| 19 | 20년 전 | 6365 | ||
| 18 | 20년 전 | 7400 | ||
| 17 | 20년 전 | 5570 | ||
| 16 | 20년 전 | 11133 | ||
| 15 |
|
20년 전 | 5292 | |
| 14 | 20년 전 | 15933 | ||
| 13 | 20년 전 | 7311 | ||
| 12 |
|
20년 전 | 5601 | |
| 11 | 20년 전 | 8375 | ||
| 10 | 20년 전 | 15259 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기