웹미니 ver.4.5 버전에 사용한 탭메뉴 최근게시물 스킨입니다. (제로보드XE)
다른위젯 스킨은 유동적이지 못해서 탭메뉴 스킨만 배포합니다.
기본스킨에서 스타일만 살짝 바꾼겁니다.^^
webmini.zip↑다운로드받기
제로보드XE 폴더위치는 다음과 같습니다. 아래경로에 업로드하세요.
widgets/tab_newest_document/skins
미리보기는 http://backzzanggu.cafe24.com (당분간만 열어놓겠습니다.)
2008년 10월 9일 목요일
2008년 9월 29일 월요일
[제로보드XE] 웹미니 ver4.5 버전 레이아웃/로그인 스킨배포
안녕하세요.
제로보드XE를 사용하다가 텍스트큐브로 옮기면서 기존에 사용하던 웹미니4.5 버전 스킨을 배포합니다.
레이아웃스킨과 로그인 스킨 총 두개입니다.
수정할 부분이 있어서 다소 햇갈린 부분이 있지만, 이미지에 대한 경로 수정이니 설명글을 잘보시고, 설치해보세요.
미리보기 - http://web.webmini.net (당분간만 열어두겠습니다.)
질문은 해당글에 댓글로 남겨주세요.
 |  |
로그인 스킨부분입니다. 보시는 바와 같이 Daum 스타일풍으로 디자인 되었습니다.
전체적인 레이아웃 모습입니다.
로그인 후에 상단에 '마이페이지' 에 마우스 오버시 개인관련 정보가 나타납니다.
2차메뉴는 위와 같이 보여집니다.
다음은 스킨에 대한 간단한 설명입니다. 천천히 따라만 해주세요. 이미지 관련해서 수정사항이 몇군데 있습니다.
1. webmini_skin.zip 압축을 풉니다.
2. 압축을 풀면 webmini_main / webmini / images 총 3개의 폴더가 존재합니다.
3. webmini_main (레이아웃스킨) 은 본인의 계정 /layouts/ 에 위치시키시면 됩니다.
4. webmini (로그인스킨) 은 /widgets/login_info/skins/ 에 업로드합니다.
5. images (이미지) 는 로그인시 상단에 보이는 화살표 버튼이니 원하는 곳에 업로드합니다.
수정사항
먼저 로그인 스킨의 로그인전의 '아이디/비밀번호' 이미지 입니다.
webmini(로그인스킨) 안의 login_from.html 파일을 여시고, 16~17 쯤에 /widgets/login_info/skins/webmini/images/default/login_id.gif 부분을 찾으셔서 자신의 로그인스킨 경로로 수정해주세요.
만약 제로보드 zbxe 폴더안에 존재한다면 zbxe/widgets/.... 이런식으로 되겠군요...
마찬가지로 그아랫줄에 /widgets/login_info/skins/webmini/images/default/login_pass.gif 부분을 찾으신후 위와 같은 방법으로 자신의 경로로 수정해주세요.
로그인 스킨 이미지는 수정이 되었네요..
다음은 레이아웃 관련 상단 로그인후에 미니영역 버튼 이미지 입니다.
webmini_main (레이아웃스킨) 안에 js/webmini.js 파일을 여시고, 72,76줄에 이미지를 맨처음 5번의 images 폴더 안에 있는 이미지 주소로 수정해주세요.
webmini_main(레이아웃스킨) layout.html 파일을 여시고, 27줄쯤에 /images/button/btn_mini_off.gif 를 찾으신후 위와 같은 버튼 이미지 주소로 수정해줍니다.
아래쪽으로 내려와서 39번째쯤에 '웹미니 - 웹속에 작은 공간','http://www.webmini.net' 이부분을 자신의 홈페이지 주소와 제목으로 수정해주시면 됩니다.
* 본스킨은 마음데로 수정하셔도 되며, 출처같은건 남기실 필요없습니다. 마음내키시면 웹미니 링크하나 걸어주시면 됩니다.^^
참고로 : 오페라, 사파리, ie6/7 , 크롬, 파폭에 맞추었습니다.
추가 : 로고부분에 마우스 오버시 alt 가 Webmini 로 뜨는데 이것도 같이 수정해주세요.
layout.html 파일을 여시고 alt="Webmini" title="Webmini" 부분을 찾으셔서 자신의 로고 대체 텍스트명을 적어주세요.
3차 메뉴 펼침기능은 아래 링크에 해답이 있습니다. (토리세상)님이 알려주셨습니다. 감사합니다.
http://www.zeroboard.com/?mid=zbxe_user_tip&search_target=title_content&search_keyword=%ED%8E%BC%EC%B9%A8&document_srl=16342642
2008년 9월 21일 일요일
[제로보드4]짱구버전 설문조사 추출스킨
제로보드4 설문조사 추출 스킨입니다.
가로사이즈:150 세로사이즈:200 정도 잡으시면 되겠습니다.
위에 파일을 다운받으시고, dbconn.php파일을 자신의 계정에 맞게 수정해줍니다.
<?
$host_name = "localhost"; // 호스트 네임
$user_name = "아이디"; // db 아이디
$db_name = "디비네임"; // db 네임
$db_password = "비번"; // db 비번
$zero_path = "http://자신의 계정주소/bbs"; // 제로보드의 위치
?>
제로보드 폴더명이 bbs면 자신의 계정주소만 바꿔주시면 됩니다.
그리고 vote.php파일을 여시면 6번째줄에
$id = "pds_vote"; //설문조사 게시판이름
이부분이 있는데 이부분을 자신이 쓰고 있는 설문조사 게시판이름으로 바꿔줍니다.
두줄 내려가면
$log_image = "http://자신의 계정주소/backzzanggu_vote/img"; //이미지 경로
이부분도 자신의 계정주소를 적으시고, 몇줄 더내려가다 보면
@font-face {font-family:웹정;src:url(http://웹폰트주소/jung9.mwf);}
웹정으로 사용하실분은 웹폰트주소 입력해주시고, 그렇지 않는분은 이한줄을 삭제하시고,
웹정으로 써진부분을 굴림이나 돋음등으로 바꿔줍니다.
이제 이스킨을 불러봅시다. 아이프레임으로 부를시 이스킨 불러들일 위치에 아래 소스를 삽입합니다.
<iframe src=http://자신의 계정주소/backzzanggu_vote/vote.php frameborder="0" marginwidth="0" marginheight="0" width="150" height="200" scrolling="no"></iframe>
참고로 위에 우리집설문조사 부분을 바꾸실려면 box_top.gif 파일을 수정하시면 됩니다.
인크루드로 부를시 <? include ("backzzanggu_vote/vote.php") ?> 이소스를 스킨들어갈 원하시는 위치에 삽입하시면 됩니다.
단 이스킨이 들어갈 문서의 확장자 명이 htm이나 html이아닌 php 이여만 합니다. ex)main.php
ps) 새창으로 결과보기를 띄우실 분은 vote.php 파일을 메모장으로 여신후 _self 로 검색후 이부분을 _blank 로 수정하시면 됩니다.
가로사이즈:150 세로사이즈:200 정도 잡으시면 되겠습니다.
위에 파일을 다운받으시고, dbconn.php파일을 자신의 계정에 맞게 수정해줍니다.
<?
$host_name = "localhost"; // 호스트 네임
$user_name = "아이디"; // db 아이디
$db_name = "디비네임"; // db 네임
$db_password = "비번"; // db 비번
$zero_path = "http://자신의 계정주소/bbs"; // 제로보드의 위치
?>
제로보드 폴더명이 bbs면 자신의 계정주소만 바꿔주시면 됩니다.
그리고 vote.php파일을 여시면 6번째줄에
$id = "pds_vote"; //설문조사 게시판이름
이부분이 있는데 이부분을 자신이 쓰고 있는 설문조사 게시판이름으로 바꿔줍니다.
두줄 내려가면
$log_image = "http://자신의 계정주소/backzzanggu_vote/img"; //이미지 경로
이부분도 자신의 계정주소를 적으시고, 몇줄 더내려가다 보면
@font-face {font-family:웹정;src:url(http://웹폰트주소/jung9.mwf);}
웹정으로 사용하실분은 웹폰트주소 입력해주시고, 그렇지 않는분은 이한줄을 삭제하시고,
웹정으로 써진부분을 굴림이나 돋음등으로 바꿔줍니다.
이제 이스킨을 불러봅시다. 아이프레임으로 부를시 이스킨 불러들일 위치에 아래 소스를 삽입합니다.
<iframe src=http://자신의 계정주소/backzzanggu_vote/vote.php frameborder="0" marginwidth="0" marginheight="0" width="150" height="200" scrolling="no"></iframe>
참고로 위에 우리집설문조사 부분을 바꾸실려면 box_top.gif 파일을 수정하시면 됩니다.
인크루드로 부를시 <? include ("backzzanggu_vote/vote.php") ?> 이소스를 스킨들어갈 원하시는 위치에 삽입하시면 됩니다.
단 이스킨이 들어갈 문서의 확장자 명이 htm이나 html이아닌 php 이여만 합니다. ex)main.php
ps) 새창으로 결과보기를 띄우실 분은 vote.php 파일을 메모장으로 여신후 _self 로 검색후 이부분을 _blank 로 수정하시면 됩니다.
[제로보드4]짱구버전 최근게시물 세트
제로보드4 최근게시물 스킨 (세트)입니다.
압축을 풀면 bzgu 폴더안에 3개의 폴더가 있는데 bzgu 폴더를 제로보드 폴더 (bbs)안에 latest_skin 폴더에 업로드합니다.
★최근게시물 설치법
-최근게시물이 보일 해당 페이지 html 맨위에 아래소스 삽입
<?
$_zb_url = "http://자신의계정주소/bbs/";
$_zb_path = "/제로보드절대경로/";
include $_zb_path."outlogin.php";
?>
<!-- 아래 소스는 body와 body 사이 출력되어 보여질 부분-->
-최근공지 보일 위치에
<? print_bbs("bzgu/bzgu_notice", "공지사항", "보여질게시판이름", 2, 30)?> 소스삽입
-최근게시물 보일 위치에
<? print_bbs("bzgu/bzgu_bbs", "자유게시판", "보여질게시판이름", 5, 15)?> 소스삽입
-최근겔러리 보일 위치에
<? print_gallery("bzgu/bzgu_gallery", "포토앨범", "보여질겔러리", 2,70,70,2)?> 소스삽입
이미지사이즈와 보여질 목록수 글수는 자신의 홈피에 맞게 수정하세요.
* 압축을 풀었을때 폴더명을 바꾸실경우 위에 소스 폴더명도 바꾼폴더명으로 수정해주세요.
압축을 풀면 bzgu 폴더안에 3개의 폴더가 있는데 bzgu 폴더를 제로보드 폴더 (bbs)안에 latest_skin 폴더에 업로드합니다.
★최근게시물 설치법
-최근게시물이 보일 해당 페이지 html 맨위에 아래소스 삽입
<?
$_zb_url = "http://자신의계정주소/bbs/";
$_zb_path = "/제로보드절대경로/";
include $_zb_path."outlogin.php";
?>
<!-- 아래 소스는 body와 body 사이 출력되어 보여질 부분-->
-최근공지 보일 위치에
<? print_bbs("bzgu/bzgu_notice", "공지사항", "보여질게시판이름", 2, 30)?> 소스삽입
-최근게시물 보일 위치에
<? print_bbs("bzgu/bzgu_bbs", "자유게시판", "보여질게시판이름", 5, 15)?> 소스삽입
-최근겔러리 보일 위치에
<? print_gallery("bzgu/bzgu_gallery", "포토앨범", "보여질겔러리", 2,70,70,2)?> 소스삽입
이미지사이즈와 보여질 목록수 글수는 자신의 홈피에 맞게 수정하세요.
* 압축을 풀었을때 폴더명을 바꾸실경우 위에 소스 폴더명도 바꾼폴더명으로 수정해주세요.
[제로보드4]한장 최근이미지 스킨
제로보드4 최근이미지 스킨입니다.
다운을 받으시고 압축을 풉니다.
bzgu_gallery 라는 폴더가 생성되면 폴더채로 bbs/latest_skin 에 업로드 하시고 해당 페이지 보일 곳에 아래 소스를 삽입합니다.
<? print_gallery("bzgu_gallery", "원하는문구", "게시판아이디", 1,125,90,1)?>
여기에서 원하는 문구와 게시판 아이디만 자기에 맞게 수정하시고요. 주의할점은 뒤에 1,125,90,1 에서 세로사이즈 90은 조절하셔도 되나 125는 그대로 두셔야합니다. (크기를 수정할경우 테이블이 깨집니다.)
가로사이즈 : 178px
세로사이즈 : 163px
다운을 받으시고 압축을 풉니다.
bzgu_gallery 라는 폴더가 생성되면 폴더채로 bbs/latest_skin 에 업로드 하시고 해당 페이지 보일 곳에 아래 소스를 삽입합니다.
<? print_gallery("bzgu_gallery", "원하는문구", "게시판아이디", 1,125,90,1)?>
여기에서 원하는 문구와 게시판 아이디만 자기에 맞게 수정하시고요. 주의할점은 뒤에 1,125,90,1 에서 세로사이즈 90은 조절하셔도 되나 125는 그대로 두셔야합니다. (크기를 수정할경우 테이블이 깨집니다.)
가로사이즈 : 178px
세로사이즈 : 163px
[제로보드XE]아쿠어 버전 로그인스킨
제로보드XE 아쿠어 버전로그인 입니다.
XE 1.0 이후 버전에서 이용하시길 바랍니다.
압축을 푸시면 webmini_login 폴더안에 색상별로 3개의 폴더가 있습니다. (레드,블루,블랙)
3개의 폴더를 widgets > login_info > skins 에 업로드 후 적용하시면 됩니다.
본스킨은 IE6, IE7, Firefox, Opera, Safari 에서 테스트 했습니다.
만약에 벌어짐 증상이 생길시 css파일에 * {margin:0; padding:0;) 을 추가해주세요.
XE 1.0 이후 버전에서 이용하시길 바랍니다.
압축을 푸시면 webmini_login 폴더안에 색상별로 3개의 폴더가 있습니다. (레드,블루,블랙)
3개의 폴더를 widgets > login_info > skins 에 업로드 후 적용하시면 됩니다.
본스킨은 IE6, IE7, Firefox, Opera, Safari 에서 테스트 했습니다.
만약에 벌어짐 증상이 생길시 css파일에 * {margin:0; padding:0;) 을 추가해주세요.
[제로보드4]한페이지 로그인스킨
압축을 푸시고 webmini 폴더채로 제로보드 폴더 outlogin_skin 안에 넣으세요.
그리고 로그인이 들어갈 페이지 로그인이 삽입될 곳에
<? print_outlogin("webmini","1","10"); ?>
넣으시면 되겠습니다.
피드 구독하기:
글 (Atom)
죄송하지만, 이파일을 해당 레이아웃 css 파일에 덮어씌워주세요.. 레이아웃스킨 안에있는 css 파일 입니다.