스킨형 모서리가 둥근 박스 roundbox 정보
기타 스킨형 모서리가 둥근 박스 roundbox
관련링크
http://www.dppia.com/
221회 연결
첨부파일
본문
스킨형 라운드 박스 설치/사용법
설치
=====
1. 다운받은 압축 파일을 열어보면
+lib
+skin
폴더가 있다.
그누보드 루트에 그대로 덮어 씌워준다.
설치끝
사용법
======
1. 사용하고자 하는 페이지 상단에 아래 소스코드를 삽입한다.
--------------------------------------------------
<?
include_once("$g4[path]/lib/gnuwiki.lib.php");
?>
--------------------------------------------------
2. 박스를 사용하고자 하는 곳에 아래과 같이 사용한다.
---------------------------------------------------
<?$rbox = roundbox('69c','69c','3px')?> <!-- 라이브러리 함수 호출 -->
<?=$rbox[style]?> <!-- 스타일 선언 -->
<!-- 속이 빈 박스 -->
<div class="<?=$rbox[linebox]?>" style="width:300px; height:100px;">
roundbox('69c','69c','3px') <!-- 내용 -->
<?=$rbox[linecorner]?>
</div>
<!-- 속이 채워진 박스 -->
<div class="<?=$rbox[fillbox]?>" style="width:300px; height:100px;">
아무 내용이나 넣으시면 됩니다.
<?=$rbox[fillcorner]?>
</div>
---------------------------------------------------
3. 각 속성 설명
---------------------------------------------------
roundbox함수의 파라미터는 다음과 같다.
roundbox('속이 빈 박스 색','속이 채워진 박스 색','박스 라운드 두께');
반환값
-----------------------------------------------
$rbox[style] = 스타일 정의
$rbox[linebox] = 속이 빈 박스의 클래스명
$rbox[fillbox] = 속이 채워진 박스의 클래스명
$rbox[linecorner] = 속이 빈 박스의 모서리
$rbox[fillcorner] = 속이 채워진 박스의 모서리
------------------------------------------------
$rbox[style]은 반드시 정의하여 선언 해야 한다.
모서리를 둥글게 하는 $rbox[linecorner], $rbox[fillcorner]는 모서리 둥글게 처리하지 않으려면 삽입하지 않으면 된다.
현재 정의된 박스 두께와 색은 다음과 같다.
--------------------------------------------
#69c 3px
#9cf 3px
#9cf 3px
#ccc 3px
#999 3px
#666 3px
#333 3px
--------------------------------------------
정의되지 않은 색이나 두께를 파라미터로 넣으면 사각박스가 생성된다.
색을 정의하기 위해서는 skin/gnuwiki/roundbox/img/ 폴더에 정의된 파일명으로 파일을 넣어두면 된다.
정의된 파일명 형식은 다음과 같다.
--------------------------------------------
lt3px333.gif
lt - left top
3px - 3픽셀 두께
333 - 컬러값
--------------------------------------------
gif 파일로 업로드를 해야 한다.
위치값으로는 lt, rt, lb, rb가 있다.
4개의 파일을 모두 업로드 하면 원하는 크기와 색깔의 박스를 사용가능하다.
속이 채워진 박스 채워지지 않은 박스 두가지의 종류가 있다.
위 소스에 보는것 처럼 line과 fill로 나누어서 사용하면 된다.
4. 이제 내용 부분에 넣고 싶은 사항을 넣고 사용하면 된다. 어떠한 내용이 들어와도 상관 없다.
내용이 많아지면 박스의 크기가 늘어난다. 박스의 가로세로 크기는 자유롭다.
될수 있으면 박스의 너비와 높이는 지정해 주는 것이 좋다.
지정 하지 않아도 문제는 없지만 익스플로러에서 약간 이상하게 보이는 경우도 있다.
파이어폭스에서는 너비와 높이는 지정해주지 않아도 정상적으로 동작을 한다.
=======================================================
위는 압축 파일에 있는 설명서 파일의 내용입니다.
설명서 대로 따라하시면 됩니다.
저는 중복 방지를 위해 gnuwiki라는 폴더를 생성해서 했지만
경로는 잘만 수정하시면 어느곳에 업로드 하셔도 무관합니다.
=======================================================
라운드 박스 구동원리는
http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=15862
에 자세히 적어 두었습니다.
=======================================================
마음데로 쓰셔도 좋지만 출처는 밝혀주세요~~^^
설치
=====
1. 다운받은 압축 파일을 열어보면
+lib
+skin
폴더가 있다.
그누보드 루트에 그대로 덮어 씌워준다.
설치끝
사용법
======
1. 사용하고자 하는 페이지 상단에 아래 소스코드를 삽입한다.
--------------------------------------------------
<?
include_once("$g4[path]/lib/gnuwiki.lib.php");
?>
--------------------------------------------------
2. 박스를 사용하고자 하는 곳에 아래과 같이 사용한다.
---------------------------------------------------
<?$rbox = roundbox('69c','69c','3px')?> <!-- 라이브러리 함수 호출 -->
<?=$rbox[style]?> <!-- 스타일 선언 -->
<!-- 속이 빈 박스 -->
<div class="<?=$rbox[linebox]?>" style="width:300px; height:100px;">
roundbox('69c','69c','3px') <!-- 내용 -->
<?=$rbox[linecorner]?>
</div>
<!-- 속이 채워진 박스 -->
<div class="<?=$rbox[fillbox]?>" style="width:300px; height:100px;">
아무 내용이나 넣으시면 됩니다.
<?=$rbox[fillcorner]?>
</div>
---------------------------------------------------
3. 각 속성 설명
---------------------------------------------------
roundbox함수의 파라미터는 다음과 같다.
roundbox('속이 빈 박스 색','속이 채워진 박스 색','박스 라운드 두께');
반환값
-----------------------------------------------
$rbox[style] = 스타일 정의
$rbox[linebox] = 속이 빈 박스의 클래스명
$rbox[fillbox] = 속이 채워진 박스의 클래스명
$rbox[linecorner] = 속이 빈 박스의 모서리
$rbox[fillcorner] = 속이 채워진 박스의 모서리
------------------------------------------------
$rbox[style]은 반드시 정의하여 선언 해야 한다.
모서리를 둥글게 하는 $rbox[linecorner], $rbox[fillcorner]는 모서리 둥글게 처리하지 않으려면 삽입하지 않으면 된다.
현재 정의된 박스 두께와 색은 다음과 같다.
--------------------------------------------
#69c 3px
#9cf 3px
#9cf 3px
#ccc 3px
#999 3px
#666 3px
#333 3px
--------------------------------------------
정의되지 않은 색이나 두께를 파라미터로 넣으면 사각박스가 생성된다.
색을 정의하기 위해서는 skin/gnuwiki/roundbox/img/ 폴더에 정의된 파일명으로 파일을 넣어두면 된다.
정의된 파일명 형식은 다음과 같다.
--------------------------------------------
lt3px333.gif
lt - left top
3px - 3픽셀 두께
333 - 컬러값
--------------------------------------------
gif 파일로 업로드를 해야 한다.
위치값으로는 lt, rt, lb, rb가 있다.
4개의 파일을 모두 업로드 하면 원하는 크기와 색깔의 박스를 사용가능하다.
속이 채워진 박스 채워지지 않은 박스 두가지의 종류가 있다.
위 소스에 보는것 처럼 line과 fill로 나누어서 사용하면 된다.
4. 이제 내용 부분에 넣고 싶은 사항을 넣고 사용하면 된다. 어떠한 내용이 들어와도 상관 없다.
내용이 많아지면 박스의 크기가 늘어난다. 박스의 가로세로 크기는 자유롭다.
될수 있으면 박스의 너비와 높이는 지정해 주는 것이 좋다.
지정 하지 않아도 문제는 없지만 익스플로러에서 약간 이상하게 보이는 경우도 있다.
파이어폭스에서는 너비와 높이는 지정해주지 않아도 정상적으로 동작을 한다.
=======================================================
위는 압축 파일에 있는 설명서 파일의 내용입니다.
설명서 대로 따라하시면 됩니다.
저는 중복 방지를 위해 gnuwiki라는 폴더를 생성해서 했지만
경로는 잘만 수정하시면 어느곳에 업로드 하셔도 무관합니다.
=======================================================
라운드 박스 구동원리는
http://sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=15862
에 자세히 적어 두었습니다.
=======================================================
마음데로 쓰셔도 좋지만 출처는 밝혀주세요~~^^
추천
6
6
댓글 전체
알려 주셔서 감사합니다.
기존 latest 호출방식에서 변경할려면 어떻게 하는거죠?
예제 <?=latest("banner", '01_3', 2)?> 이런식일때 적용 방법 부탁드립니다.
기존 latest 호출방식에서 변경할려면 어떻게 하는거죠?
예제 <?=latest("banner", '01_3', 2)?> 이런식일때 적용 방법 부탁드립니다.
제가 질문의 의도를 잘 파악 못하겠했네요 ㅜㅜ
머리가 딸려서그런가...;;
이건 latest와는 별개의 것이라... 어떤것을 변경하신다는 것인지 잘 모르겠습니다.
머리가 딸려서그런가...;;
이건 latest와는 별개의 것이라... 어떤것을 변경하신다는 것인지 잘 모르겠습니다.
질문하는것도 알아야 하는데 죄송합니다.
게시물 최신글 출력할때 사용해볼려고 했는데 잘 안되서요?
게시물 최신글 출력할때 사용해볼려고 했는데 잘 안되서요?
아.. 어떤 의도로 질문 하셨는지 알겠습니다.
banner같은 최근 게시글을 박스로 둘러 싸고 싶다는 말씀이신것 같네요
간단합니다.
라이브러리 파일을 최상단에 인크루드 해주고
include_once("$g4[path]/lib/gnuwiki.lib.php");
원하는 색을 생각해서 라이브러리 함수를 호출합니다.
<?$rbox = roundbox('ccc','ccc','3px')?>
그런다음 스타일을 인크루드 해 줍니다.
<?=$rbox[style]?>
마지막으로 적용하는 방법은
<div class="<?=$rbox[linebox]?>" style="width:300px; height:100px;">
<?=latest("basic", 'cplus', 12, 70)?>
<?=$rbox[linecorner]?></div>
원하는 너비 높이를 설정하고 위와 같이 해주면 됩니다.
너비나 높이는 유동적이게 만들고 싶으시면 너비나 높이를 설정 안하시면 안한부분은 유동적으로 늘어났다 줄어들었다 하게 됩니다.
이렇게 적용하면
http://www.bequietzero.com/
의 최하단과 동일하게 됩니다.
간단하게 요약해보면
===========================================
<? include_once("$g4[path]/lib/gnuwiki.lib.php"); ?>
<?$rbox = roundbox('ccc','ccc','3px')?>
<?=$rbox[style]?>
<div class="<?=$rbox[linebox]?>" style="width:300px; height:100px;">
<?=latest("basic", 'cplus', 12, 70)?>
<?=$rbox[linecorner]?></div>
===========================================
이렇게 하면 된다는 것이죠..
이 방법은 latest의 전체를 박스로 감싸는 것입니다.
기존의 최근 게시글 스킨이 심플하게 목록만 출력 되는 것이면 이렇게 하고 패딩이나 마진만 주면 깔끔하게 적용이 됩니다.
그러나 기존의 최근게시글 스킨이 어느정도 디자인이 가미가 되어 있다면
latest.skin.php 파일에서 디자인을 좀 수정하고 위와 동일하게 적용해 주면됩니다.
banner같은 최근 게시글을 박스로 둘러 싸고 싶다는 말씀이신것 같네요
간단합니다.
라이브러리 파일을 최상단에 인크루드 해주고
include_once("$g4[path]/lib/gnuwiki.lib.php");
원하는 색을 생각해서 라이브러리 함수를 호출합니다.
<?$rbox = roundbox('ccc','ccc','3px')?>
그런다음 스타일을 인크루드 해 줍니다.
<?=$rbox[style]?>
마지막으로 적용하는 방법은
<div class="<?=$rbox[linebox]?>" style="width:300px; height:100px;">
<?=latest("basic", 'cplus', 12, 70)?>
<?=$rbox[linecorner]?></div>
원하는 너비 높이를 설정하고 위와 같이 해주면 됩니다.
너비나 높이는 유동적이게 만들고 싶으시면 너비나 높이를 설정 안하시면 안한부분은 유동적으로 늘어났다 줄어들었다 하게 됩니다.
이렇게 적용하면
http://www.bequietzero.com/
의 최하단과 동일하게 됩니다.
간단하게 요약해보면
===========================================
<? include_once("$g4[path]/lib/gnuwiki.lib.php"); ?>
<?$rbox = roundbox('ccc','ccc','3px')?>
<?=$rbox[style]?>
<div class="<?=$rbox[linebox]?>" style="width:300px; height:100px;">
<?=latest("basic", 'cplus', 12, 70)?>
<?=$rbox[linecorner]?></div>
===========================================
이렇게 하면 된다는 것이죠..
이 방법은 latest의 전체를 박스로 감싸는 것입니다.
기존의 최근 게시글 스킨이 심플하게 목록만 출력 되는 것이면 이렇게 하고 패딩이나 마진만 주면 깔끔하게 적용이 됩니다.
그러나 기존의 최근게시글 스킨이 어느정도 디자인이 가미가 되어 있다면
latest.skin.php 파일에서 디자인을 좀 수정하고 위와 동일하게 적용해 주면됩니다.
맞아요 감사합니다. 잘 사용해 보겠습니다.
적용해보니 잘됩니다. 그런데 익스플로러7 에선 라운드가 안되는게 맞는건가요??
아님 제가 적용이 잘못된건지요 모서리가 라운가 안되네요..
아님 제가 적용이 잘못된건지요 모서리가 라운가 안되네요..
아예 안된다면 파라미터 값을 잘못 넣으셨습니다^^
일단 제가 만들어 놓은 색상은
#69c 3px
#9cf 3px
#9cf 3px
#ccc 3px
#999 3px
#666 3px
#333 3px
이게 다 이기때문에 이거 이외의 것을 넣으려면 포토ㅤㅅㅑㅍ에서 약간의 작업을 거쳐야 합니다^^
일단 제가 만들어 놓은 색상은
#69c 3px
#9cf 3px
#9cf 3px
#ccc 3px
#999 3px
#666 3px
#333 3px
이게 다 이기때문에 이거 이외의 것을 넣으려면 포토ㅤㅅㅑㅍ에서 약간의 작업을 거쳐야 합니다^^
-----------------------------------------------------------------------------------------------------------------
<? include_once("$g4[path]/lib/gnuwiki.lib.php"); ?>
<?$rbox = roundbox('ccc','ccc','3px')?>
<?=$rbox[style]?>
<div class="<?=$rbox[linebox]?>" style="width:300px; height:100px;">
<?=latest("basic", 'cplus', 12, 70)?>
<?=$rbox[linecorner]?></div>
------------------------------------------------------------------------------------------------------------------
이걸 그대로 사용했는데 라운드가 아닌 각진 라운드가 되는데요?
스타일시트 적용 안된거 같기도 하구요?
<? include_once("$g4[path]/lib/gnuwiki.lib.php"); ?>
<?$rbox = roundbox('ccc','ccc','3px')?>
<?=$rbox[style]?>
<div class="<?=$rbox[linebox]?>" style="width:300px; height:100px;">
<?=latest("basic", 'cplus', 12, 70)?>
<?=$rbox[linecorner]?></div>
------------------------------------------------------------------------------------------------------------------
이걸 그대로 사용했는데 라운드가 아닌 각진 라운드가 되는데요?
스타일시트 적용 안된거 같기도 하구요?
스타일 시트가 적용이 안되었으면 박스 자체도 안보여야 할겁니다.
/skin/gnuwiki/roundbox/img 폴더내에
lt3pxccc.gif
rt3pxccc.gif
lb3pxccc.gif
rb3pxccc.gif
이 파일이 있는지 살펴 보세요..
안되는 URL을 알려주시면 살펴 보겠습니다.
/skin/gnuwiki/roundbox/img 폴더내에
lt3pxccc.gif
rt3pxccc.gif
lb3pxccc.gif
rb3pxccc.gif
이 파일이 있는지 살펴 보세요..
안되는 URL을 알려주시면 살펴 보겠습니다.
한가지 더 의심스러운 경우는 이미지 경로가 재대로 되었는지 여부입니다.
스타일시트 파일을 절대경로로 바꾸어서 한번 해보세요..
스타일시트 파일을 절대경로로 바꾸어서 한번 해보세요..
너무 좋아요~ 다용도로 사용하겠네요~
잘만사용하면 간단한 박스 그리는건 편하게 할수 있을거에요^^
잘 쓰겠습니다.
잘쓰겟스빈다 ㅎ
멋진 스킨이네요~
띠용 이제 봤네요 감사합니다^^;
멋져요~^^
