게시판 스킨 미리보기

아보카도 에디션에서 사용 가능한 스케줄 게시판입니다.

기존에 있던 겹치는 일정이 있을때 일정 라인이 끊어지는 부분을 수정하였습니다.

게시판으로 쓸 수 있는 스킨과 최신글스킨(커뮤 메인이나 다른 페이지등에 출력하는 용도)이 포함되어있습니다.

 

최신글 스킨 미리보기 / 마우스오버시 칸이 늘어나며 잘린 내용이 보임

제목이 길어 잘리는 내용은 ... 으로 표시되며 해당 일정에 마우스오버하면 잘린 내용이 보입니다.

 

 

 

사용 방법

[ 폴더 업로드 구조 ]

ㄴskin

    ㄴboard

        ㄴschedule2 (게시판용)

    ㄴlatest

        ㄴschedule2 (최신글용)

* read_me.txt (업로드안함)

 

압축을 해제하면 나오는 skin 폴더와 read_me.txt중 skin 폴더를 ftp 최상위 폴더(www, html, public_html 등)에 업로드합니다.

또는 필요한 게시판/최신글 스킨 폴더만(skin/board 또는 skin/latest 폴더의 schedule2 폴더) ftp의 같은 위치(skin/board 또는 skin/latest 폴더 안)에 업로드 해줍니다.

(퍼스널버전엔 latest 폴더가 없는데 그냥 latest 폴더째로 업로드하거나 하나 만들어주시면 됩니다)

 

* 서로 다른 스킨이지만 폴더명이 같으니 주의해서 수정/업로드 해주세요

** read_me.txt는 설명용 텍스트파일로 업로드 하지 말아주세요

글쓰기 폼

  • 날짜까지만 설정 가능하며 시간은 설정 불가합니다.
  • 요약에 내용을 적으면 팝업레이어와 오늘의 일정에 해당 내용이 출력됩니다. (첫번째 미리보기 이미지의 '오후 6시 공개' 부분)
  • 비밀글을 작성해도 요약내용까지는 목록에 출력됩니다.
  • 표시 색상의 색깔은 style.css에서 추가/수정 가능하며 글씨도 변경 가능합니다.

 

* 참고로 게시판스킨에서 달력 위쪽의 작년/내년/지난달/다음달으로 넘어가는 화살표버튼들은 퍼스널버전에서는 사용하지 않는 아이콘 폰트를 사용하고 있기 때문에 적절하게 바꿔주시거나 기존 아보카도에서 해당 폰트가 들어있는 폴더를 뜯어서 같은 위치에 업로드해 써주시면 됩니다(css/fonts 폴더)

변경할 내용: board/schedule2 폴더의 style.css

font-family:'icon'; 삭제

해당하는 따옴표 안의 문자 변경

 

 

표시색상 추가/변경 방법

여분필드 1 값에 원하는 색상 개수를 적어주세요. 적지 않을 경우 기본값은 4입니다

 

스킨 폴더의 style.css 맨 아래에서 위 내용을 찾아 

.color_숫자{background:색상코드;} 형식으로 색상을 지정하고

#bo_w .ico.color_숫자:before{content:"내용";} 형식으로 설명을 추가합니다. (사실 글쓸때 빼곤 볼일이 없으니 적당히 알아보게만 지정하시면 됩니다)

다른 색상을 변경하고 싶을 경우 색상코드와 content:"내용" 에서 내용에 해당하는 부분을 수정해줍니다.

 

예시

.color_1{background:rgba(250, 142, 60, 0.8);}
.color_2{background:#4ffa3ccc;}
.color_3{background:linear-gradient(#e66465, #9198e5);} 
.color_4{background:url('./bg_4.png'); }
.color_5{background:#eeeeee;}

#bo_w .ico.color_1:before{content:"분류1";}
#bo_w .ico.color_2:before{content:"분류2";}
#bo_w .ico.color_3:before{content:"분류3";} 
#bo_w .ico.color_4:before{content:"분류4";}
#bo_w .ico.color_5:before{content:"분류5";}

** 최신글 스킨을 사용할 경우 최신글 스킨 폴더 내의 style.css도 변경해주셔야 합니다.

 

메인 출력 방법

최신글 스킨을 업로드하셔야 사용 가능합니다.

main.php (또는 출력 원하는 페이지 위치) 파일에서 스케줄 스킨을 넣을 자리에 아래 코드를 삽입하여주세요

<?=latest( 'schedule2', '게시판아이디', 31 )?> 

* 최신글스킨 폴더 이름을 변경하였을 경우 schedule2대신 변경한 폴더 이름을 써주세요

 

예시: 게시판 아이디(게시판 생성시 TABLE 항목에 적는 내용)가 schedule 일 경우

<div id="main_image_box" class="theme-box">
    <?=latest('schedule2','schedule',31)?>
</div>

** 만약 예시처럼 아보카도 에디션을 사용하여 main_image_box div안에 스케줄 스킨을 넣을 경우 스타일이 깨지는데 css 폴더의 main.css 에서 line-height:260px; <이 내용을 찾아 삭제해주세요. (필요한 경우 height:260px(3군데있음)도 찾아 늘려줍니다. 늘일 경우 #main_banner_box의 height:130px도 알맞게 수정해주셔야 사이즈가 맞춰집니다)

* 스타일을 수정한 뒤에 변경된 내용이 제대로 보이지 않으면 캐시 삭제를 진행해주세요

 

 

 

** 22.09.20 11:22 게시판스킨에서 첫번째주에 일정이 있을 경우 일정 바가 마지막 날까지 연장되지 않는 문제 수정, php 7버전 이상에서 상단에 오류메시지가 출력되는 문제 수정 (list.skin.php)

** 22.09.23 17:13 게시판 뷰에서 오류메시지가 출력되는 문제 수정, 비밀글 대응 (list.skin.php, view.skin.php, latest.skin.php)

 

다운로드

< 스케줄 게시판 ver.2 다운로드 >

 

 

1 2 3 4 5 6 7 8 9 ··· 52