스킨9 사이드 바 - 달력 / 글 보관함 / 링크 스킨마다 있을 수도 있고 없을 수도 있는 사이드 바의 각 아이템들 중에... 북클럽 스킨에는 달력 / 글 보관함 / 링크 가 없네요... 쩝... 달력은 월별 / 일별로 글을 모아 보기에 편하고... (스스로에겐 1일1포스팅이 잘 되고 있는지도 알 수 있고. ㅋ) 글 보관함은 지난 6개월간 월별로 글수를 볼 수 있고... 링크는... 뭐 외부 링크들을 주욱 모아 놓으니 좋고... 이런저런 이유로 혹시 이들이 필요하다면 (어떤 스킨이건) 간단히 추가 할 수 있습니다. 방법 관리 > 스킨편집 > html 에서 를 찾아 그 위에 아래 내용을 넣어줍니다. 달력 월별 포스팅 () 링크 ... ... 그리고 CSS에 스타일을 추가합니다. .sidebar .archive, .sidebar .calendar, .sid.. 2020. 9. 28. 북클럽 스킨 - 커버 갤러리 (설명 및 버그 수정) 홈 화면에 주로 사용되는 커버 갤러리에 대해 살펴보았습니다. (뭐가 뭔지 매번 적용해서 보고 수정하고 하는게 자증나서..ㅋ 공부하는 차원으로...) 커버 갤러리1 커버 갤러리2 한 화면 노출 글 수: PC (5), Mobile (2) (그 이상은 슬라이더로 처리됨) 한 화면 노출 글 수: PC (3), Mobile (1) (그 이상은 슬라이더로 처리됨) 표시 항목: 이미지 + 제목 표시 항목: 이미지 + 제목 + 본문3줄 + 댓글 수 + 작성일 CSS 클래스명: cover-thumbnail-3 CSS 클래스명: cover-thumbnail-4 위는 북클럽 스킨의 목록 스타일로 제공되는 커버 갤러리1과 2의 비교 표입니다. 각기 스타일도 다르고 아이템의 크기도 다르니 잘 살펴보시고 필요에 따라 적당히 골라.. 2020. 9. 24. Odyssey 오디세이 스킨 - 사이드 바 고정 코드 재활용 및 저장 차원에서.... 혹시 나중에 나도 스킨을 바꿀지 모르니까.... 오디세이 스킨에서도 사이바 고정을 원한다면... 1. 스르륵 따라오는 버전 @media screen and (max-width:1060px) { aside.area-aside { margin-top: 0 !important; } } .main { align-items: flex-start; } aside.area-aside { transition: margin-top 0.5s ease-in-out 0s, right .5s; } //// 아래 offset 함수는 퀵점프에 이용된 함수라, 이미 html상 존재한다면 삭제해도 됨 function offset(el) { var rect = el.getBoundingClientR.. 2020. 9. 16. Odyssey 오디세이 스킨 - 사이드 바 위치변경 새로나온 오디세이 스킨을 2단으로 사용할 경우, 사이드 바는 우측에 나오는게 기본입니다. 그런데 이게 굳이 왼쪽에 나오길 원하신다면... html 편집으로 전체를 내부 최상단으로 이동하고 margin값만 조정하면 됩니다. 그러나, 소스상 원래 구조를 건드리고 싶지 않다면 아래와 같이 간단히도 해결이 가능합니다. 스킨편집 > html 편집 > 하단 가 끝나기 전에 아래 코드 추가. 조정하고 나면 이렇게 됩니다. 2020. 9. 15. Odyssey 오디세이 스킨 - 상단 메뉴 고정 새로운 스킨 '오디세이'(Odyssey)가 나왔죠? 포럼에 어떤분이 올리신 질문에 답변으로 쓴건데.. 없어지면 아까우니 포스팅으로도 남겨봅니다. 이 스킨을 사이드 바가 가려진 1단으로 쓰고 있는 경우, 아래 코드를 스킨편집 > html 편집 으로 가서 하단 가 끝나기 전에 넣어 주면 상단 메뉴가 늘 화면 위에 붙어 있게 됩니다. (아니면 요롷게 스타일로만으로도 고정이 되서 다행입니다. 2020. 9. 15. 태그 - 강조 차등 적용 (+ 보너스) 원래 태그가 등록 빈도에 따라 5단계로 나눠지는거였군요?! 그렇다면 각 단계별로 다르게 표현할 수 있겠네요. ^^ 알아보니 태그에는 cloud1 부터 5 까지 순위별로 클래스가 적용될 수 있습니다. (1 = 제일 많이 등록된 태그) (북클럽 스킨에선 역시나 누락된 내용이군요... 췟..) 적용 대상 사이드 바 > 랜덤태그 목록 메뉴 > 태그 페이지 (위 두 곳 외에도 글 하단에 나오는 태그도 있죠? 그러나 거긴 빈도레벨 구분 적용이 안되서 패스합니다) 적용 방법 1. 스킨 html 수정 (북클럽 기준으로 작성한 내용입니다. 다른 스킨이고 이미 적용되어 있다면 굿!) 태그 ... ... ... 태그 위 7, 21번 줄처럼 가 들어있는 랜덤태그 목록의 태그들 끝에 [더보기] 추가하는 법 스킨 html 을 수.. 2020. 9. 7. 북클럽 스킨 - GNB 메뉴 현위치 버그 상단 메뉴에서 현재 페이지를 강조해주는 스크립트에 오류가 있어 수정했습니다. 오류 증상 원래 의도한건지 모르겠는데 '홈'은 늘 불이 들어옵니다. (대체 왜...?? 심지어 글을 읽을때도!?) 메뉴에 페이지라던가 어떤 항목을 추가하면 추가된 메뉴엔 불이 안들어옵니다. 페이지 로딩이 다 된 후 강조가 처리되서 늦게 불이 들어오는 것도 마음에 안듭니다. 그래서 스킨의 기본 script.js 를 아래와 같이 수정했습니다. [원래 코드] $(window).on("load", function(){ $gnb.find("li").each(function(){ gnbWidth = gnbWidth + $(this).outerWidth() + 1; if ( window.location.pathname.indexOf($(th.. 2020. 9. 6. 북클럽 스킨 - 포인트컬러 활용 '더' 하기 관리 > 스킨편집에 들어가서 우측의 스킨 설정 영역을 바닥으로 내려보면 포인트컬로 설정이 가능한 걸 볼 수 있습니다. 근데, 실제 이 포인트컬러가 적용된 곳을 찾아보면 몇군데 없네요. (댓글 등록 버튼, 글 내용중 링크 색상, 댓글 수 외 몇몇) 물론 북클럽 스킨이 기본적으로 워낙 모노톤이고 단정하기 때문에 이런 최소한의 사용이 더 마음에 들 수도 있습니다. 절대적으로 개인적인 취향에 따라 호불호가 갈릴 수 있는 부분이겠지만 저는 이 포인트컬러의 적용 폭을 조금 더 넓히고 싶었습니다. 이렇게 하면, 기분이나 시즌에 따라 스킨설정에서 간단하게 이 컬러만 한번 바꿔주면 내가 지정한 부분들의 색상도 한꺼번에 바뀌는 장점이 있다고 본거죠. 따라서, 필요하신 분만 적용하시면 되겠습니다. 아니면, 필요한 부분만 추.. 2020. 9. 6. 북클럽 스킨 - 댓글 버그 수정 그간 잘 안써봐서 몰랐는데... 현재 사용중인 북클럽 스킨에서 댓글을 수정/삭제할 때 약간 이상하게 작동하는 것 같은 느낌적인 느낌을 우연히 받아 좀 살펴보았더니 역시 문제가 있네요?! (저만 그런거 아니죠? 제발...) 아무래도 스킨 제작자의 실수라고 보여 집니다만, 그래도 기본 스킨 중 하나인데 좀 꼼꼼히해서 내놓으시지.. 아쉽네요. (설마 Book club 이 혹시 '부끄럽' 웠던건가...ㅡㅡ;) 문제점 댓글을 수정하면 새로 등록되는 것처럼 추가되고 기존 댓글이 화면에 남아 있음 댓글을 삭제해도 페이지를 새로고침하기 전까진 화면에 남아 있음 추가/삭제/수정의 결과가 사이드바의 '최근댓글'에 반영되지 않음 글에 첫 댓글 등록 시 삭제/수정 버튼을 보여지게 하는 '더보기' 버튼이 먹통임 방명록도 사실은.. 2020. 9. 4. 이전 1 다음
