자유로운 폰트의 확대-축소
======적용될게시판의 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와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
나누면 즐거움이 커집니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3309 | 3년 전 | 1803 | ||
| 3308 | 11년 전 | 2091 | ||
| 3307 |
uPAmJ903
|
6년 전 | 4750 | |
| 3306 |
바른사나이
|
6년 전 | 3273 | |
| 3305 | 6년 전 | 12305 | ||
| 3304 | 7년 전 | 3702 | ||
| 3303 | 7년 전 | 3742 | ||
| 3302 |
지리산초보
|
7년 전 | 13596 | |
| 3301 |
sozet
|
8년 전 | 4901 | |
| 3300 |
sozet
|
8년 전 | 5971 | |
| 3299 |
sozet
|
8년 전 | 10862 | |
| 3298 | 8년 전 | 4015 | ||
| 3297 |
또치하우스
|
8년 전 | 4442 | |
| 3296 | 8년 전 | 11969 | ||
| 3295 |
또치하우스
|
8년 전 | 14985 | |
| 3294 | 8년 전 | 6024 | ||
| 3293 | 8년 전 | 5587 | ||
| 3292 |
|
9년 전 | 5316 | |
| 3291 | 9년 전 | 13677 | ||
| 3290 | 9년 전 | 5051 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기