웹마스터 팁
나만의 미니홈 만들기 ㅡ 메인 기초 설계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
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 퍼미션을 보기좋게 구하자! [4] | 플로렐라 | 2005.01.03 |
| 나만의 미니홈 만들기 ㅡ delete.php 파일 [2] | 예뜨락 | 2005.01.03 |
| "를 그냥 사용하기 [3] | 추천대화상대 | 2005.01.02 |
IE 에서도 투명 알파값이 적용된 PNG 이미지를 맘껏 활용하자!
[8]
 | THE PAPER™ | 2004.12.27 |
|
나만의 미니홈 만들기 ㅡ메뉴에 게시판 연결
[5]
| 예뜨락 | 2004.12.17 |
| 4. 쿼리문 [6] | 티다 | 2004.12.11 |
| '참조'에 관한 간단한 예제 | 플로렐라 | 2004.12.09 |
| 개판 오분전 라인 그래프 [4] | 미친개 | 2004.12.01 |
| 실명 진위여부 확인 [10] | piasol | 2004.12.01 |
| 나만의 미니홈 만들기 ㅡ write.php 파일과 write_ok [5] | 예뜨락 | 2004.11.30 |
|
나만의 미니홈 만들기 ㅡ view.php 파일과 제목링크
[9]
| 예뜨락 | 2004.11.27 |
|
나만의 미니홈 만들기 ㅡ list.php , 디비 테이블 생성
[6]
| 예뜨락 | 2004.11.26 |
| 나만의 미니홈 만들기 ㅡ 게시판 list.php 파일의 모양새 [6] | 예뜨락 | 2004.11.23 |
|
나만의 미니홈 만들기 ㅡ 게시판의 디자인
| 예뜨락 | 2004.11.22 |
|
나만의 미니홈 만들기 ㅡ 미니홈 생성 페이지
[3]
| 예뜨락 | 2004.11.20 |
|
나만의 미니홈 만들기 ㅡ 기초적인 관리 페이지
[3]
| 예뜨락 | 2004.11.20 |
|
나만의 미니홈 만들기 ㅡ 메인 기초 설계3 .레이아웃
[2]
| 예뜨락 | 2004.11.19 |
| 나만의 미니홈 만들기 ㅡ 메인 기초 설계2 .레이아웃 | 예뜨락 | 2004.11.18 |
|
나만의 미니홈 만들기 ㅡ 메인 기초 설계 .home.php
[12]
| 예뜨락 | 2004.11.17 |
| 나만의 미니홈 만들기 ㅡ 글쓰기에 앞서... [1] | 예뜨락 | 2004.11.17 |