다중 팝업레이어 공지 세트 [업그레이드] > 그누4 스킨

그누4 스킨

스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y
그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.

다중 팝업레이어 공지 세트 [업그레이드] 정보

기타 다중 팝업레이어 공지 세트 [업그레이드]

첨부파일

popup_multi_upgrade.zip (105.5K) 393회 다운로드 2008-12-06 01:09:22
jquery.colorPicker.js (5.0K) 68회 다운로드 2008-12-06 10:55:18

본문

최신 utf-8 베이직 스킨으로 작업했습니다.
dhtml 에디터 사용해도 되고 안해도 됩니다.

euc-kr 사용자는 아래 변화툴로 decode후 테스트하세요.
http://sir.co.kr/bbs/board.php?bo_table=g4_convert&wr_id=225

원본 수정된곳 없으므로 묶여있는 구조대로 업로드후 테스트합니다.

반드시 해야할 내용;

##############################################################
jquery 코어파일을 사용하지 않는경우 head.sub.php에 한줄추가.
<script type="text/javascript" src="<?=$g4['path']?>/js/jquery-1.2.6.pack.js" charset="UTF-8"></script>
-------------------------------------------------------------
popup_multi.lib.php는 extend 폴더에 업로드합니다.
-------------------------------------------------------------
최신글 스킨, 게시판 스킨은 지정된 위치에 업로드합니다.
-------------------------------------------------------------
popup_multi.css는 헤더에 링크하거나 기존 링크된 외부CSS파일에 붙여넣어도 됩니다.
-------------------------------------------------------------
썸네일 사이즈 : 여분필드1 에 80 입력
썸네일 생성품질 : 여분필드2 에 100 이하 입력
썸네일 보여줄 갯수 : 여분필드3 에 4 입력
팝업공지용 게시판의 분류에는 보여줄 `대메뉴값` 으로 각각 생성합니다.
##############################################################

*그룹이나 특정 변수로 대메뉴를 구성한 경우 각 대메뉴별로 팝업을 따로 보여줍니다.

단순한 호출방법(-페이지마다 직접호출하는)은 옵션값을 직접입력합니다.
가급적 페이지 하단에 코딩합니다.
<?php
//옵션값은 공지게시판의 분류명을 직접 입력합니다.
echo popup_multi("latest_pop_multi", "테이블명", 5, 40, "게시판분류명");
?>

공통파일에 한번만 호출하면서 변수로 구분해서 띄우는 방법;
-개인의 페이지 분기 변수값과 스킨호출에서 옵션값을 일치시키는 방법으로 응용합니다.

초보분들을 위해 예를들자면..
http://tottoe.com/?ix=toe
http://tottoe.com/?ix=community
처럼 "ix=어떤값" 으로 페이지를 구분하는경우 공지게시판의 분류에 toe|community 넣어주고,
최신글 호출은 echo popup_multi("latest_pop_multi", "테이블명", 5, 40, $ix); 로 하면 됩니다.
$ix가 환경변수에 선언되지않고 단순히 겟으로 처리했다면 $_GET['ix']처럼 되겠죠..

예제;

아래는 공통파일인 tail.sub.php에서 호출하면서 특정 디렉토리에서는 팝업을 제한하는 예제입니다.
<?
switch (TRUE)
{
  case preg_match("/\/".$g4['admin']."\/.*.php$/", $_SERVER[PHP_SELF]) ://관리자 폴더제외
  case preg_match("/\/customer\/.*.php$/", $_SERVER[PHP_SELF]) ://customer 폴더제외
    $ix = 'none';//비우면 활성화된 모든 팝업을 보여주므로 존재하지 않는 분류명을 입력합니다.
  break;

  default : $ix = $ix;
  break;
}
if ($g4['bbs'] !== basename(dirname($_SERVER['PHP_SELF'])))//회원가입 prototype ajax와 충돌회피
{
  echo popup_multi("latest_pop_multi", "notice", 5, 40, $ix);//옵션값 없으면 모두 띄웁니다.
}
?>


업그레이드된 내용;

- 팝업창의 크기, 위치, 정렬, 기간을 각 창마다 설정할수있습니다.
- 컬러피커를 적용해서 배경색상, 테두리색상을 설정하게 했고 테두리 두께, 투명도 설정역시 각 창마다 다르게할수 있습니다.
- 관리자일때 뷰페이지에서 팝업내용과 비밀글해제를 제외한 모든 설정을 편리하게 바꿔줄수있습니다.
- 팝업창의 드래그 스크립트를 jquery ppdrag로 교체하였습니다.
  z-index값을 9999이하로 순차적으로 설정하므로 원하는 팝업창을 맨앞으로 나오게 할수있습니다.
  뒤에있는 팝업창을 클릭하면 맨앞으로 나오도록 z-index값을 10000으로 설정해두었습니다.
    -- 놓으면 다시 원위치에 들어갑니다. 나온상태로 유지하는것이 최선이나 구현하지 못함..

- 수정시 첨부이미지 썸네일 보여주고 클릭해서 원본확인 가능,
- 그누보드 원본수정 없음

jquery 스크립트는 스킨 뷰페이지 팝업관리자 설정부분과 팝업창 드래그에 사용됩니다.
추천
10
  • 복사

댓글 전체

체크 감사합니다.

가장 간단한 플러그인을 붙여본건데 문제가 있네요.
보완되는 대로 코멘트에 붙여놓겠습니다.
우선 아래처럼 처리해서 ie6에서는 필드에 hex코드를 직접입력하는 방법으로 사용은 가능합니다.

<!--[if !(IE 6)]>
<script src="<?=$g4[path]?>/js/jquery.colorPicker.js" type="text/javascript" charset="UTF-8"></script>
<![endif]-->
<![if !IE]>
<script src="<?=$g4[path]?>/js/jquery.colorPicker.js" type="text/javascript" charset="UTF-8"></script>
<![endif]>
<!--[if !(IE 6)]>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function()
{
  $j('#wr_5').colorPicker();
  $j('#wr_6').colorPicker();
});
</script>
<![endif]-->
<![if !IE]>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function()
{
  $j('#wr_5').colorPicker();
  $j('#wr_6').colorPicker();
});
</script>
<![endif]>
별다른건 없구요..
이게 모든 브라우저에서 똑같이 동작하는것 같네요.
easydrag는 일부 브라우저에서는 뒤에 묻힌창을 클릭할때 앞으로 안나오는 현상이 있네요.
두분 코멘트 감사합니다.

호출에 대한 설명이 좀 부족한것 같은데요.

기본적으로
<?=popup_multi("latest_pop_multi", "공지게시판명", 5, 40, "분류명");?>
이렇게 원하는 곳에 호출해보시면 됩니다.

분류명은 공지게시판의 분류명중 하나입력, 5는 띄울갯수 최대, 40은 제목길이 입니다.


공통파일에 일괄호출시 분류명을 적는 자리에 변수를 활용해서 응용할수 있다는 것이구요..
popup_multi.css는 헤더에 링크하거나 기존 링크된 외부CSS파일에 붙여넣어도 됩니다

=> 어느 파일에다가 링크를 걸수 있나요?

common.php 등등 뒤져봤는데 모르겠어요
페이지에 오류가 있으면 이 메시지를 항상 표시를 체크해제해 주시고 확인버튼을 눌러주시면 됩니다.
이 창은 페이지에 오류가 있을때 뜨는 것이므로 체크를 해제해 주시면 페이지에 오류가 있더라도 안뜨며 뜨는것이 좋다 싶으시면 체크후 확인 버튼을 눌러주시면 됩니다..^^

그리고 index.php 파일을 확인해 주시기 바라며, 또는 항상 홈페이지를 업데이트 시켜주세요.*^^*
© SIRSOFT
현재 페이지 제일 처음으로