링크4 사이드 바 - 달력 / 글 보관함 / 링크 스킨마다 있을 수도 있고 없을 수도 있는 사이드 바의 각 아이템들 중에... 북클럽 스킨에는 달력 / 글 보관함 / 링크 가 없네요... 쩝... 달력은 월별 / 일별로 글을 모아 보기에 편하고... (스스로에겐 1일1포스팅이 잘 되고 있는지도 알 수 있고. ㅋ) 글 보관함은 지난 6개월간 월별로 글수를 볼 수 있고... 링크는... 뭐 외부 링크들을 주욱 모아 놓으니 좋고... 이런저런 이유로 혹시 이들이 필요하다면 (어떤 스킨이건) 간단히 추가 할 수 있습니다. 방법 관리 > 스킨편집 > html 에서 를 찾아 그 위에 아래 내용을 넣어줍니다. 달력 월별 포스팅 () 링크 ... ... 그리고 CSS에 스타일을 추가합니다. .sidebar .archive, .sidebar .calendar, .sid.. 2020. 9. 28. 댓글 (+방명록) - URL 처리 (링크 및 이미지 적용) 역시나 제가 필요해서 만들게 된 아이입니다...ㅋ 주요 기능 댓글에 URL 주소가 입력된 경우, 클릭하면 새창이 열리게 만들어 줍니다. 실제 a 태그로 변환하는건 아니고 onclick 으로 안전하게 처리합니다. URL 주소가 이미지라면 해당 텍스트를 없애고 이미지를 바로 보여줍니다. 이미지를 불러오는데 문제가 생기면 그냥 url을 유지합니다. data:image 형식의 data URL도 이미지로 바꿔줍니다. 이미지 클릭 시 새창을 통해 이미지로 이동합니다. 방명록도 댓글이라 원하실 경우 동일하게 처리할 수 있습니다. 댓글/방명록의 신규 등록 및 수정시 모두 바로 바로 처리됩니다. 적용 방법 1. 스킨 html 수정 답글 ... ... ... ... ... ... 답변 ... ... ... 위 코드와 같이.. 2020. 9. 7. 본문의 모든 링크는 새창으로! 난 내 블로그의 본문안에 있는 링크들은 모두 새창으로 열리는 걸 선호함 그런데 종종 무심코 글을 쓰고나면 링크에 타겟 지정하는 것을 까먹을 때가 있음 (특히 [이전 글 넣기] 플러그인 링크나 복/붙한 링크의 경우...) 암튼, 그것 때문에 다시 수정하기는 귀찮고. 그냥 스킨에 스크립트 한줄 추가해서 해결함 적용방법: [스킨 편집] > [html 편집] > [HTML] 내용 하단 바로 윗줄에 아래 소스를 넣고 [적용]하면 끝 var anchors = document.querySelectorAll('.entry-content p a, .entry-content l a, .entry-content blockquote a, .entry-content div a'); for(var i=0; i < anchors... 2020. 8. 16. CSS - 뚜껑 열리는 링크 (메뉴) 3D Rotate 알아보다 줏은 아이 원래는 less 버전으로 되어 있던걸 일반 CSS 로 풀어보았음 내용은 별거 없고, 그림자 색상 맞추는게 까다로울뿐! 아래는 소스와 예시: See the Pen plain CSS link - with 3D lid by Alex Park (@alikong) on CodePen. https://codepen.io/alikong/pen/zYqYEwR 2020. 8. 5. 이전 1 다음
