뚝딱뚝닥 웹 공장

모바일과 PC에서 각각 동작하는 CSS

2024-05-23T02:21:58+09:00

     .daerew {          background: #EEE;         text-align: justify;             }     @media only screen and (max-width: 767px) {  /* 모바일에서 작동 */         .daerew { padding: 0 3rem 5rem 3rem; }         }     @media all and (min-width:767px) { /* 데스크 탑에서 작동 */         .daerew { padding: 0 7rem 5rem 7rem; }         }

오래 전에는 홈페이지를 만들 때 모니터 크기가 다르고 브라우저가 다른 것을 고려해야 했다면,

이제는 모바일을 고려해야 하고 오히려 모바일 중심으로 만드는 것이 대세기 때문에 미디어쿼리가 필수적이다.

반응형 웹 CSS 미디어쿼리

2024-04-29T02:20:18+09:00

 @media all and (max-width: 1024px){ //브라우저 창 width가 1024px보다 작아지는 순간부터 적용 //태블릿 } @media all and (max-width: 768px){ //브라우저 창 width가 768px보다 작아지는 순간부터 적용 //모바일 } @media all and (min-width: 768px){ //브라우저 창 width가 768px보다 커지는 순간부터 적용 //태블릿 } @media all and (min-width: 1024px){ //브라우저 창 width가 1024px보다 커지는 순간부터 적용 //데스크탑 }

 .box{ width: 1000px; height: 800px; background-color: red; } @media all and(max-width: 960px){ .box{ width: 700px; background-color: blue; } } @media all and(max-width: 480px){ .box{ width: 300px; height: 400px; } }

 <body> <div class="box">box</div> </body>

화면 넓이가 960px일 경우 박스의 넓이가 줄어들고 배경색이 파란색으로 바뀐다.

높이는 800px이 그대로 적용되고 있음을 알 수 있다.

넓이가 480px보다 작아지면 넓이는 300px로 줄고 높이도 400px로 줄어든다.

배경색은 파란색이 유지되고 있다.

이처럼 미디어 쿼리에는 화면 넓이에 따라 바꿔야 할 css속성만 적어주면 이전에 설정한 값들은 그대로 적용됨을 알 수 있다. 화면 크기에 따라 미디어 쿼리를 오름차순, 혹은 내림차순으로 나열해 변경되는 요소들을 잘 작성해야 한다.

실무에서는 모바일 화면을 먼저 구현하고 데스크탑 화면으로 확장시키는 순으로 작업

Rhymix → Rhymix 마이그레이션 툴

2023-08-06T02:16:23+09:00

제로보드4에서 운영했던 여러 홈페이지들이 소실되고, 오류나고 폐쇄 시키고....

제로보드5를 잠시 맛만 본 후 XE로 직장 홈페이지를 만들어 10년(?) 가까이 운영했다.

XE 조차도 업데이트 지원이 끊기면서 Rhymix가 등장했지만,

이제 웹제작에서 손을 땐 지 너무 오래고 본업도 바쁜 관계로 관심을 가지지 않았었다.

어느 한가한 날에 '라이믹스'를 살펴보다 기존 XE 폴더 위에 덮어 씌우면 된다는 말에 NAS에 설치 해놓았던 저장용 사이트에 테스트를 하다가 복구할 수 없는 지경에 사이트 하나를 날려 먹었다.

PHP 버전이나 백엔드에 대해 완전 무지했던 탓에 서버 환경은 고려하지 않은 나의 잘못이겠지...

그리고 한참의 시간이 흐른 후 어느날 직장에서 운영하던 나스가 맛탱이가 가면서 홈페이지가 망가지기 일보직전까지 갔다. 즉시 파일과 DB를 백업하고 그 때부터 십 수년 만의 삽질이 다시 시작 되었다.

NAS를 살리기 위해 HDD를 구입하고 시간을 쓰고 며칠을 삽질했고...

겨우겨우 NAS를 살려놓고 백업해 둔 홈페이지를 살리기 위한 삽질을 10여 일을 넘겼다.

하~ NAS에서는 도저히 안되겠다 싶어서 또 십수년 만에 byus.net 에 계정도 만들었고

거기서 또 며칠의 삽질 끝에 겨우겨우 홈페이지를 복구 시켰다.

그런데 이번에는 용량 문제가 생겼다.

NAS에서 운영하던 홈페이지는 용량에 대해 자유로웠는데... 호스팅 계정은 500mb가 기본이었다.

급한대로 1gb로 용량을 증설하고 다시 NAS로 돌아가기 위해 또다시 며칠을 삽질

NAS에 복구 시키는 것까지 성공 시켰다.

DB를 이전하는 방식이 아닌 좀 노가다 스러워도 마이그레이션 툴이 있었으면 훨씬 쉽게 되었을텐데 하는 아쉬움이 남아 XE타운에 글을 남겼더니 '똑띠'님이 자료를 공유해 주셨다.

아래 마이그레이션 툴은 XE → Rhymix 가 아니라 Rhymix → Rhymix 마이그레이션 툴이다.

migration.zip

반응형 웹페이지 드롭 칼럼

2021-04-02T02:14:10+09:00

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>반응형 웹페이지 드롭 칼럼</title>

<style>
* {
margin: 0;
padding: 0;
}

#box_a {
height: 400px;
background: #ff9900;
width: 35%;
float: left;
}

#box_b {
height: 400px;
background: #eee;
width: 30%;
float: left;
}

#box_c {
height: 400px;
background: #f00000;
width: 35%;
float: right;
}

@media screen and (max-width: 1024px) {
#box_b {
float: none;
width: auto;
}

#box_c {
float: none;
clear: both;
width: auto;
}
}

@media screen and (max-width: 800px) {
#box_a {
float: none;
width: auto;
}
}
</style>
</head>

<body>
<div id="box_a">
1<br>
동해물과 백두산이 마르고 닳도록<br>
하느님이 보우하사 우리나라 만세.<br>
무궁화 삼천리 화려강산<br>
대한 사람, 대한으로 길이 보전하세
</div>

<div id="box_b">
2<br>
남산 위에 저 소나무, 철갑을 두른 듯<br>
바람서리 불변함은 우리 기상일세.<br>
무궁화 삼천리 화려강산<br>
대한 사람, 대한으로 길이 보전하세
</div>

<div id="box_c">
3<br>
가을 하늘 공활한데 높고 구름 없이<br>
밝은 달은 우리 가슴 일편단심일세.<br>
무궁화 삼천리 화려강산<br>
대한 사람, 대한으로 길이 보전하세
</div>
</body>
</html>

서버 이전 후 이미지 깨짐 현상 / 경로 일괄 변경

2019-06-21T02:08:30+09:00

서버를 이전하거나 도메인을 변경하고 나면 기존 홈페이지에 있던 이미지들이 엑스박스로 뜨는 경우가 많다.

서버 이전이나 도메인 변경이 있으면 절대경로는 바뀌기 때문에 이미지 경로도 함께 바뀌는 현상이다.

AAA.com 에서 BBB.com 으로 홈페이지를 옮기면 기존 이미지 주소가 AAA.com/img/sajin.jpg 로 남아 있기 때문에 발생하는 현상이다. 게시물의 경우 한 수많은 게시물을 일일이 변경해주기 어려우니 phpMyadmin에서 일괄적으로 변경할 수 있다.

물로 불의의 사태를 방지하기 위해 작업 전에 DB를 백업하시라....

UPDATE xe_documents SET content = REPLACE(content, '이전 도메인', '새 도메인');

예제) UPDATE taekwondo_documents SET content = REPLACE( content, 'https://도메인/./files', './files' )

Synologe NAS에서 홈페이지 운영 시 크롬에서 보안경고 없애기

2019-01-21T01:58:16+09:00

Synology NAS에 XE를 설치하고 홈페이지를 만들고 도메인을 연결시켰다.

어느부턴가 크롬에서 홈페이지 주소로 접속하면 주소창에 "▲ 주의 요함 | ~~Https~~://www.daerew.com"이런 식으로 빨간색 표시가 주소 앞에 나타났다. 심지어 페이지가 뜨지 않고 "연결이 비공개로 설정되어 있지 않습니다."라는 경고 페이지로 들어가기도 했다.

이 문제를 해결하기 위해 알아보니 SSL 공인 인증과 관련된 문제인 것 같았다. 꽤나 오래 홈페이지를 만져왔지만 SSL은 들어만 봤지 뭐가뭔지 알 수 가 없었다.

불편한체로 그냥 지낼까 싶다가도 계속해서 눈에 거슬리고 방문자들이 들어오다가 경고페이지 때문에 돌아갈 것 같아 폭풍검색으로 해결책을 모색했다.

답은 의외로 간단했다. NAS 설정에서 손쉽게 해결할 수 있는 문제였다.

▼ 아래와 같이 주소 창에 잘 표나지 않게 "주의 요함"이라고 뜬다.

▼ 주소창에 빨간 글씨로 경고가 뜨면서 경고 페이지를 거쳐서 억지로 들어가야 할 때도 있다.

▼ NAS에 접속해서 [제어판]-[보안]-[인증서] 탭으로 들어간다.

▼ 인증서 탭에서 [추가]-[새 인증서 추가]를 선택

▼ [자체 서명 인증서 생성] or [Let's Encrypt에서 인증서 얻기] 중 하나로 인증서를 만든다. 나는 둘 다 해봐도 둘 다 됐던 것 같다.

▼ [구성]으로 들어가서 홈페이지 주소 옆에 인증서를 생성된 인증서로 선택해 준다.

▼ 아래와 같이 까만색 좌물쇠가 생기며 보안 인증에 성공

Synology NAS에 도메인 연결하기

2018-09-15T19:45:20+09:00

본업에 바빠 다른 것에 신경 쓸 겨를이 없다 보니 웹 생태계가 많이 바뀌어 뭐 하나 하려 해도 공부하고 폭풍검색을 해야 한다. ㅜ.ㅜ

사실 이것은 내가 하는 방식이 맞는지 확신이 서지 않는다. 다만, 나는 잘 사용하고 있기에 정보를 찾아 헤매는 하이에나에게는 꿀팁일 수도 있기에 나름 정리해 보았다. 물어봐도 잘 모르니 안 된다고 물어보기 없기!

시놀로지 NAS에 XpressEngine을 설치하고 이것은 개인이 가지고 있는 도메인(aaa.com)과 연결하는 방법이다. 예전에는 제법 절차가 복잡해서 엄두를 못 내고 있다가... DSM이 업데이트되면서 쉽게 설정할 수 있도록 바뀌었나 보다.

시놀로지 포럼카페에 있는 글을 보고 참조했다. https://cafe.naver.com/synologynas/73464

나는 'XE'나 별도의 폴더를 만들지 않고 WEB 폴더에 XE 파일을 그대로 올렸다. 홈페이지를 여러 개 사용한다면 폴더를 만들어서 나눠야 하지만, 나는 하나만 운영할 것이기에….

일단 외부접속을 위한 DDNS 설정을 해놓은 상태다. abc.synology.me 뭐 이런 거

….

▲ 도메인등록 사이트에서 DNS 설정 화면으로 들어가서 위 그림과 같이 설정을 해준다.

이때 TTL 값(위 그림의 1800)을 기억해 둔다. 이것은 같은 도메인 없체라도 [레코드 추가]할 때 설정에 따라 다르다.

http://www.Dynu.com 홈페이지에 가입한다.

▲ 로그인 후 관리 화면으로 들어가 [DDNS SERVICE]를 선택한다.

▲ 'Option2'란에 본인의 도메인을 입력하고 [Add] 로 들어간다.

▲ IPv4 Address에 NAS 외부 접속 IP를 적고 [Save] 선택.

IP 모르면 NAS의 [제어판]-[외부엑세스]에서 확인할 수 있다.

▲ [Type]에 'CNAME' 선택하고 [TTL]에 도메인 등록 사이트에서 확인했던 TTL 값을 넣어 준다.

[Hostname]은 도메인 주소다.

여기까지 설정한 후 [DDNS]-[SETUP] 메뉴로 들어간다.

▲ 우측 하단에 있는 서브 메뉴들을 눌러 다음과 같이 들어 간다. [Router/Firewall]-[SynologyNAS]

▲ Query URL: http://api.dynu.com/nic/update?

쿼리 URL 값을 복사한다.

이제 시놀로지 설정으로 들어 간다.

▲ DSM에서 [제어판]-[외부 엑세스]-[사용자 지정]을 선택한다.

▲ 서비스 제공업체에 dynu.com을 입력하고

쿼리 URL에 좀 전에 복사했던 값을 붙여 넣고 저장한다.

http://api.dynu.com/nic/update?

▲ DDNS 등록하면서 서비스 제공업체에 방금 등록한 dynu.com이 들어 있다.

본인 도메인을 등록하면 된다.

- 끝 -

XE 이미지 좌측 정렬시 내용이 적으면 아래부분 올라오는 문제 해결법

2012-01-02T19:45:28+09:00

위 그림과 같이 이미지를 좌측으로 정렬하면 내용 아래에 있어야 할 첨부파일 부분이 올라오는 현상이 있습니다.

html 작성으로 태그로 커버할 수 있지만 매번 그렇게 하는 것이 번거롭다면 스킨파일을 약간 손 보면 됩니다.

위의 문제는 div + css 조합으로 스킨이 만들어지다보니 생기는 문제인 듯합니다.

스킨파일의 view_document.html 파일을 열어 102 라인의 {$oDocument->getContent()} 를 찾습니다.

아래와 같이 소스를 삽입하면 됩니다.

{$oDocument->getContent()}
                    <div style="clear:both;"></div>

여기에서는 view_document.html 파일에 직접 스타일을 적용했지만, css와 따로 분리해서 넣어도 되겠지요?

css 에 클래스를 만들어 넣고 <div class="클래스명"></div> 이 부분만 넣어도 됩니다.

게시물별로 따로 설정하고 싶으면 위의 소스를 html작성에서 맨 아래에 넣어주면 되겠죠? ^^

XE 기본 카운터의 방문자 / 페이지뷰 출력하고 수정하기

2012-01-02T19:42:53+09:00

전체 방문자수 출력하기 : {number_format($total_counter->unique_visitor)}

오늘 방문자수 출력하기 : {number_format($today_counter->unique_visitor)}

어제 방문자수 출력하기 : {number_format($yesterday_counter->unique_visitor)}

전체 페이지뷰 출력하기 : {number_format($total_counter->pageview)}

오늘 페이지뷰 출력하기 : {number_format($today_counter->pageview)}

어제 페이지뷰 출력하기 : {number_format($yesterday_counter->pageview)}

"제로카운터"에서는 최고방문자와 최고페이지뷰 기능도 있었는데 XE기본 카운터에는 없는 것 같네요?

위에서 방문자수나 페이지뷰 수를 조절하기 위해서는 DB를 손대는 방법도 있지만, 간편하게 할 수도 있습니다.

전체 방문자수 출력하기 : {number_format(530107+$total_counter->unique_visitor)}

위와 같이 빨간색 부분의 숫자를 통해 자유롭게 수정할 수 있습니다.

제가 제로카운터에서도 같은 방법을 사용했었지요... ^^

XE 소스 수정 없이 카테고리 자동 선택하기

2012-01-02T19:41:16+09:00

워낙 간단해서 팁이랄 것도 없지만, XE를 꽤나 사용해 온 저로서도 우연히 발견해서 알게 된 부분이라 모르시는 분들이 적지 않으리라 여깁니다.

보통 게시물이 하나 둘이면 문제 없겠지만, 다수의 게시물을 등록할 경우 일일이 카테고리를 선택하는 것은 여간 번거로운 일이 아닙니다.

소스를 수정을 통해 기본 카테고리를 지정해 주는 방법도 있지만, 이 또한, 특정 카테고리만 지정을 해 놓은 것이니 불편할 수 있습니다.

이럴 때 소스 수정도 필요없이 원할 때 원하는 카테고리에 카테고리 선택없이 등록할 수 있는 벙법입니다.

▲ 게시물 등록에 앞서 카테고리를 먼저 선택한다.

▼ 카테고리를 먼저 선택하고 게시물 등록을 선택하면 카테고리가 선택된 상태에서 글을 등록할 수 있다.

rewrite rule 예외처리하기

2012-01-02T19:39:44+09:00

RewriteCond $1 !^(daerew.php|image|css|daerew.txt)

위 구문은 daerew.php, daerew.txt, image폴더, css폴더 다음 라인에서 나오는 rewrite rule에서 예외하라는 의미이다.

일러스트에서 아웃라인 따는 방법

2011-02-10T18:20:44+09:00

텍스트 선택 상황에서 아래의 단축키를 누른다.

Ctrl + Shift + O

소스 수정 없이 카테고리 자동 선택하기

2010-07-11T22:59:00+09:00

게시물이 하나 둘이면 문제 없겠지만, 다수의 게시물을 등록할 경우 일일이 카테고리를 선택하는 것은 여간 번거로운 일이 아닙니다.

소스를 수정을 통해 기본 카테고리를 지정해 주는 방법도 있지만, 이 또한, 특정 카테고리만 지정을 해 놓은 것이니 불편할 수 있다.

이럴 때 소스 수정도 필요없이 원할 때 원하는 카테고리에 카테고리 선택없이 등록할 수 있는 벙법이다.

▲ 게시물 등록에 앞서 카테고리를 먼저 선택한다.

▼ 카테고리를 먼저 선택하고 게시물 등록을 선택하면 카테고리가 선택된 상태에서 글을 등록할 수 있다.

[실험용] 대류커뮤니티 v4 레이아웃 v1.2 + (레이어) 2차 메뉴지원

2010-06-04T02:37:51+09:00

이 레이아웃은 번외버젼 입니다.

레이아웃 학습용으로 제작한 것입니다.

디자인이 실제 사용하기에는 부족함이 많습니다. ^^;

daerew_v4_layout_layermenu.zip

대류커뮤니티 v4 레이아웃 v1.2

2010-06-04T01:03:01+09:00

개선 된 부분

v1.1

1. 설정하지 않은 기본 레이아웃에 메뉴 배경을 넣어 좀 형태를 갖춘 모양새

2. 설정하지 않은 기본 레이아웃에 사용된 이미지 변경

3. 쉬운 설치와 버젼 관리를 위한 폴더명 변경과 info.xml 수정

v1.2

1. 서브메뉴(2차메뉴) 아래에 3차 메뉴 지원 (아래 그림과 같이)

배너에 사용했던 버튼

2010-05-23T00:07:26+09:00

이미지 좌측 정렬시 내용이 적으면 아래부분 올라오는 문제 해결법

2010-04-11T21:29:51+09:00

위 그림과 같이 이미지를 좌측으로 정렬하면 내용 아래에 있어야 할 첨부파일 부분이 올라오는 현상이 있습니다.
html 작성으로 태그로 커버할 수 있지만 매번 그렇게 하는 것이 번거롭다면 스킨파일을 약간 손 보면 됩니다.

위의 문제는 div + css 조합으로 스킨이 만들어지다보니 생기는 문제인 듯합니다.

스킨파일의 view_document.html 파일을 열어 102 라인의 {$oDocument->getContent()} 를 찾습니다.
아래와 같이 소스를 삽입하면 됩니다.

{$oDocument->getContent()}
                    <div style="clear:both;"></div>

여기에서는 view_document.html 파일에 직접 스타일을 적용했지만, css와 따로 분리해서 넣어도 되겠지요?
css 에 클래스를 만들어 넣고 <div class="클래스명"></div> 이 부분만 넣어도 됩니다.

게시물별로 따로 설정하고 싶으면 위의 소스를 html작성에서 맨 아래에 넣어주면 되겠죠? ^^

XE 메뉴 출력 형식

2010-04-09T13:32:01+09:00

<ul>
 //레이아웃 관리에서 설정된 메뉴명에 있는 값들을 가져옴

{@ $menu_1st = $val }
    
    <li
     //현재 그 메뉴가 현재 페이지라면
    class="on" //클래스 on (스타일에서 on을 굵게처리하거나 알아서)
    
     ><a href="{$val['href']}" onfocus="this.blur()" //메뉴 링크걸기
     // 메뉴설정에서 새창으로 설정되어 있다면
    onclick="window.open(this.href);return false;"
    
    >{$val['link']}</a>
    </li>
    
    
    
</ul>

대류커뮤니티 v4에 사용된 계정 및 DB현황 출력

2010-03-29T00:58:48+09:00

첨부된 파일을 다운받아 압축을 풀고 에디터로 열어 자신의 환경에 맞게 수정해야 합니다.

$host="localhost";       // 호스트명.
$user_name="";     // 자신의 계정 아이디를 적으시면 됩니다.
$db_name="";       // 자신의 MySQL DB 아이디를 적으세요.
$db_password=""; // 자신의 DB의 패스워드 입니다.

위의 부분을 찾아 자신의 계정 환경에 맞게 입력합니다.

$throttle = "자신의 홈페이지주소/throttle-me/";

그리고 트래픽 사용량을 출력하기 위해 위의 부분을 찾아 자신의 홈페이지 주소를 입력합니다.

http:// 부터 모두 입력해야 합니다.

트래픽 사용량을 확인하기 위해서는 계정에 throttle-me이 설치되어 있어야 합니다.

비누넷 웹호스팅을 이용하시는 분들은 그냥 사용하시면 됩니다.

다른 계정에서는 모르겠습니다.

자신의 환경과 맞지 않는 부분이 있을 경우 해당 부분을 주석처리 하거나 삭제한 후에 환경에 맞는 부분만 사용하시면 됩니다.

초보들이 사용하기에는 어려울 수 있습니다.

PHP에 대한 이해가 있는 분만 사용하세요.

XpressEngine 레이아웃에 적용할 때는 아래의 코드를 원하는 위치에 넣으시면 됩니다.

저는 아래와 같이 로그인 출력 아래 부분에 넣었습니다.

대류의 카운터 위젯 스킨

2010-03-28T19:03:59+09:00

대류커뮤니티 v4에 사용하고 있는 카운터 위젯의 스킨입니다.

설치경로 ./widgets/counter_status/skins/

대류의 웹진형 최근 문서 / 공지사항 출력 content 위젯 스킨

2010-03-28T18:54:25+09:00

대류커뮤니티 v4에 사용하기 위해 작업한 웹진 형태의 최근 게시물 스킨입니다.

일반적인 웹진형태와 중요 공지 사항에 적합하도록 제목을 박스로 감싸 강조한 공지사항 형태로 두 가지가 들어가 있습니다.

이 스킨은 돌립적으로 사용하는 것이 아니라 content 위젯의 스킨입니다.

설치 경로 widgets/content/skins/

개인적인 용도로 제작한 것이라 어떤 문제가 발생할지 모르겠네요...

설정에서 탭형태 없음으로 하세요... - 설정을 다르게 할 경우 출력되지 않거나 상자가 높이가 1로 바뀌는 문제가 발생할 수 있습니다.

대류커뮤니티 v4 레이아웃 스킨 v1.1

2010-03-28T18:14:07+09:00

기본 상태

디자인을 입힌 상태

XpressEngine에 대한 이해와 실력이 부족해서 한계를 많이 느낍니다.

1. 이 레이아웃 스킨은 이미지 메뉴 사용만을 목적으로 제작되었습니다. 따라서 아래의 그림 설명과 같이 이미지 메뉴를 등록해서 사용하세요.

2. 메뉴 바로 아배부분에 큰 배너 이미지와 로그인 하단에 서브 페이지 표시 역시 이미지를 만들어서 등록하셔야 합니다.

3. 이 모든 것은 레이아웃 설정 화면에서 제어합니다.

4. 처음 디자인을 잡는 것이 어렵다면 2010년 3월 현재의 제 홈페이지(대류커뮤니티)나 http://www.daerew.com/39799 을 보시고 참조하시면 도움이 될 것입니다.

개선 된 부분

v1.1

1. 설정하지 않은 기본 레이아웃에 메뉴 배경을 넣어 좀 형태를 갖춘 모양새

2. 설정하지 않은 기본 레이아웃에 사용된 이미지 변경

3. 쉬운 설치와 버젼 관리를 위한 폴더명 변경과 info.xml 수정

내용 보기에서 확장변수

2010-03-28T01:16:28+09:00

{$oDocument->getExtraValueHTML(1)}

위에서 (1)의 숫자를 조절한다.

레이아웃에서 권한에 따라 원하는 내용 출력하기

2010-03-28T01:11:30+09:00

{$content}

권한이 없을 때 출력될 내용

레이아웃 제작 시 권한이 있는 경우에는 {$content}를 출력하고 권한이 없는 경우 원하는 내용 출력하기

회원가입 시 입력받은 변수 출력

2010-03-28T01:04:09+09:00

{$logged_info->daerew}


위에서 daerew 부분이 변수명...

글쓰기 폼에서 확장변수

2010-03-28T01:01:30+09:00

{$extra_keys[1]->name}
{$extra_keys[1]->getFormHTML()}

위의 [1] 숫자 조절을 통해 확장 변수를 추가하면 된다.

대류커뮤니티 v4 로그인 위젯 스킨 v1.0

2010-03-07T00:46:41+09:00

대류커뮤니티 v3.7과 v4.x에 사용된 외부 로그인 디자인 입니다.

XpressEngine 용으로 위젯 스킨으로 제작하였습니다.

개인적인 용도로 사용하기 위해 만들다보니 오픈아이디는 지원하지 않습니다.

시간되시면 누가 좀 만들어 주시면 좋겠네요... ^^;

다운로드 : daerew_v4_login.zip

▼ 대류커뮤니티에 적용 된 스크린샷

대류커뮤니티 v4 레이아웃 스킨 v1.0

2010-03-07T00:32:53+09:00

아무것도 등록하지 않은 상태

이미지를 디자인해서 입힌 상태

대류커뮤니티 v4.x 에 사용 된 레이아웃 스킨입니다.

제로보드4에서 XpressEngine으로 옮기기 위해 기존 홈페이지 디자인을 XpressEngine 레이아웃 스킨으로 만들었습니다.

이 레이아웃은 메뉴에 이미지를 등록하고 사용해야 합니다.

개인적인 용도로 제작된 것이라 텍스트 형태의 메뉴는 고려하지 않았습니다. (기술 부족 ㅜ,.ㅜ)

포토샵으로 디자인을 입혀야 제 형태를 갖출 수 있습니다.

어찌보면 XpressEngine이 추구하는 것과는 다른 방향일지도 모른다고 생각하지만, 그래도 고생해서 만들었고, 이런 형태를 찾으시는 분들도 계시리라 생각해서 용기내어 올려봅니다.

이쁘게 봐주세요 ^^;

XE에서 변수 활용하기

2010-02-28T02:56:59+09:00

<div id="top_menu" >
<ul>
  
   
   {@ $menu_1st = $val }
   <li>   <a href="{$val['href']}" onclick="window.open(this.href);return false;">{$val['link']}</a></li>
  
</ul>
</div>
<div id="container">
<div id="head">
  <div id="menu" >
   
   <ul>
    <li><a href="Main"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/f01.gif" class="img_menu1" alt="홈으로" /></a></li>
    <li><a href="Love"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/01.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/11.png" onmouseout="this.src='layouts/daerew_v4/image/menu/01.png" alt="사랑과전쟁" /></a></li>
    <li><a href="Daerew"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/02.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/22.png" onmouseout="this.src='layouts/daerew_v4/image/menu/02.png" alt="커다란흐름" /></a></li>
    <li><a href="PhotoGallery"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/03.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/33.png" onmouseout="this.src='layouts/daerew_v4/image/menu/03.png" alt="사진첩" /></a></li>
    <li><a href="Scrap"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/04.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/44.png" onmouseout="this.src='layouts/daerew_v4/image/menu/04.png" alt="간직하는글" /></a></li>
    <li><a href="Web"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/05.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/55.png" onmouseout="this.src='layouts/daerew_v4/image/menu/05.png" alt="웹제작" /></a></li>
    <li><a href="Data"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/06.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/66.png" onmouseout="this.src='layouts/daerew_v4/image/menu/06.png" alt="자료실" /></a></li>
    <li><a href="Community"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/07.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/77.png" onmouseout="this.src='layouts/daerew_v4/image/menu/07.png" alt="커뮤니티" /></a></li>
   </ul>
   
   <ul>
    <li><a href="Main"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/f02.gif" class="img_menu1" title="홈으로" alt="대류공간" /></a></li>
    <li><a href="Love"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/on1.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/11.png" onmouseout="this.src='layouts/daerew_v4/image/menu/on1.png" alt="사랑과전쟁" /></a></li>
    <li><a href="Daerew"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/12.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/22.png" onmouseout="this.src='layouts/daerew_v4/image/menu/12.png" alt="커다란흐름" /></a></li>
    <li><a href="PhotoGallery"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/13.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/33.png" onmouseout="this.src='layouts/daerew_v4/image/menu/13.png" alt="사진첩" /></a></li>
    <li><a href="Scrap"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/14.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/44.png" onmouseout="this.src='layouts/daerew_v4/image/menu/14.png" alt="간직하는글" /></a></li>
    <li><a href="Web"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/15.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/55.png" onmouseout="this.src='layouts/daerew_v4/image/menu/15.png" alt="웹제작" /></a></li>
    <li><a href="Data"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/16.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/66.png" onmouseout="this.src='layouts/daerew_v4/image/menu/16.png" alt="자료실" /></a></li>
    <li><a href="Community"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/17.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/77.png" onmouseout="this.src='layouts/daerew_v4/image/menu/17.png" alt="커뮤니티" /></a></li>
   </ul>
   
   <ul>
    <li><a href="Main"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/f03.gif" class="img_menu1" title="홈으로" alt="포토갤러리" /></a></li>
    <li><a href="Love"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/21.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/11.png" onmouseout="this.src='layouts/daerew_v4/image/menu/21.png" alt="사랑과전쟁" /></a></li>
    <li><a href="Daerew"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/on2.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/22.png" onmouseout="this.src='layouts/daerew_v4/image/menu/on2.png" alt="커다란흐름" /></a></li>
    <li><a href="PhotoGallery"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/23.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/33.png" onmouseout="this.src='layouts/daerew_v4/image/menu/23.png" alt="사진첩" /></a></li>
    <li><a href="Scrap"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/24.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/44.png" onmouseout="this.src='layouts/daerew_v4/image/menu/24.png" alt="간직하는글" /></a></li>
    <li><a href="Web"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/25.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/55.png" onmouseout="this.src='layouts/daerew_v4/image/menu/25.png" alt="웹제작" /></a></li>
    <li><a href="Data"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/26.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/66.png" onmouseout="this.src='layouts/daerew_v4/image/menu/26.png" alt="자료실" /></a></li>
    <li><a href="Community"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/27.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/77.png" onmouseout="this.src='layouts/daerew_v4/image/menu/27.png" alt="커뮤니티" /></a></li>
   </ul>
   
   <ul>
    <li><a href="Main"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/f04.gif" class="img_menu1" title="홈으로" alt="간직하는글" /></a></li>
    <li><a href="Love"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/31.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/11.png" onmouseout="this.src='layouts/daerew_v4/image/menu/31.png" alt="사랑과전쟁" /></a></li>
    <li><a href="Daerew"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/32.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/22.png" onmouseout="this.src='layouts/daerew_v4/image/menu/32.png" alt="커다란흐름" /></a></li>
    <li><a href="PhotoGallery"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/on3.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/33.png" onmouseout="this.src='layouts/daerew_v4/image/menu/on3.png" alt="사진첩" /></a></li>
    <li><a href="Scrap"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/34.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/44.png" onmouseout="this.src='layouts/daerew_v4/image/menu/34.png" alt="간직하는글" /></a></li>
    <li><a href="Web"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/35.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/55.png" onmouseout="this.src='layouts/daerew_v4/image/menu/35.png" alt="웹제작" /></a></li>
    <li><a href="Data"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/36.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/66.png" onmouseout="this.src='layouts/daerew_v4/image/menu/36.png" alt="자료실" /></a></li>
    <li><a href="Community"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/37.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/77.png" onmouseout="this.src='layouts/daerew_v4/image/menu/37.png" alt="커뮤니티" /></a></li>
   </ul>
   
   <ul>
    <li><a href="Main"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/f05.gif" class="img_menu1" title="홈으로" alt="웹스터디" /></a></li>
    <li><a href="Love"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/41.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/11.png" onmouseout="this.src='layouts/daerew_v4/image/menu/41.png" alt="사랑과전쟁" /></a></li>
    <li><a href="Daerew"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/42.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/22.png" onmouseout="this.src='layouts/daerew_v4/image/menu/42.png" alt="커다란흐름" /></a></li>
    <li><a href="PhotoGallery"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/43.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/33.png" onmouseout="this.src='layouts/daerew_v4/image/menu/43.png" alt="사진첩" /></a></li>
    <li><a href="Scrap"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/on4.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/44.png" onmouseout="this.src='layouts/daerew_v4/image/menu/on4.png" alt="간직하는글" /></a></li>
    <li><a href="Web"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/45.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/55.png" onmouseout="this.src='layouts/daerew_v4/image/menu/45.png" alt="웹제작" /></a></li>
    <li><a href="Data"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/46.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/66.png" onmouseout="this.src='layouts/daerew_v4/image/menu/46.png" alt="자료실" /></a></li>
    <li><a href="Community"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/47.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/77.png" onmouseout="this.src='layouts/daerew_v4/image/menu/47.png" alt="커뮤니티" /></a></li>
   </ul>
   
   <ul>
    <li><a href="Main"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/f06.gif" class="img_menu1" title="홈으로" alt="태권도" /></a></li>
    <li><a href="Love"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/51.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/11.png" onmouseout="this.src='layouts/daerew_v4/image/menu/51.png" alt="사랑과전쟁" /></a></li>
    <li><a href="Daerew"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/52.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/22.png" onmouseout="this.src='layouts/daerew_v4/image/menu/52.png" alt="커다란흐름" /></a></li>
    <li><a href="PhotoGallery"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/53.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/33.png" onmouseout="this.src='layouts/daerew_v4/image/menu/53.png" alt="사진첩" /></a></li>
    <li><a href="Scrap"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/54.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/44.png" onmouseout="this.src='layouts/daerew_v4/image/menu/54.png" alt="간직하는글" /></a></li>
    <li><a href="Web"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/on5.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/55.png" onmouseout="this.src='layouts/daerew_v4/image/menu/on5.png" alt="웹제작" /></a></li>
    <li><a href="Data"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/56.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/66.png" onmouseout="this.src='layouts/daerew_v4/image/menu/56.png" alt="자료실" /></a></li>
    <li><a href="Community"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/57.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/77.png" onmouseout="this.src='layouts/daerew_v4/image/menu/57.png" alt="커뮤니티" /></a></li>
   </ul>
   
   <ul>
    <li><a href="Main"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/f07.gif" class="img_menu1" title="홈으로" alt="서비스" /></a></li>
    <li><a href="Love"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/61.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/11.png" onmouseout="this.src='layouts/daerew_v4/image/menu/61.png" alt="사랑과전쟁" /></a></li>
    <li><a href="Daerew"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/62.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/22.png" onmouseout="this.src='layouts/daerew_v4/image/menu/62.png" alt="커다란흐름" /></a></li>
    <li><a href="PhotoGallery"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/63.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/33.png" onmouseout="this.src='layouts/daerew_v4/image/menu/63.png" alt="사진첩" /></a></li>
    <li><a href="Scrap"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/64.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/44.png" onmouseout="this.src='layouts/daerew_v4/image/menu/64.png" alt="간직하는글" /></a></li>
    <li><a href="Web"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/65.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/55.png" onmouseout="this.src='layouts/daerew_v4/image/menu/65.png" alt="웹제작" /></a></li>
    <li><a href="Data"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/on6.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/66.png" onmouseout="this.src='layouts/daerew_v4/image/menu/on6.png" alt="자료실" /></a></li>
    <li><a href="Community"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/67.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/77.png" onmouseout="this.src='layouts/daerew_v4/image/menu/67.png" alt="커뮤니티" /></a></li>
   </ul>
   
   <ul>
    <li><a href="Main"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/f08.gif" class="img_menu1" title="홈으로" alt="커뮤니티" /></a></li>
    <li><a href="Love"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/71.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/11.png" onmouseout="this.src='layouts/daerew_v4/image/menu/71.png" alt="사랑과전쟁" /></a></li>
    <li><a href="Daerew"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/72.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/22.png" onmouseout="this.src='layouts/daerew_v4/image/menu/72.png" alt="커다란흐름" /></a></li>
    <li><a href="PhotoGallery"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/73.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/33.png" onmouseout="this.src='layouts/daerew_v4/image/menu/73.png" alt="사진첩" /></a></li>
    <li><a href="Scrap"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/74.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/44.png" onmouseout="this.src='layouts/daerew_v4/image/menu/74.png" alt="간직하는글" /></a></li>
    <li><a href="Web"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/75.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/55.png" onmouseout="this.src='layouts/daerew_v4/image/menu/75.png" alt="웹제작" /></a></li>
    <li><a href="Data"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/76.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/66.png" onmouseout="this.src='layouts/daerew_v4/image/menu/76.png" alt="자료실" /></a></li>
    <li><a href="Community"><img src="http://www.daerew.com/layouts/daerew_v4/image/menu/on7.png" class="img_menu2" onmouseover="this.src='layouts/daerew_v4/image/menu/77.png" onmouseout="this.src='layouts/daerew_v4/image/menu/on7.png" alt="커뮤니티" /></a></li>
   </ul>
   
  </div>
  <div id="top_banner" >
  
   <img src="image/banner_top/top_banner_main.png" class="img_top_banner" alt="대류커뮤니티" />
   <img src="image/banner_top/top_banner_lovestory.png" class="img_top_banner" alt="사랑과전쟁" />
   <img src="image/banner_top/top_banner_daerew.png" class="img_top_banner" alt="커다란흐름" />
   <img src="image/banner_top/top_banner_photo.png" class="img_top_banner" alt="사진첩" />
   <img src="image/banner_top/top_banner_scrap.png" class="img_top_banner" alt="간직하는글" />
   <img src="image/banner_top/top_banner_webstudy.png" class="img_top_banner" alt="웹제작" />
   <img src="image/banner_top/top_banner_data.png" class="img_top_banner" alt="자료실" />
   <img src="image/banner_top/top_banner_community.png" class="img_top_banner" alt="커뮤니티" />
  
  </div>
</div>
<div id="main">
  <div id="left">
   <div id="sub">
    <img widget="login_info" skin="daerew_v4_login" colorset="default" />
    <div id="sub_banner">
     
      <img src="image/banner_sub/banner_main.png" class="img_mid_banner" alt="대류커뮤니티" />
      <img src="image/banner_sub/banner_01.png" class="img_mid_banner" alt="사랑과전쟁" />
      <img src="image/banner_sub/banner_02.png" class="img_mid_banner" alt="커다란흐름" />
      <img src="image/banner_sub/banner_03.png" class="img_mid_banner" alt="사진첩" />
      <img src="image/banner_sub/banner_04.png" class="img_mid_banner" alt="간직하는글" />
      <img src="image/banner_sub/banner_05.png" class="img_mid_banner" alt="웹제작" />
      <img src="image/banner_sub/banner_06.png" class="img_mid_banner" alt="자료실" />
      <img src="image/banner_sub/banner_07.png" class="img_mid_banner" alt="커뮤니티" />
     
    </div>
    <ul>

<li><img src="image/arrow/arrow_01.png" class="arrow" alt="" /><a class="red" href="Serew">그녀의이야기</a></li>
      <li><img src="image/arrow/arrow_01.png" class="arrow" alt="" /><a class="red" href="LovePhoto">커플사진첩</a></li>
      <li><img src="image/arrow/arrow_01.png" class="arrow" alt="" /><a class="red" href="LoveLetter">러브레터</a></li>
      <li><img src="image/arrow/arrow_01.png" class="arrow" alt="" /><a class="red" href="LoveDiary">데이트다이어리</a></li>
      <li><img src="image/arrow/arrow_01.png" class="arrow" alt="" /><a href="LoveGuide">사랑의지침서</a></li>
     
      <li><img src="image/arrow/arrow_02.png" class="arrow" alt="" /><a href="Profie">운영자소개</a></li>
      <li><img src="image/arrow/arrow_02.png" class="arrow" alt="" /><a href="Diary">일상다반사</a></li>
      <li><img src="image/arrow/arrow_02.png" class="arrow" alt="" /><a href="Say">니멋대로살아라</a></li>
      <li><img src="image/arrow/arrow_02.png" class="arrow" alt="" /><a href="Report">바람이전하는말</a></li>
      <li><img src="image/arrow/arrow_02.png" class="arrow" alt="" /><a href="ShoutLove">사랑하다죽어버려라</a></li>
      <li><img src="image/arrow/arrow_02.png" class="arrow" alt="" /><a href="Movie">우체국옆영화관</a></li>
      <li><img src="image/arrow/arrow_02.png" class="arrow" alt="" /><a href="Trip">발길닿는곳</a></li>
      <li><img src="image/arrow/arrow_02.png" class="arrow" alt="" /><a href="Book">책읽어주는남자</a></li>
     
      <li><img src="image/arrow/arrow_03.png" class="arrow" alt="" /><a href="Photo">젊은날의초상</a></li>
      <li><img src="image/arrow/arrow_03.png" class="arrow" alt="" /><a href="Taedong">태초의움직임태동</a></li>
      <li><img src="image/arrow/arrow_03.png" class="arrow" alt="" /><a href="Companion">소중한사람들</a></li>
      <li><img src="image/arrow/arrow_03.png" class="arrow" alt="" /><a href="SnapShot">일상속의여유</a></li>
      <li><img src="image/arrow/arrow_03.png" class="arrow" alt="" /><a class="red" href="Original">원본보관함</a></li>
     
      <li><img src="image/arrow/arrow_04.png" class="arrow" alt="" /><a href="Information">알짜정보</a></li>
      <li><img src="image/arrow/arrow_04.png" class="arrow" alt="" /><a href="Multi">다용도함</a></li>
      <li><img src="image/arrow/arrow_04.png" class="arrow" alt="" /><a href="DC">디카갤러리</a></li>
      <li><img src="image/arrow/arrow_04.png" class="arrow" alt="" /><a class="red" href="Cartoon">카툰스페셜</a></li>
     
      <li><img src="image/arrow/arrow_05.png" class="arrow" alt="" /><a href="WebTip">웹제작팁</a></li>
      <li><img src="image/arrow/arrow_05.png" class="arrow" alt="" /><a href="WebService">웹제작문의</a></li>
      <li><img src="image/arrow/arrow_05.png" class="arrow" alt="" /><a href="Portfolio">포트폴리오</a></li>
      <li><img src="image/arrow/arrow_05.png" class="arrow" alt="" /><a class="red" href="Work">작업일지</a></li>
     
      <li><img src="image/arrow/arrow_06.png" class="arrow" alt="" /><a href="Treasure">보물창고</a></li>
      <li><img src="image/arrow/arrow_06.png" class="arrow" alt="" /><a href="Misc">잡동사니</a></li>
      <li><img src="image/arrow/arrow_06.png" class="arrow" alt="" /><a class="red" href="Music">내마음속풍금</a></li>
     
      <li><img src="image/arrow/arrow_07.png" class="arrow" alt="" /><a href="FreeBoard">자유게시판</a></li>
      <li><img src="image/arrow/arrow_07.png" class="arrow" alt="" /><a href="QnA">질문과답변</a></li>
      <li><img src="image/arrow/arrow_07.png" class="arrow" alt="" /><a href="Share">유익한정보공유</a></li>
      <li><img src="image/arrow/arrow_07.png" class="arrow" alt="" /><a href="Trash">쓰레기통</a></li>
     
    </ul>
   </div>
  </div>
  <div id="right">
   <div id="content">
    {$content}
   </div>
  </div>
</div>
<div id="footer">
  <ul>
   
    
    {@ $menu_1st = $val }
    <li><a class="dark" href="{$val['href']}" onclick="window.open(this.href);return false;">{$val['link']}</a>     </li>
   
  </ul>
  <hr />
  <p class="copy">
   Copyright ⓒ 2003-2010 daerew.com All right reserved. Ver 4.0_100215
  </p>
  <p class="copy_explain">
   * 대류커뮤니티는 인터넷 익스플로러 8.0 이상, 해상도 1024×768 에 최적화 되어있습니다.<br />
   * 대류커뮤니티에 게시된 정보 중 운영자 및 회원의 신상정보에 대해서는 어떠한 경우에도 수집을 거부합니다.<br />
   * 대류커뮤니티에 게시된 정보는 '자료출처' 및 '관련링크'에 명시된 곳에 저작권이 있습니다. 이러한 게시물은 무단전재 및 재배포에 동의하지 않습니다.<br />
   * 대류커뮤니티에 게시된 정보 중 '자료출처' 및 '관련링크'가 명시되지 않은 게시물에 한해서는 별도의 언급이 없는 한, 출처/작가를 명시하는 조건으로 발췌가 가능합니다.<a href="

대류가 사용하는 에러페이지 소스

2007-03-13T13:05:08+09:00

웹페이지 URL 을 잘못 입력하였을 경우 404error 페이지가 뜨지요?
트래픽을 초과하였을 경우는 503 에러가 뜹니다.

대부분의 개인사이트에서는 그다지 필요성을 못 느끼기 때문에 에러페이지를 따로 만들어 놓지 않고 사용하는데요.... 시간 나실 때 만들어 두시면 조금 보기 좋겠죠?

여기서 소개하는 내용은 그걸 만들자는 것이 아니라 비교적 효율적(?)으로 구성하는 방법을 소개하는 겁니다. 제가 현재 사용하고 있는 소스 그대로를 올려봅니다. 제가 아는 한도내에서 웹표준에 맞춰 코딩하였습니다.

이 소스를 공개하는 것은 에러페이지를 만드는데 도움을 주고자함이 아니라 변수를 활용하는 방법을 실전에 사용하는 간단한 예제를 보여드리기 위함입니다.

일단 저는 에러페이지를 4개를 만들어 두었습니다.
403 - 무단링크 되었을 경우 출력하는 에러메시지
404 - url 입력 오류시 출력하는 에러메시지
503 - 트래픽용량 초과시 출력하는 에러메시지
ERROR - 그 외의 문제 발생시 출력하는 에러메시지

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <title>대류커뮤니티 :: ERROR</title>
        <meta name="author" content="Daerew" />
        <meta name="nationality" content="korean" />
        <meta name="copyright" content="copyright © 2005 daerew.com" />
        <meta name="keywords" content="css, css2, css3, xhtml, html, web design, design, zeroboard, javascript, 대류, 대류커뮤니티, 웹디자인, 디자인, 웹표준, 나모, 제로보드, 스킨" />
        <meta name="content-language" content="kr" />
        <meta http-equiv="content-type" content="text/html; charset=euc-kr" />
        <meta http-equiv="imagetoolbar" content="no" />
        <meta name="build" content="2005.08.11" />
        <style type="text/css">
        
        </style>
</head>
<body>
<div id="bg_bottom"></div>
<div id="bg_daerew"></div>
<div id="content">
        <? if($error==403) { ?>
                <h1>403 ERROR</h1>
                무단링크가 의심되어 접근을 차단합니다.<br />


        <? } elseif($error==404) { ?>
                <h1>404 ERROR</h1>
                찾으시는 문서의 URL이 잘못되었거나 없습니다.<br />
                확인하신 후에 다시 시도하시기 바랍니다.<br />
                대류커뮤니티의 올바른 접속 URL는 http://www.daerew.com 입니다.<br />

        <? } elseif($error==503) { ?>
                <h1>503 ERROR</h1>
                대류커뮤니티의 트래픽 제한량 1500MB를 초과하였습니다.<br />
                00:00 시를 기점으로 트래픽이 초기화되어 접속하실 수 있습니다.<br />

        <? } else { ?>
                <h1>ERROR</h1>
                찾으시는 문서의 URL이 잘못되었거나 없습니다.<br />
                확인하신 후에 다시 시도하시기 바랍니다.<br />
        <? } ?>
        <p>
                <a href="javascript:history.back(" title="이전페이지로 이동합니다.">이전페이지</a>
                  <span class="color_a0a0a0">l</span>
                <a href="http://www.daerew.com" title="http://www.daerew.com으로 이동합니다.">대류커뮤니티</a>
        </p>
</div>
</body>
</html>

소스의 내용 중 불필요한 <br /> 구문이 보이는데 귀찮아서 패스~ -_-;

불러올 때는 아래와 같이 하면 됩니다. (대류커뮤니티의 에러페이지 보기)
http://www.daerew.com/error.html?error=403
http://www.daerew.com/error.html?error=404
http://www.daerew.com/error.html?error=503
http://www.daerew.com/error.html?error=error

에러페이지 연결하는 방법 - 아래 소스를 .htaccess 파일에 추가

SetEnvIfNoCase Referer daerew.com go_in
SetEnvIfNoCase Referer ^$ go_in

Order Deny,Allow
Deny from all
Allow from env=go_in

SetEnvIf Referer "www.daerew.com" link_allow
SetEnvIf Referer "daerew.com" link_allow
Order Deny,Allow
Deny from all
Allow from env=link_allow

SetEnvIf Referer www.daerew.com go_in
SetEnvIf Referer daerew.com go_in
SetEnvIf Referer ^$ go_in

Order Deny,Allow
Allow from env=go_in
Deny from all

php_flag register_globals on

ErrorDocument 403 403에러가 뜨면 나올 페이지 주소
ErrorDocument 404 404에러가 뜨면 나올 페이지 주소
ErrorDocument 500 500에러가 뜨면 나올 페이지 주소
ErrorDocument 503 503에러가 뜨면 나올 페이지 주소

ps> 웹작업을 할 때에는 들여쓰기등을 이용하여 소스를 보기 좋게 정리해두면 추후에 수정이 매우 용이 합니다. 위의 소스를 에디트 플러스등에 옮겨서 보시면 보기 좋게 정리되어 있을겁니다. 저마다 스타일이 있지만 초보자분들에게 도움이 될가 싶어서요...^^;

갤러리 안경 배너

2007-01-21T02:20:45+09:00

교수님 홈페이지에 삽입하기 위해 만들었던 배너

대류커뮤니티 v3.7 구성파일

2006-10-11T01:48:12+09:00

daerew_v307.zip

웹사이트를 제작하고자 하는 초보들을 위하여 대류커뮤니티 v3.7 구성 소스파일 및 이미지(포토샵원본포함)파일을 공개합니다.
2005년 3월에 배포했던 대류커뮤니티 v3.2의 업그레이드판 입니다.
외적으로 달라진 것은 많지 않지만 소스의 구성은 상당히 달라졌습니다.
나름대로 요즘의 트렌드인 웹표준에 맞춰 제작된 것 입니다.
v3.5 에서 표준규약 코드로 전환을 이루었으며, 이후 조금씩 개선해나가며 현재의 단계에 와 있습니다.
v3.2 소스를 분석해보신 분들은 같은 디자인을 두고 소스코드가 이렇게 다를 수도 있다는 것을 확인하실 수 있을 겁니다.

이 구성파일들은 2006년 10월 11일 현재 대류커뮤니티의 구성파일입니다.

v3.2 버전과 차이점은
1. 웹표준(xhtml) 코드로 제작 (w3c 유효성검사 통과)
2. 크로스브라우징 지원 (인터넷익스플로러, 파이어폭스, 오페라에서 확인)
3. 정돈된 css 파일 (나름대로 css 레이아웃)
4. 기존버전에 비해 효율적으로 개선된 php코드
5. 기존버전에 비해 무조건 다~ 좋은 것 같음 ^^;

구성형태는 원프레임(노프레임)이며, 레이아웃용으로 사용하기보다는 초보분들의 학습용으로 사용하였으면 좋겠습니다.
★★ 설명서가 포함되어 있으니 반드시 확인해주세요~ 두 개가 들어있는데 모두 확인하세요..

※ 상업적 이용을 강력히 거부합니다. 여기서 말하는 상업적 이용이란 이 구성파일을 이용하여 사이트를 제작하여 수익을 취하는 것을 뜻 합니다.

작은쉼터 배너

2006-09-09T02:18:10+09:00

설용기형님에게 선물했던 사이트 배너

원하는 부분만 인쇄하기

2006-05-05T15:08:26+09:00

<head> 와 </head> 사이에 아래의 스크립트 소스를 삽입합니다.

그 다음 인쇄할 부분을 아래와 같이 <div> 나 <table> 에 id 를 부여해서 삽입합니다.

예제) <div id="DaeRewPrint"> 대류커뮤니티에 오신 것을 환영합니다.</div>

마지막으로 출력버튼을 삽입합니다.

<input type="button" value="인쇄" onclick="printdaerew();">

이미지로 하신 분들은 아래와 같이합니다.

<image src="./images/etc/icon_page_print.gif" onclick="printArea();" style="cursor:pointer;">

웹에서 인증을 받고 페이지 들어가기

2006-02-11T23:31:22+09:00

인증이 필요한 문서나 게시판등에 적용하기 편리한 소스입니다.
아이디와 비번을 아시는 분들만 접근이 가능토록 하는 것이죠.

브라우져를 닫으면 소실이 되고 열고 있는 동안은 인증이 됩니다.

아래의 소스를 php 파일로 만들어 연결시켜주면 됩니다.

<?
$user=array("daerew"=>"1234");
//daerew는 아이디, 1234는 비번입니다.
function authenticate(){
header("WWW-authenticate:basic realm="인증을 위해 이름과 암호를 넣으세요."");
header("HTTP/1.0 401 unauthorized");
echo "<script>alert ('이름과 암호가 틀리네요.');history.go(-1);</script>";
exit;
}
if(!$PHP_AUTH_USER||!$PHP_AUTH_PW){
authenticate();
}else{
if($user[$PHP_AUTH_USER]!=$PHP_AUTH_PW) authenticate();
}
echo"<script>location.href='http://www.daerew.com';</script>";
?>

웹에서 인증을 받고 페이지 들어가기

2006-02-11T19:41:39+09:00

인증이 필요한 문서나 게시판등에 적용하기 편리한 소스로 아이디와 비번을 아는 사람만 접근이 가능토록 하는 것이다. 브라우져를 닫으면 소실이 되고 열고 있는 동안은 인증이 된다.

아래의 소스를 php 파일로 만들어 연결시켜주면 끝!

<?

$user=array("daerew"=>"1234");

//daerew는 아이디, 1234는 비번입니다.

function authenticate(){

header("WWW-authenticate:basic realm=\"인증을 위해 이름과 암호를 넣으세요.\"");

header("HTTP/1.0 401 unauthorized");

echo "<script>alert ('이름과 암호가 틀리네요.');history.go(-1);</script>";

exit;

}

if(!$PHP_AUTH_USER||!$PHP_AUTH_PW){

authenticate();

}else{

if($user[$PHP_AUTH_USER]!=$PHP_AUTH_PW) authenticate();

}

echo"<script>location.href='http://www.daerew.com';</script>";

?>

vol.49 대충만든 팝업 갤러리

2005-08-12T16:05:52+09:00

만드는 과정에서 신경질나서 만들다 만 스킨입니다. ㅡ,.ㅡ;
개인적으로 실패작이라 생각하는 짜증나는 스킨이니까 이놈과 관련한 질문은 삼가바랍니다.

RSS 아이콘 세트...

2005-08-05T14:20:47+09:00

대류커뮤니티에 사용하기 위해 제작한 RSS/XML 이이콘입니다.
PSD 파일도 함께 압축되어 있으니 자신에 맞게 또 수정해서 사용해 보세요...

vol.48 비교적 표준화 된 소스의 배너 링크 게시판

2005-08-02T11:30:20+09:00

사용 안내서가 함께 포함되어 있으니 읽어보시고 사용하시면 도움 됩니다.
상단 로그인 및 회원가입 버튼은 넣지 않았습니다.
배너링크 게시판은 특성상 관리자들이 주로 사용하기 때문에 회원 및 방문자에 대한 배려는 없습니다.

* 첨부파일과 배너링크 모두 지원합니다.
* 카테고리와 공지사항 지원합니다.
* 배너에 마우스를 올리면 제목을 툴팁으로 보여줍니다.
* 이외의 부가적인 기능이나 설명은 안내서를 참고하시면 됩니다.

가로 개수 조절과 셀크기(배너 하나를 출력해주는 공간 크기) 조절은 setup.php 파일에서 합니다.
게시판 글쓰기 폼의 크기가 최대 600px 이니까 가능하면 사이즈가 좀 큰 사이트에서 사용하는 게 좋습니다..

원하는 날에, 원하는 곳에, 원하는 이미지 띄우기

2005-07-27T21:32:37+09:00

특정한 날짜를 미리 입력해두고 그 날짜가 되면 자동으로 이미지를 출력해주는 팁 입니다.
다양한 용도로 응용할 수 있겠는데요....

여기서는 국경일에 태극기 이미지를 띄우는 예제로 설명하겠습니다.

<?
$holiday1 = "0101,0301,0717,0815,1001,1003,1009"; //경축일 국기게양 컴마(,) 구분하세요!
$holiday2 = "0606"; //조기 게양

$array_day1 = explode(",", $holiday1);
$array_day2 = explode(",", $holiday2);
$today = date("md");

$max1 = count($array_day1);
$max2 = count($array_day2);

for($i=0;$i<$max1;$i++) {
$data_day1 = $array_day1[$i];
if($data_day1 == $today) $holi_img = "<img src='../images/holi_1.gif' border=0 align=absmiddle>";
}

for($j=0;$j<$max2;$j++) {
$data_day2 = $array_day2[$j];
if($data_day2 == $today) $holi_img = "<img src='../images/holi_2.gif' border=0 align=absmiddle>";
}

?>

$holiday1 에 해당하는 날짜에는 $holi_img = "<img src='../images/holi_1.gif' border=0 align=absmiddle>"; 을
$holiday2 에 해당하는 날짜에는 $holi_img = "<img src='../images/holi_2.gif' border=0 align=absmiddle>"; 을
출력하라는 내용입니다.

위의 소스를 적당한곳(최상단에 넣으시거나 파일로 만들어 인클루드시켜도 되겠네요)에 삽입하고....
이미지가 출력될 위치에 아래의 코드를 넣어주면 됩니다.

<?=$holi_img?>

원하는 날에, 원하는 곳에, 원하는 이미지 띄우기

2005-07-27T19:40:18+09:00

미리 입력해 둔 내용(이미지)를 원하는 날짜가 되면 자동으로 출력해주는 소스로 다양한 용도로 응용할 수 있는데 여기서는 국경일에 태극기 이미지를 띄우는 예제로 설명한다.

<?

$holiday1 = "0101,0301,0717,0815,1001,1003,1009"; //경축일 국기게양 컴마(,) 구분하세요!

$holiday2 = "0606"; //조기 게양

$array_day1 = explode(",", $holiday1);

$array_day2 = explode(",", $holiday2);

$today = date("md");

$max1 = count($array_day1);

$max2 = count($array_day2);

for($i=0;$i<$max1;$i++) {

$data_day1 = $array_day1[$i];

if($data_day1 == $today) $holi_img = "<img src='../images/holi_1.gif' border=0 align=absmiddle>";

}

for($j=0;$j<$max2;$j++) {

$data_day2 = $array_day2[$j];

if($data_day2 == $today) $holi_img = "<img src='../images/holi_2.gif' border=0 align=absmiddle>";

}

?>

$holiday1 에 해당하는 날짜에는 $holi_img = "<img src='../images/holi_1.gif' border=0 align=absmiddle>"; 을

$holiday2 에 해당하는 날짜에는 $holi_img = "<img src='../images/holi_2.gif' border=0 align=absmiddle>"; 을

출력하라는 내용이다.

위의 소스를 적당한곳(최상단에 넣으시거나 파일로 만들어 인클루드시켜도 된다.)에 삽입하고.... 이미지가 출력될 위치에 아래의 코드를 넣어주면 된다.

<?=$holi_img?>

홈페이지 title 을 가볍게 하자.

2005-07-27T19:30:35+09:00

개인 홈페이지들을 둘러보면 좀 더 역동적이고, 화려한 효과를 위해 자바스크립트등 다양한 효과를 쓰게 됩니다.
자바스크립트가 아니더라도 갖가지 아이콘과 문자로 꾸미기는 경우가 많지요...

대표적인 것으로 브라우저 상단에 나타나는 타이틀 부분을 움직이게 하거나 다양한 문구를 삽입하는 것 입니다.
'대류커뮤니티에 오신것을 환영합니다.' 와 같은 타이틀 말이지요..

요즘은 일반인들도 왠만큼은 브라우저의 주요기능들을 잘 활용합니다.
가장 많이 활용되는 것 중 하나가 '즐겨찾기'겠지요.
주소창에 나타나는 UTL 앞에 아이콘이 있는데 그것을 드래그로 '즐겨찾기' 에 가져다 놓으면 추가가 됩니다.
즐겨찾기를 일일이 쳐넣는 분들은 그리 많지 않을 것 같습니다.
문제는 이렇게 드래그로 즐겨찾기에 추가하게되면 <title></title> 태그안의 내용이 그래도 저장된다는 겁니다.

즐겨찾기 공간 보통 좌측에 위치하는데 title 이 길다면 한 눈에 확인하기가 쉽지 않습니다.
방문자를 고려한다면 title 은 아래와 같이 최대한 간결하게 하는것이 좋을 것 같습니다.
작은 것이지만 사용하는 입장에서는 일일이 수정하기란 귀찮을 법이지요....

효율적인 경로 지정하기

2005-07-27T17:08:55+09:00

간단한 팁인데 모르시는 분들도 많습니다.
이미지를 출력하거나 링크 할 때 경로를 보통 아래와 같이 하지요....

<img src="./image/daerew.jpg .....>
<a href="../v3/daerew.html>
<? include "daerew.html"; ?>

이런 경우 만약 경로가 수정되거나 하면 Ctrl+H(바꾸기) 등으로 일괄 수정합니다.
하지만 변경해야 하는 페이지 수가 많을 경우 은근히 귀찮은 작업이지요.....

제로보드 외부로그인이나 최근 게시물을 사용할 때 페이지 상단에

<?
   $_zb_url = "http://www.daerew.com/bbs/";
   $_zb_path = "/home1/daerew/public_html/bbs/";
?>

이 구문을 이용하여 경로를 자동으로 인식하지요....
이것과 같이 경로를 지정해주고 이용하면 됩니다.

저같은 경우는

<?
   $_site_url = "http://www.daerew.com/v3/";
   $_site_path = "/home/daerew/public_html/v3/";
?>

이렇게 설정해 두었습니다.

적용할 땐 아래와 같은 형식으로 이용할 수 있습니다.

<img src="<?=$_site_url?>image/daerew.jpg .....>
<a href="<?=$_site_url?>daerew.html>
<? include $_site_path."daerew.html"; ?>

잘 응용하면 일일이 경로 지정해 줄 필요가 없으니 작업 속도도 빨라지고, 무엇보다 수정시 편리합니다.

   $_site_url = "http://www.daerew.com/v3/";
   $_site_path = "/home/daerew/public_html/v3/";

이 경로만 수정하면 전체가 수정되니까요...
제로보드 사용자들은 아래와 같은 형식으로 또 추가하면 되겠죠? ^^

<?
   $_zb_url = "http://www.daerew.com/bbs/";
   $_zb_path = "/home1/daerew/public_html/bbs/";
   $_site_url = "http://www.daerew.com/v3/";
   $_site_path = "/home/daerew/public_html/v3/";
   include $_zb_path."outlogin.php";
?>

물론 경로가 여러개인 경우 여러개 만들어서 사용하면 됩니다.

스크립트 소스내에 PHP 변수 삽입 방법

2005-07-23T23:38:03+09:00

<?=$Su?>

var sHTML = "<INPUT class=button onclick="return showPreview(this.form.exsrc"+<?=$Su?>+")" type=button value=실행하기>

for 문

2005-07-20T16:58:15+09:00

$dr1=stripslashes($data[dr1]);

for($i=1;$i<=10;$i++) {
${'dr'.$i}=$data['dr'.$i]=stripslashes($data['dr'.$i]);
}

if($dr1)$dr1="<a class=url href='$dr1' target=_blank>$dr1</a>";

for($i=1;$i<=10;$i++) {
if(${'dr'.$i}) ${'dr'.$i} = '<a class=url href='.${'dr'.$i}.'" target=_blank>'.${'dr'.$i}.'</a>';
}

$hide_sitelink1_start

${'hide_sitelink'.$i.'_start'}

{ $hide_sitelink1_start="";}

{ ${'hide_sitelink'.$i.'_start'}="";}

학습용소스
<?php
$temp['file1_name'] = 'file1_name';
$temp['file2_name'] = 'file2_name';
$temp['file3_name'] = 'file3_name';
$temp['file4_name'] = 'file4_name';
$temp['file5_name'] = 'file5_name';
$temp['file6_name'] = 'file6_name';

$dream1 = 'dream1';
$dream2 = 'dream2';
$dream3 = 'dream3';
$dream4 = 'dream4';
$dream5 = 'dream5';
$dream6 = 'dream6';

for($i=1;$i<=6;$i++) {
// 1
${'dr'.$i} = '<tag option="'.$temp['file'.$i.'_name'].'">'.${'dream'.$i}.'</tag>';
// 2
//${'dr'.$i} = "<tag option='".$temp['file'.$i.'_name']."'>".${'dream'.$i}."</tag>";
// 3
// ${"dr".$i} = "<tag option='".$temp["file".$i."_name"]."'>".${"dream".$i}."</tag>";
}

echo '<xmp>';
echo $dr1;
echo "n";
echo $dr2;
echo "n";
echo $dr3;
echo "n";
echo $dr4;
echo "n";
echo $dr5;
echo "n";
echo $dr6;
?>

줄바꿈

2005-07-20T16:55:27+09:00

php 나 js 에서는 n 요놈이 줄바꿈입니다. ^^;

echo "n";

vol.47 웹진형 갤러리

2005-06-26T20:30:53+09:00

+ 반드시 자신의 사이트에 맞게 가로 출력 수 및 이미지사이즈등을 알맞게 조절해서 사용하세요.
+ 잘 응용하면 다양한 형태로 디자인될 수 있을것 같습니다.
+ 예를들어 웹진형태로 이용하기 가로출력수를 1로하고 이미지 사이즈를 좀 크게하면 또 영~ 다른 형태가될 듯 하네요~

+ 방명록 형태에 체크하고 사용하세요
+ 쎔네일엔진을 적용한 버젼은 여러가지 문제를 일으킬 수 있으니 초보분들은 일반버젼을 이용해주세요...
+ 썸네일형은 드림퀘스트님의 썸네일 엔진을 사용하였습니다.

압축을 풀면 '일반형'과 '썸네일형' 스킨이 들어있습니다.
이중폴더이니 주의하세요..

daerew_47gallery - 일반형
daerew_47gallery_GD - 썸네일형

- 이미지 크기 및 기본적인 설정은 setup.php 파일에서 조절합니다.
- 본문의 내용을 출력해주는데요 이 글자수는 list_main.php 에서 조절합니다. 주석이 붙어있어요~

사랑비 BGM 스킨 모음

2005-06-22T19:57:25+09:00

사랑비 BGM....
참 좋은 프로그램인데 끝까지 운영되지 않아서 안타깝습니다.

첨부된 파일에는 8개의 스킨이 압축되어 있습니다.

대진표

2005-05-22T23:22:45+09:00

학교행사 때 만든 파일입니다.
없는 실력으로 이왕에 만들었는데 사용하실 분이 계시려나 ㅡ,.ㅡ;
포토샵 원본 파일이니 글자는 수정하실 수 있습니다.

에디트플러스 컬러설정파일 입니다. (by navyism)

2005-05-22T14:37:57+09:00

navyism님이 공유해주신 에디트플러스의 컬러설정 파일입니다.
처음엔 검은 바탕이 낮설었지만 어느정도 사용하니 적응이 되어 편하더군요
흰바탕은 오래보면 눈이 아프지만 검은 바탕은 흰바탕보다 눈이 편하더군요..

에디트플러스 폴더에 덮어씌우면 됩니다.

조건 if 문 사용하기

2005-05-15T15:07:34+09:00

if ( 1 ) {
        1내용
        }
else if ( 2 ) {
        2내용
        }
else {
        3내용
        }

1이 참이면 1을 실행, 1이 거짓이고, 2가 참이면 2를 실행 1과 2 둘 다 거짓일 때 3을 실행

if(!$member[no]) {
if($name=="대류") Error("이 이름은 사용할수 없습니다.");
}

만약에 name 에 적인 회원일 경우 에러 메시지를 띄워라....는 명령이 됩니다.
여러개 일 경우 아래와 같은 방법 들을 사용할 수 있습니다.

예제1)
if($name=="대류" || $name=="大流" || $name=="daerew") Error("이 이름은 사용할수 없습니다.?");

예제2)
if (in_array($name, array("대류","大流","daerew"))) Error("사용금지");

<? if($member[user_id] == daerew){ ?>
대류커뮤니티
<? } ?>

이렇게 해두면 daerew 라는 아이디만 보이겠지요...

이것을 약간 응용하자면

<? if($member[user_id] == daerew){ ?>
대류커뮤니티
<? } else { ?>
대류
<? } ?>

daerew 라는 아이디는 대류커뮤니티가 보이고
그외의 아디디로는 대류만 보이게 됩니다.

vol.46 깔끔한 박스형 갤러리 (가로)

2005-02-14T20:41:07+09:00

+ 이 스킨은 그냥 사용하시면 사이트의 테이블이 흐트러질 수 있습니다.
+ 반드시 자신의 사이트에 맞게 가로 출력 수 및 이미지사이즈등을 알맞게 조절해서 사용하세요.
+ 잘 응용하면 다양한 형태로 디자인될 수 있을것 같습니다.
+ 예를들어 웹진형태로 이용하기 가로출력수를 1로하고 이미지 사이즈를 좀 크게하면 또 영~ 다른 형태가될 듯 하네요~

+ 방명록 형태에 체크하고 사용하세요
+ 쎔네일엔진을 적용한 버젼은 여러가지 문제를 일으킬 수 있으니 초보분들은 일반버젼을 이용해주세요...
+ 썸네일형은 드림퀘스트님의 썸네일 엔진을 사용하였습니다.

압축을 풀면 '일반형'과 '썸네일형' 스킨이 들어있습니다.
이중폴더이니 주의하세요..

daerew_46gallery - 일반형
daerew_46galleryGD - 썸네일형

- 이미지 크기 및 기본적인 설정은 setup.php 파일에서 조절합니다.
- 본문의 내용을 출력해주는데요 이 글자수는 list_main.php 에서 조절합니다. 주석이 붙어있어요~

vol.45 깔끔한 박스형 갤러리 (세로)

2005-02-13T19:02:03+09:00

+ 방명록 형태에 체크하고 사용하세요
+ 썸네일엔진을 적용한 버젼은 여러가지 문제를 일으킬 수 있으니 초보분들은 일반버젼을 이용해주세요...
+ 썸네일형은 드림퀘스트님의 썸네일 엔진을 사용하였습니다.

- 가로로 보여주는 이미지수와 이미지 크기는 setup.php 파일에서 조절할 수 있습니다.

압축을 풀면 '일반형'과 '썸네일형' 스킨이 들어있습니다.
이중폴더이니 주의하세요..

daerew_45gallery - 일반형
daerew_45galleryGD - 썸네일형

vol.44 대류가 아끼는 외부로그인

2005-02-08T01:46:21+09:00

최근게시물이나 대류커뮤니티 v2 시절부터 만들어 사용해오던 외부로그인입니다.
오래전에 어떤 분이 배포하신 시안에 들어있던 로그인을 보고 너무 마음에 들어서 보고 따라만들었었던 겁니다.
배포된 시안에 있는것으로 보아 이미 다른분이 제작한 로그인으로 여겨져서 배포는 안하고 있었는데 가끔씩 배포하라는 분들도 계시고, 아예 또 만드시는 분들도 계서서 어둠의 경로(?)에서 양지로 끌어내려고 합니다.
아무래도 이미 있을 것 같은데 아무리 뒤져도 나오지를 않네요...

이 외부로그인 스킨은 오직 혼자 사용하려고 만들었었기 때문에 다양한 환경은 절대 고려하지 않았습니다.
배포하기 위해 스타일시트를 약간 수정한 것 말고는 제가 사용하던 소스 그대로입니다.

＊가로크기 150 으로 고정되어있고, 로그인 전과 후의 크기를 맞추기 위하여 세로크기도 고정시켜두고 사용했습니다.
＊ 보통 다른 분들의 외부로그인 스킨은 로그인 후에 포인트와 레벨등을 나타내지만 제 사이트는 비회원제라 그런거 없습니다. -_-; [작성한 게시물수 / 작성한 코멘트 수] 이렇게 출력합니다.
＊ 외부로그인 스킨은 작고 단순하기 때문에 만들거나 수정하기가 매우 쉽습니다. 초보자 분들도 얼마든지 제작/수정이 가능하니까 요놈 때문에 질문 하시는 분은 안계셨으면 합니다.
수정하실 분은 http://onnoory.ov.to 에서 스킨 제작강좌를 참고하셔서 직접 하시면 됩니다. 정말로 간단하거든요...

vol.43 음악감상 기능 확장판

2005-01-26T15:18:47+09:00

04년 4월에 배포하였던 음악게시판 스킨에 다운로드 기능을 추가하고, 소스정리와 함께 타이틀부분과 검색부분을 약간 수정한 버젼입니다.
다운로드 기능을 적용하기 위해서는 약간의 수정이 필요하니 첨부된 설명서를 반드시 꼼꼼하게 읽어보시고 따라주시기 바랍니다.

<------------------------------ 사용법 ------------------------------>

1. dbconn.php           파일을 자신의 계정에 맞게 수정하세요
2. sendmail_this2.php 파일을 자신의 계정에 맞게 수정하세요
3. view.php               파일을 열어 자신의 음악게시판 주소를 설정해 주세요
4. 전체 목록 출력 "체크해제"  하세요 ////
5. 제로보드 관리자 페이지에서 링크1,2 모두 체크
6. 제로보드 관리자 페이지에서 자료실 사용 체크
7. 제로보드 관리자 페이지에서 바구니 사용 체크
8. 방명록 기능에 체크하세요

+ 투명 이미지가 아니기 때문에 흰색배경에서만 사용하세요. (다른 배경색이라면 이미지를 수정해서 사용하세요)
+ 문제가 발생하면 가능하면 스스로 해결하시고 질문은 삼가해주시기 바랍니다.
+ 해결하지 못하는 문제가 있으면 제로보드 Q & A 란을 이용해주세요

※ 색상수정
제 홈에서 사용하던거라 색상이 청록생계열인데 수정을 원하시면 아이콘은 포토샵등으로 색상을 수정하시고, 상단 라인은 list_head.php 파일의 12번 째 줄의 bgcolor=0099B2 을 수정하시면 됩니다.

※ 음악이 재생되지 않는 분들은.........
1. dbconn.php 과 sendmail_this2.php 파일의 수정을 제대로 하셨는지 확인해보세요.
2. 계정에서 음악파일의 재생을 지원하는 확인해보세요 음악파일의 재생을 막아둔 계정도 많거든요.
   (이 경우는 음악파일을 업로드하거나 자신의 계정에 두고 불러와 사용하는 경우입니다.)
3. 음악파일의 경로가 정확한지 확인해보세요
4. 음악사이트나 다른 계정의 주소를 링크로 이용할 때는 정확한 주소인지 확인해보세요.
   (그 사이트에서 외부로의 유출을 막아 둔 상태일 수도 있기 때문입니다.)

※ 다운로드 기능을 위한 제로보드 download.php 파일 수정법 (설명서에 포함된 내용)
http://www.nzeo.com/bbs/zboard.php?id=cgi_tip&no=3202

파일 수를 줄이고 변수를 이용하기

2005-01-23T14:09:48+09:00

<a href='page/daerew.html'>대류</a>
<a href='page/sitemap.html'>사이트맵</a>
<a href='page/webstudy.html'>웹공부방</a>

만약 위와 같은 메뉴를 만든다면 page 라는 디렉토리 아래에

diary.html
bbs.html
guest.html

이와 같은 세 개의 파일을 만들어줘야 합니다.

그런데 아래와 같이 메뉴를 써주고

page 라는 디렉토리 아래의 index.html 파일의 내용을

<? if($name==daerew) { ?>
daerew 호출시 불러올 내용
<? } elseif($name==sitemap) { ?>
sitemap 호출시 불러올 내용
<? } else { ?>
webstudy 호출시 불러올 내용
<? } ?>

이렇게 해주면 여러 개의 파일이 필요가 없지요.
그런데 디렉토리 아래의 index.html 이란 이름은 생략 가능하므로

이런 식의 표현도 가능합니다.

vol.42 북마크

2005-01-20T17:02:54+09:00

이중폴더로 압출되어 있으니 주의하세요.

daerew_bookmark - 일반버젼
daerew_bookmarkGD - 썸네일엔진 장착버젼

+ 이미지를 클릭하면 해당 사이트로 연결 됩니다.
+ 제목 아래의 go to the site 의 URL 을 클릭하면 해당 사이트로 연결 됩니다.
+ 만약 사이트 주소를 등록하지 않을 경우에는 URL 이 출력되지 않고, 이미지를 클릭하여도 반응하지 않습니다.
+ 썸네일엔진은 드림퀘스트님의 DQ'Thumb Engine ver 2.0 R4.1227 이 포함되어 있습니다.
+ 공지사항, 카테고리 지원하며 스크린샷에는 없지만 상단에 회원가입등의 버튼이 있습니다.

vol.41 포트폴리오

2005-01-20T17:02:00+09:00

포트폴리오용으로 사용하기 위해 제작한 스킨입니다.
이중폴더로 압출되어 있으니 주의하세요.

daerew_portfolio - 일반버젼
daerew_portfolioGD - 썸네일엔진 장착버젼

+ 이미지를 클릭하면 새창에서 원본사이즈로 출력해 줍니다.
+ 제목 아래의 go to the site 의 URL 을 클릭하면 해당 사이트로 연결 됩니다.
+ 만약 사이트 주소를 등록하지 않을 경우에는 URL 이 출력되지 않습니다.
+ 썸네일엔진은 드림퀘스트님의 DQ'Thumb Engine ver 2.0 R4.1227 이 포함되어 있습니다.
+ 공지사항, 카테고리 지원하며 스크린샷에는 없지만 상단에 회원가입등의 버튼이 있습니다.

vol.41 daerew3 게시판형 갤러리

2005-01-19T18:05:04+09:00

압축을 풀면 '미리보기형'과 '팝업형'과  '썸네일형' 스킨이 들어있습니다.

daerew_v3gallerySH       - 미리보기형
daerew_v3galleryPOP     - 팝업형
daerew_v3galleryGD       - 썸네일형

+ 방명록 형태에 체크하고 사용하세요
+ 쎔네일엔진을 적용한 버젼은 여러가지 문제를 일으킬 수 있으니 초보분들은 일반버젼을 이용해주세요...
+ 썸네일형은 드림퀘스트님의 썸네일 엔진을 사용하였습니다.
+ 이 갤러리 스킨은 다양한 사용자의 환경을 고려하지 못하여 이미지 사이즈를 조절하실 분들은 수정이 조금 번거롭게 되어 있습니다.

※ 이미지 사이즈 조절방법
1. list_main.php 과 list_notice.php 파일을 열어 이미지 사이즈를 조절해주어야 합니다. (설명되어있습니다.)
2. style.css 파일을 열어 ".height2 {height:60px;}" 를 지정한 이미지사이즈의 세로 크기보다 +10 크기로 지정합니다.
3. list_head.php 파일을 열어 6번 라인의 "<col width="60" align=center></col>" 에서 지정한 이미지사이즈의 가로 크기보다 +10 크기로 지정합니다.

vol.40 daerew3 게시판형 자료실

2005-01-19T15:57:10+09:00

스크린 샷에는 보이지 않지만 상단 카테고리 위쪽에 로그인/회원가입등의 버튼이 들어가 있습니다.
일부러 빼고 만들면 꼭 넣는방법 물어보시는 분이 계셔서....
만약 삭제를 원하시면 setup.php 파일을 열어 보시면 설명이 되어 있습니다.

출력하는 항목이 많기 때문에 가급적 가로사이즈가 큰 사이트에 적합할 것 같습니다.
운영자만 이용하는 게시판이라면 스크린샷에서와 같이 이름출력부분을 제거하는 것이 좋을 것 같습니다.

+ 첨부파일별로 목록에 아이콘이 나타나는 게시판형태의 자료실입니다.
+ 목록에서 파일을 클릭하면 바로 다운로드 받을 수도 있습니다.
+ 아이콘 출력을 위해서는 제로보드 include 폴더의 list_check.php 파일을수정해야 합니다.
+ 수정하는 방법은함께 압축되어있으니 잘 읽어보시고 차근차근 소스를 수정하시기 바랍니다.
+ 기존의 제 자료실 스킨을 사용하시던 분들은 수정하실 필요없이 바로 사용하시면 됩니다.

※ 방명록형테에 체크하셔야 합니다.

vol.39 daerew3 게시판 심플한 게시판

2005-01-17T16:50:57+09:00

v3 리뉴얼 마무리과정으로 제로보드 사용중인 스킨을 전반적으로 손보고 있었는데 그 과정에 실수로 만들었다가 배포했는데 무수히 많은 문제점들이 있어서 다시 손보다가 나름대로 스타일을 갖추고 탄생된 스킨입니다. ㅡ,.ㅡ;

비교적 가로크기가 큰 사이트에 적당할 것 같습니다.

vol.38 daerew1x 게시판형 갤러리 (미리보기/팝업/썸네일)

2004-12-31T17:32:48+09:00

이 스킨은 2003년 12월에 배포했던 스킨의 개선판 입니다.

상단의 타이틀바 색상은 list_head.php 간편하게 수정할 수 있습니다.
대략 6 번째 줄의  bgcolor='#000000' 이 부분만 원하는 색상으로 수정하면 됩니다.
타이틀 바의 색상에 따라 매우 다른 느낌이나니까 자신의 사이트 색상과 맞게 수정하여 사용하세요...

압축을 풀면 '미리보기형'과 '팝업형'과  '썸네일' 스킨이 들어있습니다.

daerew1a_gallery             - 미리보기형
daerew1a_galleryPOP       - 팝업형
daerew1a_gallery_GD       - 썸네일형

+ 방명록 형태에 체크하고 사용하세요
+ 쎔네일엔진을 적용한 버젼은 여러가지 문제를 일으킬 수 있으니 초보분들은 일반버젼을 이용해주세요...
+ 썸네일형은 드림퀘스트님의 썸네일 엔진을 사용하였습니다

※ 이번에 포함된 드림퀘스트님의 썸네일엔진은 12월 29일 공개되었던 드림퀘스트님의 레볼루션스킨에 사용된 가장 최신엔진입니다.
이 썸네일 엔진은 크롭기능을 이용하여 정해주는 가로세로 비율을 유지하면서도 이미지의 형태가 흐트러지지 않도록하는 기능이 포함되어 있습니다.

vol.37 daerew1x 게시판형 자료실

2004-12-31T17:32:28+09:00

이 스킨은 2003년 12월에 배포했던 스킨의 개선판 입니다.

상단의 타이틀바 색상은 list_head.php 간편하게 수정할 수 있습니다.
대략 6 번째 줄의 bgcolor='#000000' 이 부분만 원하는 색상으로 수정하면 됩니다.
타이틀 바의 색상에 따라 매우 다른 느낌이나니까 자신의 사이트 색상과 맞게 수정하여 사용하세요...

+ 첨부파일별로 목록에 아이콘이 나타나는 게시판형태의 자료실입니다.
+ 목록에서 파일을 클릭하면 바로 다운로드 받을 수도 있습니다.
+ 이전에 배포하였던 스킨보다 더욱 많은 아이콘을 지원합니다.
+ 이 스킨을 위해 아이콘을 많이 수집하였기 때문에 현재까지 나온 스킨 중에는 가장 많은 아이콘형태를 지원할 겁니다.
+ 아이콘 출력을 위해 list_check 파일을수정해야 합니다.
+ 수정하는 방법은함께 압축되어있습니다.

vol.36 daerew1x 게시판

2004-12-31T17:31:56+09:00

이 스킨은 2003년 12월에 배포했던 스킨의 개선판 입니다.

상단의 타이틀바 색상은 list_head.php 간편하게 수정할 수 있습니다.
대략 6 번째 줄의 bgcolor='#000000' 이 부분만 원하는 색상으로 수정하면 됩니다.
타이틀 바의 색상에 따라 매우 다른 느낌이나니까 자신의 사이트 색상과 맞게 수정하여 사용하세요...

vol.35 세 번째 웹진형 갤러리 - 세로버젼

2004-12-30T17:13:59+09:00

제작 과정에서 몇 가지 문제점이 발견되었으나 게시물 작성을 관리자 중심으로하는 사이트라면 크게 문제없이 사용할 수 있을 것 같습니다.
제 사이트에 사용하기 위해 제작하였으므로 이미지 크기라던지 전반적인 사이즈는 가로 600 픽셀을 기준으로 되어있습니다.
사이즈 수정을 원하시면 첨부된 설명서를 보시고 각자 수정하여 사용하시기 바랍니다.

daerew_webjin3_GD 썸네일 엔진 사용버젼
daerew_webjin3 일반 버젼

일반버젼과 함께 드림퀘스트님의 썸네일엔진을 적용한 버젼을 함께 배포합니다.
이번에 포함된 드림퀘스트님의 썸네일엔진은 12월 29일 공개되었던 드림퀘스트님의 레볼루션스킨에 사용된 가장 최신엔진입니다.
이 썸네일 엔진은 크롭기능을 이용하여 정해주는 가로세로 비율을 유지하면서도 이미지의 형태가 흐트러지지 않도록하는 기능이 포함되어 있습니다.

+ 방명록 형태에 체크하고 사용하세요
+ 카테고리, 공지사항 모두 지원합니다.
+ 간단한 설명서 첨부되어 있습니다.
+ 쎔네일엔진을 적용한 버젼은 여러가지 문제를 일으킬 수 있으니 초보분들은 일반버젼을 이용해주세요...

vol.34 이미지+제목+내용 웹진형 동영상 게시판

2004-09-19T13:02:17+09:00

요청에 의해 기존의 스킨을 수정한 동영상 자동재생 게시판입니다.

+ 동영상 파일은 용량이 크므로 업로드는 지원하지 않고 링크형식만 지원합니다.
+ 카테고리, 공지사항 모두 지원합니다. (이전 버젼은 지원하지 않습니다.)
+ 간단한 수정 방법에 대한 설명서가 첨부되어 있으니 수정하실 분은 각자가 수정하시고 질문은 삼가해주세요~

[설정 방법]
'방명록'에 체크

vol.33 이미지+제목+내용 대류의 두 번째 웹진형 갤러리/게시판

2004-09-03T01:34:15+09:00

+ 웹진형태의 게시판으로 검색 부분만 처리하면 갤러리로 사용해도 괜찮을 것 같습니다.

+ 썸네일 생성은 최상의 썸네일을 만들어내는 엔진인 드림퀘스트님의 DQ'Engine v2.0 을 사용합니다.

+ 압축을 풀면 네 개의 폴더가 나옵니다. 아래의 설명을 잘 보시고 원하는 녀석을 선택해주세요~
- daerew_webjin2 ← 스크린샷의 위쪽에 보이는 놈으로 그림크기가 고정되어 있는 일반적인 형태입니다.
- daerew_webjin2_POP ← 이미지 클릭시 이미지사이즈에 맞게 새창으로 보여주는 놈
- daerew_webjin2_GD ← 스크린샷의 아래쪽에 보이는 놈으로 비율을 맞춰 썸네일을 생성하는 녀석입니다.
- daerew_webjin2_GD_POP ← 이미지 클릭시 이미지사이즈에 맞게 새창으로 보여주는 놈

+ 카테고리, 공지사항 모두 지원합니다. (이전 버젼은 지원하지 않습니다.)

+ 간단한 수정 방법에 대한 설명서가 첨부되어 있으니 수정하실 분은 각자가 수정하시고 질문은 삼가해주세요~

[설정 방법]
'방명록'에 체크
※ 새창버젼을 사용하실 분들은 아래에 전체목록보기에 체크하세요

vol.32 기본적인 갤러리 / 이미지 자료실

2004-08-31T20:31:38+09:00

+ 스크린샷에 보이는 일반적인 형태와 드림퀘스트님의 DQ'Engine v2.0 을 사용한 버젼으로 두 개가 압축되어 있으니 이중폴도로 올리지 않도록 주의하세요...

daerew_BASICgallery_GD 썸네일 엔진 사용버젼
daerew_BASICgallery 일반 버젼

대류커뮤니티의 이미지 자료실에 사용하기 위해 제작한 갤러리스킨 입니다.
이미지 아래에 자동으로 그림자 효과를 주어 액자효과(?)를 줍니다.

소스가 조잡한 관계로 초보분들은 이미지 크기등을 조절하실 때 글자 수라던지 전체적인 크기 조율이 약간 복잡할 수도 있습니다.
그러니 초보분들은 가급적 그냥 사용하시기 바랍니다. 스킨 수정과 관련한 질문은 삼가해주시기 바랍니다.

+ 이미지 크기 조절은 setup.php 파일에서 하실 수 있습니다.
(헷갈리시는 분들은 list_main.php 에서 변수를 제거하고 숫자를 도입하여 사용하시면 되겠습니다.
HTML로 표만 짤 수 있느면 할 수 있는 것이니 질문하지 마시고 분석을 해보시기 바랍니다.)
+ 공지사항 글자수 수정은 list_notice.php 파일에서하시면 됩니다.

[설정방법]
'방명록'에 체크하고 사용하세요

vol.31 디카갤러리 / 인물,제품

2004-08-28T13:14:24+09:00

드림퀘스트님의 썸네일 엔진을 사용한 버젼과 사용하지 않은 일반버젼으로 두 개가 압축되어 있으니 이중폴더를 올리지 않도록 주의하세요..

daerew_DICAgallery_GD 썸네일엔진 사용버젼
daerew_DICAgallery 스샷에 보이는 일반적인

디카갤러리나 인물소개/제품소개용으로 사용해도 괜찮을 것 같습니다.
이전에 배포한 게시판에서 목록부분만 수정한 것으로, 제 홈페이지에 사용할 목적으로 제작하였기 때문에 소스가 좀 초보스럽고 난잡합니다.

소스가 조잡한 관계로 초보분들은 이미지 크기등을 조절하실 때 글자 수라던지 전체적인 크기 조율이 약간 복잡할 수도 있습니다.
그러니 초보분들은 가급적 그냥 사용하시기 바랍니다. 스킨 수정과 관련한 질문은 삼가해주시기 바랍니다.
글자수나 이미지 크기는 list_main.php 파일에서 하시면 됩니다. 주석문이 붙어있습니다.
게시판 가로크기는 게시판관리자 페이지에서 할 수 없으며 역시 list_main.php 에서 설정합니다.

[설정방법]
'방명록'체크

vol.30 웹진형 갤러리 게시판

2004-08-27T15:33:17+09:00

스포츠신문 사이트에서 기사를 보다가 디자인이 이뻐서 따라해봤습니다.
이전에 배포한 게시판에서 목록부분만 수정한 것으로, 제 홈페이지에 사용할 목적으로 제작하였기 때문에 소스가 좀 초보스럽고 난잡합니다.

소스가 조잡한 관계로 초보분들은 이미지 크기등을 조절하실 때 글자 수라던지 전체적인 크기 조율이 약간 복잡할 수도 있습니다.
그러니 초보분들은 가급적 그냥 사용하시기 바랍니다. 스킨 수정과 관련한 질문은 삼가해주시기 바랍니다.
글자수나 이미지 크기는 list_main.php 파일에서 하시면 됩니다. 주석문이 붙어있습니다.

[설정방법]
'방명록'체크
'전체목록보기'체크

vol.29 daerew2x 게시판형 자료실 (첨부파일 10개용 포함)

2004-07-02T23:38:18+09:00

압축을 풀면 '일반용'과 '첨부파일 10개'용 스킨이 들어있습니다.
2xpds_daerew          - 일반
2xpds_daerew_file10 - 첨부파일10

+ 첨부파일별로 목록에 아이콘이 나타납니다.
+ 목록에서 아이콘을 클릭하면 바로 다운로드 받을 수도 있습니다.

아래는 기존버전에 대해 개선된 부분입니다.
---------------------------------------------------------------------------------------------------------------------
1. 소스보완 및 수정
2. 글쓰기 및 글보기 디자인 개선
3. 글쓰기모드로 들어가면 기본 첨부파일 2개가 보이고, "파일추가"에서 + 버튼을 눌릴 때마다 하나씩 증가
- 이 부분은 첨부파일 10개용에만 해당
- 소스구성에 있어서 qoren님과 barum87님이 도움을 주셨습니다.
4. 코멘트 디자인 수정
  - myssun님의 스킨 코멘트 부분을 동의하에 활용하였습니다. http://www.myssun.com
  - 코멘트 좌측에 회원 이미지 출력 (자동리사이즈)
  - 회원 이미지 클릭시 이미지 크기에 맞게 새창
---------------------------------------------------------------------------------------------------------------------

뭐 대략 이렇게 수정된 버젼이구요...
아래의 사항을 참고하세요..
---------------------------------------------------------------------------------------------------------------------

+ 이 게시판은 코멘트 부분에 회원사진을 이용하기 때문에 '회원가입양식' 에서 회원사진에 체크를 해주세요
+ 아이콘 출력을 위해 list_check 파일을수정해야 합니다. 수정하는 방법은 함께 압축되어있습니다.
+ 이중폴더(폴더안에 폴더있는 형태) 이니, 착오없으시기 바랍니다.

● '첨부파일 10개로 추가하기' 강좌보기
   http://www.nzeo.com/bbs/zboard.php?id=cgi_tip&no=5972

● 본 스킨을 적용하기 앞서 트래픽 문제를 집고넘어가야 합니다. 아무래도 사진이 계속해서 뿌려지니... 회원사진 업로드 사진 용량/사이즈 제한하기 (아래 링크주소를 참고하세요)
http://www.nzeo.com/bbs/zboard.php?id=cgi_tip&page=1&page_num=15&category=&sn=off&ss=on&sc=off&keyword=회원사진&prev_no=4533&sn1=&divpage=1&select_arrange=headnum&desc=asc
---------------------------------------------------------------------------------------------------------------------

스킨 테스트
일반이용자용 : http://daerew4u.byus.net/bbs/zboard.php?id=2xpds_daerew
첨부파일10개 : http://daerew4u.byus.net/bbs/zboard.php?id=2xpds_daerew_file10

※ 코멘트 작성시 에러가 뜨거나 회원사진출력 부분과 관련하여 문제가 발생하면 파일 #3 번을 스킨폴더에 덮어 씌워주세요.. 회원사진을 사용하지 않도록 하는 변경된 것 입니다.

vol.28 daerew2x 게시판형 갤러리 (첨부파일 10개용 포함)

2004-07-02T23:37:20+09:00

압축을 풀면 '일반용'과 '첨부파일 10개'용 스킨이 들어있습니다.

2xgallery_daerew                 - 미리보기형 일반
2xgallery_daerew_file10        - 미리보기형 첨부파일10
2xgalleryPOP_daerew           - 팝업형 일반
2xgalleryPOP_daerew_file10  - 팝업형 첨부파일10

아래는 기존버전에 대해 개선된 부분입니다.
---------------------------------------------------------------------------------------------------------------------
1. 소스보완 및 수정
2. 글쓰기 및 글보기 디자인 개선
3. 글쓰기모드로 들어가면 기본 첨부파일 2개가 보이고, "파일추가"에서 + 버튼을 눌릴 때마다 하나씩 증가
- 이 부분은 첨부파일 10개용에만 해당
- 소스구성에 있어서 qoren님과 barum87님이 도움을 주셨습니다.
4. 코멘트 디자인 수정
  - myssun님의 스킨 코멘트 부분을 동의하에 활용하였습니다. http://www.myssun.com
  - 코멘트 좌측에 회원 이미지 출력 (자동리사이즈)
  - 회원 이미지 클릭시 이미지 크기에 맞게 새창
---------------------------------------------------------------------------------------------------------------------

아래의 사항을 참고하세요..
---------------------------------------------------------------------------------------------------------------------

+ 이 게시판은 코멘트 부분에 회원사진을 이용하기 때문에 '회원가입양식' 에서 회원사진에 체크를 해주세요
+ 이중폴더(폴더안에 폴더있는 형태) 이니, 착오없으시기 바랍니다.

● '첨부파일 10개로 추가하기' 강좌보기
http://www.nzeo.com/bbs/zboard.php?id=cgi_tip&no=5972

● 본 스킨을 적용하기 앞서 트래픽 문제를 집고넘어가야 합니다. 아무래도 사진이 계속해서 뿌려지니... 회원사진 업로드 사진 용량/사이즈 제한하기 (아래 링크주소를 참고하세요)
http://www.nzeo.com/bbs/zboard.php?id=cgi_tip&page=1&page_num=15&category=&sn=off&ss=on&sc=off&keyword=회원사진&prev_no=4533&sn1=&divpage=1&select_arrange=headnum&desc=asc
---------------------------------------------------------------------------------------------------------------------

※ 코멘트 작성시 에러가 뜨거나 회원사진출력 부분과 관련하여 문제가 발생하면 파일 #3 번을 스킨폴더에 덮어 씌워주세요.. 회원사진을 사용하지 않도록 하는 변경된 것 입니다.

vol.27 daerew2x 게시판 (첨부파일 10개용 포함)

2004-06-30T22:55:03+09:00

압축을 풀면 '일반용'과 '첨부파일 10개'용 스킨이 들어있습니다.
2xbbs_daerew          - 일반 이용자용
2xbbs_daerew_file10 - 첨부파일 10개

아래는 기존버전에 대해 개선된 부분입니다.
---------------------------------------------------------------------------------------------------------------------
1. 소스보완 및 수정
2. 글쓰기 및 글보기 디자인 개선
3. 글쓰기모드로 들어가면 기본 첨부파일 2개가 보이고, "파일추가"에서 + 버튼을 눌릴 때마다 하나씩 증가
- 이 부분은 2xbbs_daerew_file10 만 해당
- 소스구성에 있어서 qoren님과 barum87님이 도움을 주셨습니다.
4. 코멘트 디자인 수정
  - myssun님의 스킨 코멘트 부분을 동의하에 활용하였습니다. http://www.myssun.com
  - 코멘트 좌측에 회원 이미지 출력 (자동리사이즈)
  - 회원 이미지 클릭시 이미지 크기에 맞게 새창
---------------------------------------------------------------------------------------------------------------------

뭐 대략 이렇게 수정된 버젼이구요...
아래의 사항을 참고하세요..
---------------------------------------------------------------------------------------------------------------------

+ 이 게시판은 코멘트 부분에 회원사진을 이용하기 때문에 '회원가입양식' 에서 회원사진에 체크를 해주세요
+ 이중폴더(폴더안에 폴더있는 형태) 이니, 착오없으시기 바랍니다.

● '첨부파일 10개로 추가하기' 강좌보기
http://www.nzeo.com/bbs/zboard.php?id=cgi_tip&no=5972

● 본 스킨을 적용하기 앞서 트래픽 문제를 집고넘어가야 합니다. 아무래도 사진이 계속해서 뿌려지니... 회원사진 업로드 사진 용량/사이즈 제한하기 (아래 링크주소를 참고하세요)
http://www.nzeo.com/bbs/zboard.php?id=cgi_tip&page=1&page_num=15&category=&sn=off&ss=on&sc=off&keyword=회원사진&prev_no=4533&sn1=&divpage=1&select_arrange=headnum&desc=asc
---------------------------------------------------------------------------------------------------------------------

※ 코멘트 작성시 에러가 뜨거나 회원사진출력 부분과 관련하여 문제가 발생하면 파일 #3 번을 스킨폴더에 덮어 씌워주세요.. 회원사진을 사용하지 않도록 하는 변경된 것 입니다.

vol.26 daerew_money 가계부(용돈기입장)

2004-06-22T17:50:33+09:00

이 스킨은 일정관리스킨인 zae_schedule 으로 유명하신 zae 님의 가계부(용돈관리) 스킨을 수정한 것 입니다.
개인적인 용도로 사용하기 위해 수정한 것이므로 저에게 불필요한 부분들은 모두 삭제된 것 입니다.

※ 게시판 오른쪽 하단의 출납내역 클릭하면 숨겨져 있던 출납내역이 아래쪽으로 열리게 됩니다.

● 기본설정법
1. 관리자 및 회원전용으로 로그인하지 않고는 사용할 수 없습니다.
2. 제로보드 관리자 모드에서 링크 1, 2 번은 체크해제하고 사용하세요.
3. 카테고리 사용에 체크 (1번은 수입, 2번은 지출)
4. 방명록 형태에 체크

● 기본적인 사용법
1. 왼쪽 달력에서 작성하고자 하는 날짜를 클릭한다.
2. 셀렉트 상자에서 작성하고하는 현재 월(月)을 선택한다.
3. 수입과 지출을 선택후 금액을 입력한다.
4. 수입과 지출의 내역을 입력한다.
※ 여기서 주의할 점은 2번의 게시물의 월을 반드시 잘 선택해야 합니다.
    현재 월(月) 부분을 제대로 선택하지 않으면 출납내역의 계산이 틀려질겁니다.

● 달력
왼쪽의 작은 달력은 script 폴더안의 cal,php 파일입니다.

화면의 길이에 따라 달력이 자동으로 스클로되는 형식을 원하신다면 set_up.php 파일을 열어 맨 아래쪽의 <? include("$dir/script/cal.php") ?> 에서 cal.php 를 move_cal.php 로 변경해주면 됩니다.
그리고나서 script 폴더안의 move_cal.php 파일을 열어 달력의 처음위치를 설정해주면 됩니다.
아래와 같이 주석이 붙어 있습니다.

        var stmnLEFT = 145; // 스크롤메뉴의 좌측 위치
        var stmnGAP1 = 100; // 페이지 헤더부분의 여백 (이보다 위로는 올라가지 않음)
        var stmnGAP2 = 200; // 스크롤시 브라우저 상단과 약간 띄움. 필요없으면 0으로 세팅
        var stmnBASE = 200; // 스크롤메뉴 초기 시작위치 (아무렇게나 해도 상관은 없지만 stmnGAP1과 약간 차이를 주는게 보기 좋음)
        var stmnActivateSpeed = 200; // 움직임을 감지하는 속도 (숫자가 클수록 늦게 알아차림)

제 개인적인 용도의 버젼이므로 다양한 환경에서 테스트해보지 못 했습니다.
특별히 문제가 될 부분은 없으리라 생각하지만 문제가 발생한다면 다른 버젼을 사용해 보시기를 권합니다.

가급적 질문은 삼가해 주시기 바라고, 유용하게 사용하셨으면 좋겠네요...

vol.25 깔끔한 음악감상

2004-04-23T19:00:53+09:00

이 스킨은 paz님의 스키을 강소라님이 수정하여 배포했었던 스킨입니다.
하지만 버그가 많고 강소라님이 미처 수정하지 못한 여러가지 문제점들이 있어 배포를 중단했었죠
그것을 제가 예전부터 수정해서 사용하다가 이번에 강소라님의 동의를 얻어 배포하게 되었습니다.

※ 뮤직비디오 아이콘이 회색빛인데요 뮤직비디오가 등록 될 경우 칼라로 바뀝니다. 뮤직비디오 스킨은 ⓣing★™ 이 제작한 것 입니다.

<------------------------------ 사용법 ------------------------------>

1. dbconn.php           파일을 자신의 계정에 맞게 수정하세요
2. sendmail_this2.php 파일을 자신의 계정에 맞게 수정하세요
3. view.php               파일을 열어 자신의 음악게시판 주소를 설정해 주세요
4. 전체 목록 출력 "체크해제"  하세요 ////
5. 제로보드 관리자 페이지에서 링크1,2 모두 체크
6. 제로보드 관리자 페이지에서 자료실 사용 체크
7. 제로보드 관리자 페이지에서 바구니 사용 체크
8. 방명록 기능에 체크하세요

+ 투명 이미지가 아니기 때문에 흰색배경에서만 사용하세요. (다른 배경색이라면 이미지를 수정해서 사용하세요)
+ 문제가 발생하면 가능하면 스스로 해결하시고 질문은 삼가해주시기 바랍니다.
+ 해결하지 못하는 문제가 있으면 제로보드 Q & A 란을 이용해주세요

※ 색상수정
제 홈에서 사용하던거라 색생이 청록생계열인데 수정을 원하시면 아이콘은 포토샵등으로 색상을 수정하시고, 상단 라인은 list_head.php 파일의 16번 째 줄의 bgcolor=0099B2 을 수정하시면 됩니다.

※ 음악이 재생되지 않는 분들은.........
1. dbconn.php 과 sendmail_this2.php 파일의 수정을 제대로 하셨는지 확인해보세요.
2. 계정에서 음악파일의 재생을 지원하는 확인해보세요 음악파일의 재생을 막아둔 계정도 많거든요.
   (이 경우는 음악파일을 업로드하거나 자신의 계정에 두고 불러와 사용하는 경우입니다.)
3. 음악파일의 경로가 정확한지 확인해보세요
4. 음악사이트나 다른 계정의 주소를 링크로 이용할 때는 정확한 주소인지 확인해보세요.
   (그 사이트에서 외부로의 유출을 막아 둔 상태일 수도 있기 때문입니다.)

vol.24 GD 를 이용한 기본 갤러리

2004-04-11T22:31:04+09:00

가로 세로 비율을 유지하면서 보여주는 기본 갤러리 입니다.
드림퀘스트님의 DQ'Engine v2.0 이 사용되었습니다.

+ GD 를 이용하여 썸네일을 생성하므로 로딩속도가 빨라집니다. (jpg파일만 지원)
+ 이미지 크기나 설정등은 setup.php 파일에서 하시면 됩니다.
+ 현재 가로 600 정도에 맞춰놓았습니다. 크기나 간격등은 각자 알아서 수정하시고 이와 관련된 질문은 사절합니다.

[설정방법]
'방명록'체크

vol.23 웹진형 최근게시물 - 세로형태

2004-03-01T19:46:25+09:00

※ 기존의 웹진형 최근게시물은 왼쪽에 이미지가 출력되고 오른쪽에 내용이 출력되는 형식인 것에 반해 이 스킨은 이미지가 위쪽에 제목과 내용이 아랫쪽에 출력됩니다.

위 스킨은 웹진형 최근게시물 스킨이며 아울러 하나의 파일로 스크린샷처럼 여러형태를 출력하는 스킨입니다.
이 스킨은 파인님의 웹진형(게시물만 출력) 최근게시물의 응용된 스킨으로 젠님이 수정하였던걸 정묘진님이 재구성한 스킨을 제가 다시 약간 수정한 스킨입니다.

사용법은 기존 파인님의 스킨보다 훨씬 간단해졌으며 처음엔 좀 헷갈릴수 있으나 여러개의 효과를 내는 하나의 스킨이기 때문에 많은 편리함이 있습니다.

사용매뉴얼은 압축파일안에 동봉되어 있으며
이 스킨에 대한 질문은 기본적으로 제로보드 질문과 답변란을 이용해주시면 감사하겠습니다.
초보분들은 설치가 어려울 수도 있습니다.
한 두 번해보고 안된다고 질문하지 마시고... 여러차례 시도해보셔야 할 겁니다..

vol.22 웹진형 최근게시물 - 가로형태

2004-03-01T19:43:40+09:00

※ 기존의 웹진형 최근게시물은 왼쪽에 이미지가 출력되고 오른쪽에 내용이 출력되는 형식입니다. 이 때 글의 줄 수가 많아져 이미지의 세로높이 보다 커지면 이미지 아랫쪽에 공백이 생기는데 이것을 이미지 왼쪽정렬로 수정하여 웹진형 게시판처럼 이미지 아래쪽 글이 내려가도록 보완하였습니다.

위 스킨은 웹진형 최근게시물 스킨이며 아울러 하나의 파일로 스크린샷처럼 여러형태를 출력하는 스킨입니다.
이 스킨은 파인님의 웹진형(게시물만 출력) 최근게시물의 응용된 스킨으로 젠님이 수정하였던걸 정묘진님이 재구성한 스킨을 제가 다시약간 수정한 스킨입니다.

사용법은 기존 파인님의 스킨보다 훨씬 간단해졌으며 처음엔 좀 헷갈릴수 있으나 여러개의 효과를 내는 하나의 스킨이기 때문에 많은 편리함이 있습니다.

사용매뉴얼은 압축파일안에 동봉되어 있으며
이 스킨에 대한 질문은 기본적으로 제로보드 질문과 답변란을 이용해주시면 감사하겠습니다.
초보분들은 설치가 어려울 수도 있습니다.
한 두 번해보고 안된다고 질문하지 마시고... 여러차례 시도해보셔야 할 겁니다..

vol.21 기본만 있는 텍스트 링크

2004-02-29T15:06:36+09:00

관리자전용 텍스트 링크입니다.
관리자전용이기 때문에 로그인하지 않고는 사용할 수 없습니다. (이름이나 비밀번호 적는란 없음)
상단 카테고리를 지원하며 사용되지 않는 파일들 모두 제거 하여 용량을 줄였습니다.
● 체크사항
   "방명록 형태" 체크
   "링크 1" 체크
   "목록보기, 내용보기 권한 10"  /  나머지는 모두 1 (관리자레벨)
   "내용보기" 권한 10
● 메일이나 쪽지로의 문의는 사절합니다
● 가로 한 줄에 보일 갯수는 setup.php 파일의 $_h_num = 4; // 가로 갯수를 수정
● 링크제목의 가로크기를 수정하시려면 list_main.php 파일 테이블 너비 width=120 을 수정

vol.20 가벼운 설문조사 추출

2004-02-28T15:55:45+09:00

설문조사 추출 스킨을 사용하는데 대부분이 크기나 디자인등이 미리 정해져있기 때문에 매번 수정하기가 번거롭더군요..
그래서 크기나 디자인등을 수정할 필요가 없는 간단한 설문조사 추출 스킨을 제작해보았습니다. 자신의 사이트에 테두리나 배경색을 미리 디자인해두고 삽입만하면 됩니다.

버튼 디자인을 변경하시려면 images 폴더를 열어보시고 이미지 이름과 같게 해서 덮어씌워만 주시면 됩니다.

● 설치하는 방법
1. 다운받은 폴더의 압축을 풀어 index 와 같은 위치에 업로드한다.
2. daerew_vote.php 파일을 메모장등으로 열어 상단의 주석을 달아 놓은 상단의 DB 정보를 입력한다.
3. 원하는 위치에 삽입할 때는 <? include "daerew_vote/daerew_vote.php" ?>와 같이 입력한다.

※ 테스트는 충분히 하였습니다. 잘 되지 않을때는 DB정보가 제대로 입력되었는지 확인해보시고, 인클루드의 경로지정이 제대로 되었는지 확인해보시기 바랍니다.

vol.19 허접한 최근게시물

2004-02-25T05:42:07+09:00

문득 좋은 디자인이 생각나서 무작정 만든다고 덤볐는데, 실력이 모자라 허접한 스킨이 탄생해버렸습니다. ㅜ.ㅜ
테이블크기를 자동으로 조절하는 방법이 있으면 좋을텐데 방법을 몰라 헤메다가 번거로운 스킨이 되어버렸습니다.
타이틀부분의 글자수에 따라 약간씩 수정해서 사용해야 합니다.
기본적인 수정방법은 함께 압축되어 있으니 참고하시면 되겠습니다.
그림에서 보는 것과 같이 6가지 색상이 압축되어있으며 수정은 쉬운편입니다.
부족한 실력때문에 본래 의도와는 다르게 이런놈으로 선보여서 부끄럽네요.....ㅜ_ㅜ;

타이틀 부분 깨진다고 문의하지 마시고, 포함된 설면서를 꼭 읽어보시기 바랍니다.

vol.18 단순한 배너링크 - 글쓰기 관리자 전용

2004-01-29T18:52:05+09:00

관리자만 글 작성이 가능한 배너링크입니다.
배포용으로 제작한 것은 아니고, 그저 대류커뮤니티에서 사용하려고 제작했는데, 혹시나 사용하시 분이 계실까 싶어 올립니다.
관리자전용이기 때문에 로그인하지 않고는 사용할 수 없습니다.
(이름이나 비밀번호 적는란 없음)

카테고리 지원안함
상단 로그인, 정보수정....등 지원안함
사용되지 않는 파일들 모두 제거 되었음

● 기본적인 사용법 첨부

● 체크사항
   "방명록 형태" 체크
   "글내용볼때 아래에 전체 리스트 기능" 체크
   "링크 1,2" 둘 다 체크
   "목록보기, 내용보기 권한 10"  /  나머지는 모두 1 (관리자레벨)
   "내용보기" 권한 10
● 메일이나 쪽지로의 문의는 사절합니다.

제로카운터 접속자 수 조정, 최고 간편한 팁

2004-01-26T01:40:26+09:00

원래 카운터를 출력할 페이지에서 쓰는 명령이 다음과 같습니다.

<? echo $count[total_hit]; ?>

그런데 제로 카운터를 쓰기 전의 방문자가 15000명이었다면 다음과 같이 수정해주면 됩니다.

<? echo 15000+$count[total_hit]; ?>

이렇게 할 경우, 접속 통계 상에는 어떤 '가짜 기록'도 남지 않으면서 예전의 카운터를 보존할 수 있습니다.

vol.17 daerew2 게시판

2004-01-21T14:52:44+09:00

한글버젼과 영문버젼이 함께 들어있습니다.
daerew2GAL_KOR_black  한글 검정색
daerew2GAL_KOR_gray   한글 회색
daerew2GAL_ENG_black  영문 검정색
daerew2GAL_ENG_gray   영문 회색

vol.16 daerew2 게시판형 갤러리 - 미리보기형

2004-01-21T14:51:48+09:00

한글버젼과 영문버젼이 함께 들어있습니다.
daerew2GAL_KOR_black  한글 검정색
daerew2GAL_KOR_gray   한글 회색
daerew2GAL_ENG_black  영문 검정색
daerew2GAL_ENG_gray   영문 회색

+목록에 있는 사진에 마우스를 올리면 미리보기가 뜹니다.
+이미지 파일이 두 개 있으면 미리보기 사진도 두 개가 뜹니다.
+ 이중폴더(폴더안에 폴더있는 형태) 이니, 착오없으시기 바랍니다.

vol.15 daerew2 게시판형 갤러리 - 팝업형

2004-01-21T14:50:34+09:00

한글버젼과 영문버젼이 함께 들어있습니다.
daerew2GALP_KOR_black  한글 검정색
daerew2GALP_KOR_gray   한글 회색
daerew2GALP_ENG_black  영문 검정색
daerew2GALP_ENG_gray   영문 회색

+ 목록의 사진을 클릭하면 원본사이즈에 맞게 새창(찹업창)으로 뜹니다.
+ 이중폴더(폴더안에 폴더있는 형태) 이니, 착오없으시기 바랍니다.

vol.14 daerew2 게시판형 자료실

2004-01-21T14:48:02+09:00

한글버젼과 영문버젼이 함께 들어있습니다.
daerewP2_KOR_black  한글 검정색
daerewP2_KOR_gray   한글 회색
daerewP2_ENG_black  영문 검정색
daerewP2_ENG_gray   영문 회색

+ 첨부파일별로 목록에 아이콘이 나타납니다.
+ 목록에서 아이콘을 클릭하면 바로 다운로드 받을 수도 있습니다.
+ 아이콘 출력을 위해 list_check 파일을수정해야 합니다. 수정하는 방법은 함께 압축되어있습니다.
+ 이중폴더(폴더안에 폴더있는 형태) 이니, 착오없으시기 바랍니다.

이메일주소 무단수집 거부 표준문안 게시 안내

2004-01-19T00:41:26+09:00

o 기술적 장치를 사용한 이메일주소 무단수집 행위자를 처벌하기 위하여는 인터넷 홈페이지에 이메일 주소의 수집을 거부하는 의사가 명시되어 있어야 합니다. (정보통신망법 제50조의2 의 참조)

o 다음 표준문안 예 및 게시방법을 참고하여 홈페이지에 게시하셔야만 법적으로 보호를 받을 수 있습니다.

[전자우편주소 무단수집 거부 표준문안 예]
" 본 웹사이트에 게시된 이메일 주소가 전자우편 수집 프로그램이나 그 밖의
기술적 장치를 이용하여 무단으로 수집되는 것을 거부하며, 이를 위반시
정보통신망법의해 형사처벌됨을 유념하시기 바랍니다 [게시일 2003년 *일 *일]

o 게시 방법
- 해당 웹사이트 홈페이지에 위 표준문안을 게시하거나,
- 홈페이지에 "이메일주소 무단수집 거부"라는 문구를 게시하고,
위의 표준문안과 링크를 하는 방법이 있습니다.

이메일을 기술적 장치를 사용하여 무단으로 수집, 판매·유통하거나 이를 이용한 자는 정보통신망이용촉진및정보보호등에관한법률」 제50조의2 규정에 의하여 1천만원 이하의 벌금형에 처해집니다.

정보통신망법 제50조의2 (전자우편주소의 무단 수집행위 등 금지)
① 누구든지 전자우편주소의 수집을 거부하는 의사가 명시된 인터넷 홈페이지 에서 자동으로 전자우편주소를 수집하는 프로그램 그 밖의 기술적 장치를 이용하여 전자우편주소를 수집하여서는 아니된다.
② 누구든지 제1항의 규정을 위반하여 수집된 전자우편주소를 판매·유통하여서는 아니된다.
③ 누구든지 제1항 및 제2항의 규정에 의하여 수집·판매 및 유통이 금지된 전자우편주소임을 알고 이를 정보전송에 이용하여서는 아니된다.

vol.13 daerew1 게시판형 갤러리 - 팝업형

2003-12-30T15:41:42+09:00

게시판형 갤러리 중 팝업형 갤러리입니다.

압축을 풀면 흰색 타이틀과 회색타이틀 두 개가 있습니다.
둘 중 마음에 드는 색상을 골라 그 폴더만 업로드 해주시면 됩니다.

vol.12 daerew1 익명게시판

2003-12-30T15:40:23+09:00

압축을 풀면 흰색 타이틀과 회색타이틀 두 개가 있습니다.
둘 중 마음에 드는 색상을 골라 그 폴더만 업로드 해주시면 됩니다.

vol.11 daerew1 게시판형 자료실

2003-12-30T02:10:34+09:00

첨부파일별로 목록과 글보기에 아이콘이 나타나는 게시판형태의 자료실입니다.
목록에서 파일을 클릭하면 바로 다운로드 받을 수도 있습니다.

이전에 배포하였던 스노우보드 자료실 스킨보다 더욱 많은 아이콘을 지원합니다.
이 스킨을 위해 아이콘을 많이 수집하였기 때문에 현재까지 나온 스킨 중에는 가장 많은 아이콘형태를 지원할 겁니다.

압축을 풀면 흰색 타이틀과 회색타이틀 두 개가 있습니다.
둘 중 마음에 드는 색상을 골라 그 폴더만 업로드 해주시면 됩니다.

vol.10 daerew1 게시판형 갤러리 - 미리보기형

2003-12-30T02:01:43+09:00

목록에 있는 사진에 마우스를 올리면 미리보기가 뜹니다.
이미지 파일이 두 개 있으면 미리보기 사진도 두 개가 뜹니다.

압축을 풀면 흰색 타이틀과 회색타이틀 두 개가 있습니다.
둘 중 마음에 드는 색상을 골라 그 폴더만 업로드 해주시면 됩니다.

vol.9 daerew1 게시판

2003-12-30T01:57:54+09:00

압축을 풀면 흰색 타이틀과 회색타이틀 두 개가 있습니다.
둘 중 마음에 드는 색상을 골라 그 폴더만 업로드 해주시면 됩니다.

vol.8 하나포스 디자인 외부로그인

2003-07-31T06:55:58+09:00

처음으로 외부로그인 스킨을 만들어 보네요...

하나포스 사이트에 갔다가 로그인이 이쁘길레 그냥 한 번 따라 해봤습니다.
로그인 후가 좀 어색한데 실력이 이것밖에 안됩니다. ^^;

대부분이 이미지로 구성되어 수정하기가 번거롭답니다.
수정없이 사용할 분만 사용하시면 되겠습니다.

vol.7 간단 깔끔 로그인

2003-07-12T21:14:10+09:00

NZEO 의 Wings 님이 제작하신 외부로그인 입니다.
동아리 홈페이지를 개편하면서 사용하려하려고 오류를 수정하고 로그인 후 화면을 약간 수정했습니다.

● 수정 된 부분
- 레벨제한 없는 게시판에 글쓸 때 아이디, 비번 입력하라는 경고창이 뜨던 문제를 해결하였습니다.
- 초보들이 사용할 때 불편하지 않도록 소스를 간단하게 정리하고 자체에 삽입되어 있던 스타일을 제거 하였습니다.
- 로그인 후 포인트 출력 대신 전체 게시물수와 코멘트수를 출력하도록 하였습니다.

vol.6 평범한 최근게시물

2003-07-07T15:35:14+09:00

동아리 홈페이지에 사용하기 위해 제작한 최근게시물 입니다.
역시 최근게시물은 기본적이고 단순한 것이 좋은 것 같다는 생각이 듭니다.

+ 글목록에 마우스 오버시 바탕색이 변하는 효과를 주었고
+ 최근게시물의 타이틀은 이미지처리 한 것입니다.(이미지는 자신의 홈페이지에 맞게 제작하시면 되겠습니다.)

vol.5 스노우보드플러스 한글판

2003-06-28T22:27:15+09:00

LifeSay 님의 게시판을 한글 버젼으로 변경한 스킨 입니다.

vol.4 스노우보드 게시판형 자료실

2003-02-28T02:45:02+09:00

Lifesay 님의 "snowboard_plus" 스킨에 기능을 첨부한 것 입니다.

vol.3 스노우보드 게시판형 갤러리

2003-02-28T01:30:21+09:00

Lifesay 님의 "snowboard_plus" 스킨에 기능을 첨부한 것 입니다.

vol.2 기본적인 최근게시물

2003-02-08T16:29:11+09:00

이 최근게시물을 사용하기 위해서는 outlogin.php 을 열어 아래의 그림과 같이 class=notice 을 추가해야 합니다.
그림에서 보이는 것 처럼 빨간표시 부분을 추가해 주세요...
해당부분을 찾기 위해서 $list = $header.$main_data.$footer; 로 검색하시면 됩니다.

● 현재 4가지 색상 버젼이 있는데요... 색상 수정은 bgcolor="색상" 여기서 수정하시면 됩니다.

제로카운터 설치하기

2003-02-02T14:20:50+09:00

※ 제로카운터는 PHP4 와 MySQL이 지원되는 계정에서만 사용 가능합니다.

설치하기

1. 다운 받은 파일의 압축을 풀고 dbconn 파일에 DB정보를 입력하고, zerocount 폴더를 index 파일이 있는 곳에 업로드 합니다.

2. 인터넷익스플로러를 열어 http://주소/zerocount/admin.php3 로 접속합니다.

이렇게 하면 설치가 끝납니다. 간단하죠? ^^;

Mysql DB에 counter_ip / counter_main / counter_repafer...이런 3개의 테이블이 생성되었을 겁니다.

원하는 위치에 삽입하는 방법

삽입할 페이지의 최상단에 아래의 구문을 삽입합니다.

<?
include "zerocount/dbconn.php3";
include "zerocount/zerocounter.php3";
?>

※ 제로보드 아웃로그인이나 최근게시물과 함께 사용할 경우 아래와 같이 인클루드문을 묶어주시면 됩니다.

<?
        $_zb_url = "http://www.daerew.com/bbs/";
        $_zb_path = "/home1/daerew/public_html/bbs/";
        include $_zb_path."outlogin.php";
        include "zerocount/dbconn.php3";
        include "zerocount/zerocounter.php3";
?>

주의할 점은 위와 같은 경로는 zerocount 폴더가 index 와 같은 위치에 있을 경우입니다.

만일 zerocount 폴더가 index보다 하위 폴더에 있으면 경로가 ./zerocount/dconn...이런 식으로 바뀌겠죠...

이제 아래와 같이 출력 명령어를 적용시키면 됩니다.

$count[total_hit] -> 전체 방문자수
$count[total_view] -> 전체 페이지뷰
$count[today_hit] -> 오늘의 방문자수
$count[today_view] -> 오늘 페이지뷰
$count[yesterday_hit] -> 어제 방문자수
$count[yesterday_view] -> 어제 페이지뷰
$count[max_hit] -> 최고 방문자수
$count[max_view] -> 최고 페이지뷰
$count[min_hit] -> 최저 방문자수
$count[min_view] -> 최저 페이지뷰

실제 적용할 때는 인클루드를 이용하는데요...
아래와 같은 방법으로 원하는 위치에 삽입하면 됩니다.

전체방문자수 : <? echo "$count[total_hit]"; ?>
전체페이지뷰 : <? echo "$count[total_view]"; ?>
오늘방문자수 : <? echo "$count[today_hit]"; ?>
어제방문자수 : <? echo "$count[yesterday_hit]"; ?>

아래의 그림은 제 홈페이지에 쓰인 실제 소스입니다.

제로카운터는 깔끔하고 지난 테이터를 보관,관리할 수 있어 상당히 좋지만 용량을 많이 차지하고 다량의 트래픽을 발생시키는 요인이 되므로 무료계정을 받아 사용하시는 분이나 DB관리를 하지 못하시는 분들은 사용하지 않는 것이 바람직 합니다.

제로카운터의 DB관리

자신의 계정 사이트보면 DB관리 My page가 있을겁니다.
(참고로 저는 비누넷의 계정을 사용함으로 비누넷에 접속하여 디비관리로 들어갑니다.)

위의 그림은 비누넷의 DB관리 접속 화면입니다. (사이트마다 다를테니 관리자에게 문의하세요)
그림의 빨간표시 부분이 저의 DB접속 경로입니다.

DB 에 접속하면 아래의 그림과 같이 생성된 테이블을 보여주는데요...
그 중 빨간표시 부분이 제로카운터 관련 테이블 입니다.

제로카운터 테이블 중에서 counter_ip 와 counter_referer 테이블만 비워주세요. (counter_main건들면 일납니다^^;)

접속자가 많을 경우 일주일에 한번씩~* 적을 경우 보름이나 한달간격으로 제로카운터의 DB를 비워주시면 무난하겠습니다.

※ 방문자가 많거나 DB 관리가 번거로운 분들은 아래의 자동으로 제로카운터 DB를 비워주는 팁을 적용해보세요...

vol.1 허접한 최근게시물

2003-01-21T18:34:06+09:00

예인님 스킨 수정버젼입니다.
배포할만한 것은 못되지만... 초보충에서도 왕 초보를 위한 스킨입니다. --;

각각의 폴더안에 jpg 파일을 자신의 홈에 맞게 수정 후 사용하시면 됩니다.
설명서 첨부되어 있습니다.... 예인님이 이쁘다고 하시길레 혹시나 사용하실 분이있나해서 올려보는거니까 너무 뭐라하지 마세용~~ ㅜ.ㅜ 무섭다...

동아리 홈페이지 만들면서 그홈에 맞게 수정했던 건데요... 어쩌다가 이런스킨이 되어 버렸는지 저도 모릅니다.