웹마스터 팁
나만의 미니홈 만들기 ㅡ 메인 기초 설계2 .레이아웃
2004.11.18 01:11
시작하기 전에 -----
바뀐 부분이 있습니다
전페이지에서 테이블 생성하는 부분이 미흡한 부분이 있어 새로 올렸습니다
아직 설치 하지 않으신 분은 전 페이지의 업로드된 파일을 사용하시면 됩니다 이미 설치하신 분은
수정해 주세요 이전 페이지에 코멘트란에 써 놓겠습니다 --
전 페이지에서 예제로 설명했었는데 마이 어드민을 다루기 힘든 분들도 있을듯해서 생성 파일을 올려 두었습니다
생성파일 확장자를 php로 바꾸어서 업로드 하신다음 실행 시키면 디비테이블에 테이블이 생성됩니다
전페이지에서 만들어 놓은 테이블 생성파일 속엔 user_id가 repter로 되어 있습니다 name 은 테스트 로
member_no 는 1 로 되어 있습니다
필요에 의해서 마이 어드민에서 수정하시던지 하시면 됩니다
생성이 잘되었다면 업로드한 파일은 지워주세요 ------- 11월 18일 오전 1시
전 페이지에서 일단 디비에 미니홈 어드민 테이블(mini_home_admin_table = 이하 미니홈 어드민
테이블이라 하겠습니다 )을 만들었습니다
또한 디렉토리 위치와 기본적으로 쓰여지는 파일이 어느 정도인지 보았구요
홈파일 (home.php = 이하 홈파일이라구 쓰겠습니다) 의 대략적인 모습이나 형태도 설명 드렸구요
이젠 파일을 제대로 만들어서 업로드한 후 미리 만들어진 디비에서 정확히 불러지는지 알아봐야겠죠
미니홈 어드민 테이블에 들어간 user_id가 repter 이므로
주소는 http://계정주소/mini/home.php?id=repter 가 됩니다
이하 소스 입니다 (home.php)
----------------------------------------------------------------------------------------------------
<?
$_zb_url = "계정주소/bbs/";
$_zb_path = "제로보드 절대경로";
include $_zb_path."outlogin.php";
// DB 연결
if(!$connect) $connect=dbConn();
// 멤버정보 구하기
$member=member_info();
// 미니홈에 쓰이는 각종 변수를 mini_home_admin_table에서 불러옴;;
$data=mysql_fetch_array(mysql_query("select * from mini_home_admin_table where user_id='$id'||member_no='$member_no'"));
$data[no] = stripslashes($data[no]);
$member_no = stripslashes($data[member_no]);
$data[name] = stripslashes($data[name]);
$data[comment] = stripslashes($data[comment]);
$data[hompy_layout] = stripslashes($data[hompy_layout]);
/*************************************************************************************************
* $data2( 회원테이블에서 불러오는 데이터의 호출과 이름아이콘의 호출;
**************************************************************************************************/
$data2=mysql_fetch_array(mysql_query("select * from $member_table where user_id='$id'|| no='$data[member_no]'"));
// $data 가 없을때, 즉 탈퇴한 회원인경우 표시
if(!$data[member_no]) Error("개설 되지 않은 미니홈입니다 ♤♤♤", "window.close");
?>
<?
if($data[no]) {
?>
<HTML>
<HEAD>
<meta http-equiv=Content-Type content=text/html; charset=EUC-KR>
<link rel=StyleSheet HREF=style.css type=text/css title=style>
<TITLE><? if($data[mini_name]) { ?><?=$data[mini_name]?> <? } else { ?><?=$data[name]?>님의 미니홈피<? } ?></TITLE>
</head>
<body>
테스트
</body>
</html>
<?
} else Error("정보가 공개되어 있지 않습니다", "window.close");
mysql_close($connect);
?>
--------------------------------------------------------------------------------------------------
제로보드 절대 경로는 관리자 페이지 첫화면 맨 아래에 있습니다 $_zb_path = "제로보드 절대경로"; 이부분을
지워버리구 그 부분에 그대로 복사해서 붙여넣기 하시면 됩니다
위에 있는 소스로 home.php 로 파일을 만드신 다음 업로드 하시면 됩니다
물론 업로드 하시기 전에 전 페이지에서 설명 드렸듯이 미리 mini 라는 이름의 폴더를 만드시구 그안에 넣으시면
됩니다 그후 주소는 http://계정주소/mini/home.php?id=repter 로 불러오면 화면에 테스트란 글이 보이실 겁니다
그럼 성공한 겁니다
혹시 미니홈 어드민 테이블에 user_id 를 자신의 아이디나 혹은 다른 아이디로 변경 하셨다면
http://계정주소/mini/home.php?id=변경된 아이디 로 불러오면 됩니다
같은 방법으로 전 페이지에서 설명 드렸듯이
http://계정주소/mini_test/home.php?member_no=1 이렇게 멤버번호로 호출할 수도 있습니다
다른 아이디나 혹은 멤버번호를 입력했을 때 알러트를 나타냅니다
기본적인 불러오기가 되니 이제 어느정도 모양새를 잡아야겠죠
제 생각을 조금 첨부한다면 스킨을 어느정도 잡아 놓은 상태에서 그 스킨을 에디터에서 테이블로 구획정리(?)
하는게 제일 좋습니다
우선 기본적인 테이블로 레이아웃을 만들어 보겠습니다
아래는 나모 웹에터에서 그대로 따온겁니다
____________________________________________________________________________________________________
<html>
<head>
<title>제목없음</title>
<meta name="generator" content="Namo WebEditor v4.0">
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<!-- 이부분 부터 따로 레이어 폴더에 저장 -->
<table border="0" width="100%" height="100%" style="background-image:url('C:Documents and Settings나바탕 화면1.gif'); background-repeat:no-repeat; background-attachment:fixed;">
<tr>
<td width="973">
<table align="center" border="1" width="773">
<tr>
<td width="567" height="43">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td width="180" align="center" valign="middle" bgcolor="#ECECFA">
<p>메뉴 들어가는 자리 </p>
</td>
</tr>
</table>
</td>
<td width="190" height="412" rowspan="2">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td width="180" bgcolor="#F4D7F4">
<p> 사용자
기본 정보</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="567" height="363" align="center" valign="middle" bgcolor="#EFF0ED">
<p>게시판 들어가는 자리 </p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- 이부분까지 따로 레이어 폴더에 저장 -->
</body>
</html>
______________________________________________________________________________________________________
위에 소스를 보시면 아시겠지만 테이블을 경계로 나누어 놓았습니다
<!-- 이부분 부터 따로 레이어 폴더에 저장 -->에서
<!-- 이부분까지 따로 레이어 폴더에 저장 -->까지 따로 복사해서 파일을 만듭니다 파일 이름은 test_layout.php
입니다 디비에 이미 기본 설정값으로 들어가 있기 때문에 제대로 불러들여지는지 보기 위함입니다 ]
그리구 나서 mini폴더 안에 layer 란 폴더를 생성해 줍니다
------- 인덱스 페이지
|____ 제로보드 (bbs,zboard)
|____ mini
| |__admin
| |__ layer
| |__ skin
| |_____ 미니홈에 들어가는 파일들
|
|
|____ 기타 파일들
그 레이어 폴더 안에 넣으시면 됩니다
그리구 수정 작업을 합니다
처음 만들어 놓은 home.php(홈파일) 을 열어서 "테스트" 라구 써 놓은 부분에
<? include"layer/$data[hompy_layout]"; ?> 라구 써줍니다
그리구 test_layout.php을 편집합니다 처음
<table border="0" width="100%" height="100%" style="background-image:url('C:Documents and Settings나바탕 화면1.gif'); background-repeat:no-repeat; background-attachment:fixed;">
이렇게 써진 부분의 그림 주소 C:Documents and Settings나바탕 화면1.gif 를 skin/<?=$data[skin]?>
으로 바꾸어줍니다
<table border="0" width="100%" height="100%" style="background-image:url('skin/<?=$data[skin]?>' ); background-repeat:no-repeat; background-attachment:fixed;">
이런식으로요 그리구 나서 스킨 폴더를 만들어줍니다 위에 있는 디렉토리 구조 참고하세요
그후에 배경 이미지로 써도 괜챦을 그림을 하나 업로드해줍니다 배경 그림 이름은 test_skin.gif입니다
이제 자신의 미니홈을 다시 한번 불러들여 결과를 확인해 봅니다
아래와 같은 그림의 모습이 된다면 성공하신겁니다
[img:test_mini.home.gif,align=,width=500,height=375,vspace=0,hspace=0,border=1]
바뀐 부분이 있습니다
전페이지에서 테이블 생성하는 부분이 미흡한 부분이 있어 새로 올렸습니다
아직 설치 하지 않으신 분은 전 페이지의 업로드된 파일을 사용하시면 됩니다 이미 설치하신 분은
수정해 주세요 이전 페이지에 코멘트란에 써 놓겠습니다 --
전 페이지에서 예제로 설명했었는데 마이 어드민을 다루기 힘든 분들도 있을듯해서 생성 파일을 올려 두었습니다
생성파일 확장자를 php로 바꾸어서 업로드 하신다음 실행 시키면 디비테이블에 테이블이 생성됩니다
전페이지에서 만들어 놓은 테이블 생성파일 속엔 user_id가 repter로 되어 있습니다 name 은 테스트 로
member_no 는 1 로 되어 있습니다
필요에 의해서 마이 어드민에서 수정하시던지 하시면 됩니다
생성이 잘되었다면 업로드한 파일은 지워주세요 ------- 11월 18일 오전 1시
전 페이지에서 일단 디비에 미니홈 어드민 테이블(mini_home_admin_table = 이하 미니홈 어드민
테이블이라 하겠습니다 )을 만들었습니다
또한 디렉토리 위치와 기본적으로 쓰여지는 파일이 어느 정도인지 보았구요
홈파일 (home.php = 이하 홈파일이라구 쓰겠습니다) 의 대략적인 모습이나 형태도 설명 드렸구요
이젠 파일을 제대로 만들어서 업로드한 후 미리 만들어진 디비에서 정확히 불러지는지 알아봐야겠죠
미니홈 어드민 테이블에 들어간 user_id가 repter 이므로
주소는 http://계정주소/mini/home.php?id=repter 가 됩니다
이하 소스 입니다 (home.php)
----------------------------------------------------------------------------------------------------
<?
$_zb_url = "계정주소/bbs/";
$_zb_path = "제로보드 절대경로";
include $_zb_path."outlogin.php";
// DB 연결
if(!$connect) $connect=dbConn();
// 멤버정보 구하기
$member=member_info();
// 미니홈에 쓰이는 각종 변수를 mini_home_admin_table에서 불러옴;;
$data=mysql_fetch_array(mysql_query("select * from mini_home_admin_table where user_id='$id'||member_no='$member_no'"));
$data[no] = stripslashes($data[no]);
$member_no = stripslashes($data[member_no]);
$data[name] = stripslashes($data[name]);
$data[comment] = stripslashes($data[comment]);
$data[hompy_layout] = stripslashes($data[hompy_layout]);
/*************************************************************************************************
* $data2( 회원테이블에서 불러오는 데이터의 호출과 이름아이콘의 호출;
**************************************************************************************************/
$data2=mysql_fetch_array(mysql_query("select * from $member_table where user_id='$id'|| no='$data[member_no]'"));
// $data 가 없을때, 즉 탈퇴한 회원인경우 표시
if(!$data[member_no]) Error("개설 되지 않은 미니홈입니다 ♤♤♤", "window.close");
?>
<?
if($data[no]) {
?>
<HTML>
<HEAD>
<meta http-equiv=Content-Type content=text/html; charset=EUC-KR>
<link rel=StyleSheet HREF=style.css type=text/css title=style>
<TITLE><? if($data[mini_name]) { ?><?=$data[mini_name]?> <? } else { ?><?=$data[name]?>님의 미니홈피<? } ?></TITLE>
</head>
<body>
테스트
</body>
</html>
<?
} else Error("정보가 공개되어 있지 않습니다", "window.close");
mysql_close($connect);
?>
--------------------------------------------------------------------------------------------------
제로보드 절대 경로는 관리자 페이지 첫화면 맨 아래에 있습니다 $_zb_path = "제로보드 절대경로"; 이부분을
지워버리구 그 부분에 그대로 복사해서 붙여넣기 하시면 됩니다
위에 있는 소스로 home.php 로 파일을 만드신 다음 업로드 하시면 됩니다
물론 업로드 하시기 전에 전 페이지에서 설명 드렸듯이 미리 mini 라는 이름의 폴더를 만드시구 그안에 넣으시면
됩니다 그후 주소는 http://계정주소/mini/home.php?id=repter 로 불러오면 화면에 테스트란 글이 보이실 겁니다
그럼 성공한 겁니다
혹시 미니홈 어드민 테이블에 user_id 를 자신의 아이디나 혹은 다른 아이디로 변경 하셨다면
http://계정주소/mini/home.php?id=변경된 아이디 로 불러오면 됩니다
같은 방법으로 전 페이지에서 설명 드렸듯이
http://계정주소/mini_test/home.php?member_no=1 이렇게 멤버번호로 호출할 수도 있습니다
다른 아이디나 혹은 멤버번호를 입력했을 때 알러트를 나타냅니다
기본적인 불러오기가 되니 이제 어느정도 모양새를 잡아야겠죠
제 생각을 조금 첨부한다면 스킨을 어느정도 잡아 놓은 상태에서 그 스킨을 에디터에서 테이블로 구획정리(?)
하는게 제일 좋습니다
우선 기본적인 테이블로 레이아웃을 만들어 보겠습니다
아래는 나모 웹에터에서 그대로 따온겁니다
____________________________________________________________________________________________________
<html>
<head>
<title>제목없음</title>
<meta name="generator" content="Namo WebEditor v4.0">
</head>
<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<!-- 이부분 부터 따로 레이어 폴더에 저장 -->
<table border="0" width="100%" height="100%" style="background-image:url('C:Documents and Settings나바탕 화면1.gif'); background-repeat:no-repeat; background-attachment:fixed;">
<tr>
<td width="973">
<table align="center" border="1" width="773">
<tr>
<td width="567" height="43">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td width="180" align="center" valign="middle" bgcolor="#ECECFA">
<p>메뉴 들어가는 자리 </p>
</td>
</tr>
</table>
</td>
<td width="190" height="412" rowspan="2">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td width="180" bgcolor="#F4D7F4">
<p> 사용자
기본 정보</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="567" height="363" align="center" valign="middle" bgcolor="#EFF0ED">
<p>게시판 들어가는 자리 </p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- 이부분까지 따로 레이어 폴더에 저장 -->
</body>
</html>
______________________________________________________________________________________________________
위에 소스를 보시면 아시겠지만 테이블을 경계로 나누어 놓았습니다
<!-- 이부분 부터 따로 레이어 폴더에 저장 -->에서
<!-- 이부분까지 따로 레이어 폴더에 저장 -->까지 따로 복사해서 파일을 만듭니다 파일 이름은 test_layout.php
입니다 디비에 이미 기본 설정값으로 들어가 있기 때문에 제대로 불러들여지는지 보기 위함입니다 ]
그리구 나서 mini폴더 안에 layer 란 폴더를 생성해 줍니다
------- 인덱스 페이지
|____ 제로보드 (bbs,zboard)
|____ mini
| |__admin
| |__ layer
| |__ skin
| |_____ 미니홈에 들어가는 파일들
|
|
|____ 기타 파일들
그 레이어 폴더 안에 넣으시면 됩니다
그리구 수정 작업을 합니다
처음 만들어 놓은 home.php(홈파일) 을 열어서 "테스트" 라구 써 놓은 부분에
<? include"layer/$data[hompy_layout]"; ?> 라구 써줍니다
그리구 test_layout.php을 편집합니다 처음
<table border="0" width="100%" height="100%" style="background-image:url('C:Documents and Settings나바탕 화면1.gif'); background-repeat:no-repeat; background-attachment:fixed;">
이렇게 써진 부분의 그림 주소 C:Documents and Settings나바탕 화면1.gif 를 skin/<?=$data[skin]?>
으로 바꾸어줍니다
<table border="0" width="100%" height="100%" style="background-image:url('skin/<?=$data[skin]?>' ); background-repeat:no-repeat; background-attachment:fixed;">
이런식으로요 그리구 나서 스킨 폴더를 만들어줍니다 위에 있는 디렉토리 구조 참고하세요
그후에 배경 이미지로 써도 괜챦을 그림을 하나 업로드해줍니다 배경 그림 이름은 test_skin.gif입니다
이제 자신의 미니홈을 다시 한번 불러들여 결과를 확인해 봅니다
아래와 같은 그림의 모습이 된다면 성공하신겁니다
[img:test_mini.home.gif,align=,width=500,height=375,vspace=0,hspace=0,border=1]
댓글 0
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 나만의 미니홈 만들기 ㅡ 메인 기초 설계2 .레이아웃 | 예뜨락 | 2004.11.18 |
나만의 미니홈 만들기 ㅡ 메인 기초 설계 .home.php
[12]
 | 예뜨락 | 2004.11.17 |
| 나만의 미니홈 만들기 ㅡ 글쓰기에 앞서... [1] | 예뜨락 | 2004.11.17 |
| 한꼬마의 제로보드 이용법 (sql로 테이블 호출) [2] | 한꼬마 | 2003.11.26 |
|
인터넷 사이트 , MS 오피스로 관리하기
[3]
| 한꼬마 | 2003.09.22 |
|
PHP 혼자 공부하기 - 12 :: SQL문
[6]
| 행복한고니 | 2003.04.20 |
|
NZEO 이메일 인증 따라하기 [또 수정 --;]
[44]
| teslaMINT | 2003.02.22 |
| NZEO 쪽지 수신 허용/거부 따라하기 ~(=ㅁ=)~ [12] | teslaMINT | 2003.01.28 |
| 파일 하나로 끝내는-_- NZEO 북마크...-_-a [14] | ineal | 2003.01.13 |
| 휴대폰 결재 활용 (최종) | 한꼬마 | 2002.11.26 |
|
휴대폰 결재 설치 및 테스터
[3]
| 한꼬마 | 2002.11.24 |
| 모닝샵 이용해서 쇼핑몰 만들기 (서론) [5] | 한꼬마 | 2002.11.19 |
| 제로보드로 유료 사이트 만들기 (결제 테이블) [2] | 한꼬마 | 2002.10.30 |
|
[PHP 초보에서 중수로 - 쿠키편] 1강 : 쿠키의 이해
[2]
| TheMics | 2002.08.31 |
| PHP의 제어구조 [2] | Mr. JH | 2002.08.22 |
| 테이블 생성시 데이터베이스의 타입설정 [2] | Mr. JH | 2002.08.22 |
| [초보자] 자기 계정에 APM,Perl,PHP이 지원하는지 알아보기. [5] | ZipShin | 2002.08.01 |
| 회원관리 프로그램을 구현하고 싶은신 분들께.. [7] | [폐]허접-_- | 2002.03.18 |
| ▩찾기 기능을 내 홈페이지에 넣어보자 [1] | ▩윤미 | 2002.02.26 |
| [HTML 초보자]동영상을 출력하자-7(Object) [2] | ZipShin | 2003.01.03 |