스크랩
[4월13일 수정]
색상을 기재하지 않을시 검정색으로 보기 싫은 것 같아서, 기본 색상을 적용했습니다.
multi.jpg
기본색 적용 모습입니다.

[수정 V1.5 (4월9일)] - DIV로 라운드 구현
제로보드사이트에 "사각박스의 코너를 이미지 처리없이 둥글게 구현하는 방법" [레벨:0]느까끼 http://www.zeroboard.com/16694989
에서 팁으로 올려주신 소스를 MH최근글멀티위젯의 카멜레온과 텍스트스킨에 구현해 봤습니다.

1. 기존의 스킨도 사용가능하며 라운드추가 유.무 가능합니다.
    라운드 사용시는 되도록이면 테두리선택을 실선으로 하시면 보기가 좋습니다.
mh_multi_v1.5.jpg
티그님이 지적해 주신 이미지스킨의 경우 내용물이 없거나 1개일때 타이틀이미지 짤리는 문제 일단 소스로 해결
(게시판의 세로 넓이가 예전보다 늘어남) -
apiacere님이 지적해 주신 부분 수정해서 올립니다. 4월7일 오전2시반전에 받으신 분은 받아서 덮어 씌우시면 됩니다. 새로 설치하시는 분은 파일 받아서 설치하세요.
(지적부분 말고도 내부적으로 약간의 수정부분이 있으니 전체버전 받아서 덮어 씌우는 것이 좋습니다.)

MH최신글멀티위젯 V1.3 까지의 설명으로는 한계가 있어서 V1.4부터 다른 게시판을 사용합니다.

V1.4부터는 전버전들 보다 많은 변화가 있습니다.
우선 카멜레온스킨이 추가 되었습니다. 말 그대로 카멜레온같이 작성자 마음대로 보드의 색상을 변환시킬 수 있습니다.
아래의 이미지에서 설명해 놓았듯이 보드안의 모든 색상을 바꿀 수 있으면, 모든 내용을 선택유.무 할 수 있습니다.
chameleon.jpg

아래의 이미지는 위젯 설정화면으로 내용선택유.무와 색상지정, 보드테두리의 선택까지 가능하다는 것을 보여줍니다.
mh_multi_02.jpg

위의 설정란에서 타이틀과 문구표시의 유.무를 선택하면 텍스트뿐만 아니라 칸 자체의 유.무가 결정됩니다.

[설치 하는 방법]
설치하는 방법은 전 버전과 동일합니다.
전 버전을 설치하신 분은 설치후 예전의 보드가 안 보일 수 있습니다.
당황하지 마시고 페이지수정을 눌러서 보드 수정아이콘을 눌러서 예전의 스킨을 선택하시고 밑의 설정을 선택하시면 바로 나타납니다.
(스킨이 추가된 관계로 스킨의 명칭을 약간 변형해서 그렇습니다.)

먼저 다운받은 파일의 압축을 풀어서 mh_multi폴더를 /zbxe/widgets/방안에 업로드합니다.
mh_multi_03.jpg

위젯선택에 가보시면
"MH 최신글 멀티 스킨 [A;전체 / I;이미지 / T;텍스트 / C;카멜레온]" 위젯을 선택하시면 위의 설정화면이 나옵니다.
자신이 원하는 스킨과 색상을 선택하신 후 아래의 내용들도 선택합니다.
여기서 총4가지 스킨을 A/I/T/C로 구별해서 적용되는 스킨을 알아보게 했습니다.
선택이 되지 않는 것은 선택을 하셔도 아무 것도 나타나지 않으니 별 걱정은 하지 않아도 됩니다.

그렇게 해서 만들어진 스킨의 견본들입니다.
mh_multi_01.jpg

텍스트스킨으로 총6가지 색상이 있습니다.  카멜레온스킨으로 사용자가 마음대로 색상을 선택하실 수 있습니다.(이 위젯의 정수)
이미지스킨으로 총11가지 색상을 가지고 있습니다.  전광판스킨 변형으로 1단과 5단 2가지이며 안의 모든 내용을 추가.삭제할 수 있습니다. 

이 버전을 끝으로 특별한 기능의 추가는 없을 것 같습니다. 그러나 잔잔한 버그나 오류는 계속 수정해 나가겠습니다.
많이 사용해 주세요. 

P.S 이위젯을 만들면서 ZBXE의 위젯에 대해서 많은 것을 알았습니다.
ZBXE를 만나기 전에는 CSS가 무엇인지 하나도 모르던 까막눈이 이 위젯을 만들면서 약간의 CSS상식도 얻을 수 있었고,
위젯의 변수들을 어떻게 작성하고 적용하는지도 알게 되었습니다.
이 모든 것이 제로보드사이트에 있는 강의와 팁들에서 배운 것입니다.
이 지면을 빌려 ZBXE를 위해서 아무 댓가없이 노력해 주시는 모든 분에게 감사드립니다.   
이 게시물을...
동일한 Tag의 다른글