로그인 회원가입

로그인

아이디
비밀번호
ID/PW 찾기
아직 회원이 아니신가요? 회원가입 하기

무능한 콩방장의 박람회 1회차

Profile
Ernst
 

저스트 게시글은 처음인 무능한 콩방장입니다. 흠냐

 

지금까지 제가 개발해본 틀 중에 마음에 드는 것을 꼽아 소개해보려고 합니다.

제일 마음에 드는 틀 디자인이나, 기능 또는 앞으로 발전시킬 수 있을 것 같은 점에 대해 댓글로 달아주시면

앞으로 활동에서 참고하겠읍니다.

 

참고로 틀이나 문서 모두 모바일이 아닌 PC 버전, 크롬을 기준으로 제작되어 있으니 감상에 주의해주세요

 


 

정보창 틀.PNG

 

1. 가로로 꽉찬 정보창

 

현재 에른스트 문서 스타일의 주축을 담당하는 새로운 형태의 정보상자 대체용 틀이다.

모바일 게임의 캐릭터 정보창을 모티브로 제작했으며, DIV를 적극적으로 활용하여 만든 최초작이라고 할 수 있다.

2020/4/8을 마지막 수정으로 벌써 1년이 넘은 오래된 틀이다.

해당 틀 문서

현재는 조금더 깔끔한 문법으로 정리한 형태로 변경되었다.

해당 틀 문서

 


 

테크트리 틀.PNG

 

2. 테크트리

 

함선의 테크트리 형식의 둘러보기 틀을 제작하면서 만들었다. 현재 에른스트 군함 문서에 적용되어 있다.

월드 오브 워쉽의 테크트리 창을 모티브로 제작했으며, DIV 활용에 익숙해지면서 제작할 수 있었다.

또한 적용된 문서명을 검토하고 자동으로 이미지 강조와 링크 해제가 가능하도록 설계되어 있다.

해당 틀 문서

 


 

이미지맵 틀.png

 

3. 유사 이미지맵

 

지도에 해당 국가의 영토를 클릭하면 그 국가의 문서로 링크되는 이미지맵은 개발 계획이 항상 있었다.

DIV로 만들어낸 사각형 영역에 링크와 툴팁을 생성하는데 성공했고 투명도를 통해 시야에서 배제시켜 완성했다.

그러나 미디어 위키에서 활용되는 이미지맵에 비해 많은 한계가 있는데 기본적으로 사각형 영역이라는 것이 대표적이다.

해당 틀 문서

 


 

캔들차트 틀.PNG

 

4. 캔들차트

 

파서함수인 #expr을 활용할 수 있는 방법을 찾는 중 코인 떡밥이 식지 않았기에 봉차트에 도전하기로 했다.

따라서 시험용으로 만들어낸 캔들차트 틀이다.

시가, 종가, 고가, 저가를 입력해서 자동으로 양봉과 음봉을 생성해줄 수 있다.

해당 틀 문서

 


 

연표막대 틀.PNG

 

5. 연표형 틀

 

DIV로 사각형 형태의 영역을 만드는 것에 영감을 받아 연표막대를 제작해보았다.

빌헬름 3세의 문서를 제작하면서 부가적으로 제작에 들어갔으며, DIV 요소도 그리 많지 않기에 그다지 어려운 틀은 아니다.

이 또한 적용된 문서명을 식별하고 링크를 해제시키는 성능을 추가할 예정이다. 

해당 틀 문서

 


 

6. 신세대 펼치기 접기 형식

 

DIV를 통해서 펼치기 접기 형식을 지정할 수 있음을 미디어위키를 둘러보다 알아낸 에른스트는 문득

이것을 통해 펼치기 접기 버튼의 색이나 형식, 디자인을 변경할 수 있음을 직감적으로 떠올렸다.

그 즉시 연구 개발에 착수하여 그 무언가를 만들어 내고 마는데...

 

설명글은 잘 못쓰는 관계로 이와 관련되어 공산님이 저스트보드에 설명 게시글을 올려주셨다.

 

해당 저스트보드 게시글

댓글
1
Profile

대체역사, 설정, 창작, 위키이용시 궁금한 점이나 팁 등 제이위키에 대한 광범위한 내용을 다룹니다.

로그인

아이디
비밀번호
ID/PW 찾기
아직 회원이 아니신가요? 회원가입 하기