조각들/to web
- Results : 31
- Free as the Wind
이글루스 서비스 종료
이글루스 서비스 종료
2023.03.19http://ebc.egloos.com/8780 [공지] 이글루스 서비스 종료 안내 안녕하세요. 이글루스입니다.먼저 오랜 기간 동안 이글루스 서비스를 이용해주신 고객 여러분들께 진심으로 감사의 말씀을 전합니다.이글루스는 2003년 서비스를 시작하여 현재까지 고객님들께 ebc.egloos.com 더보기 티스토리의 앞날도 그다지 밝게 느껴지지 않는 와중에 뒤늦게 접한 씁쓸한 소식. 이렇게 블로그라는 툴의 종말을 목도하는 것인가 여러 생각들이 꼬리에 꼬리를 문다. 솔직히 지금까지 버틴 것도 용하지, 뭐.. 수고하셨습니다. 만약 카카오가 티스토리를 접는다면 구글블로그로 옮길 생각이다. 워드프레스가 제일 낫긴 하지만 깊은 사유를 하는 것도 아니고 간간히 끄적일 뿐인 블로깅에 도메인 외의 추가 비용이 생길 수 있다..
티스토리의 강제 광고 개재?
티스토리의 강제 광고 개재?
2023.01.05https://notice.tistory.com/2634 [사전 안내]티스토리 이용약관 개정 안녕하세요. 티스토리팀입니다. 티스토리를 이용해 주셔서 감사합니다. 티스토리 이용약관이 2023년 2월 6일부터 아래와 같이 개정될 예정임을 안내 드립니다. 블로그 운영에 참고 바랍니다. 1. notice.tistory.com 블로그들에 강제로 광고를 달겠다고 천명한 공지를 보니 놀랍지도 않고 올 것이 왔다는 생각만 든다. 어쩐지.. 별 달라진 게 없는데 왜 계속 다음 사이트에서 무의미한 유입이 생기나 했다. 내가 궁금한 건, 이 블로그처럼 ✓검색을 막아놓고 ✓광고를 달지 않은 블로그에도 광고가 달리는 것인가? 더불어, 이 블로그에 검색 이외의 유입이 생겨서 어쩌다 보니 광고의 수익이 생긴다면 그 수익금은 나와 ..
별점의 span처리 등..
별점의 span처리 등..
2022.12.27별점 정리드디어 별점을 4.5 이렇게, span태그로 처리할 수 있게 됐다.! 😭 아무도 모르는 나만의 앓던 이였는데 이렇게 속이 시원할 수가 없다. 예전에도 시도했다가 실패하고 그냥 div로 block처리된 걸 고깝게 바라보기만 했었는데 이게 무슨 일이야. 모두 덕분입니다. 땡큐-땡큐-u태그에 형광펜 효과티스토리가 문제였는지 뭐가 문제였는지 형광펜 효과의 mark태그를 쓰고 글 수정만 하면 p태그 안에서 튀어나와 block처리가 자동으로 되는 게 아주 거슬리고 귀찮아서 쓰지 않았는데 이번에 u태그에 밑줄 대신 형광펜 효과를 추가하게 되면서 아예 mark도 같이 추가해 버렸다. 아예 mark 태그를 썼던 글들을 수정할까 했지만 다 뒤져보는 것도 만만찮고 대충 묻어가기로. 앞으로 u태그만 쓸 거다, 흥...
블로그 내 태그 검색 추가
블로그 내 태그 검색 추가
2022.09.26참고 :: 티스토리 hELLO스킨에 태그 클라우드 검색 기능 추가하는 법!! css도 대충 수정했고 이대로 끝!!! 이면 좋았겠지만 스크롤바가 없을 때마다 스크롤바 너비만큼 우측으로 이동하는 전체 화면이 거슬렸다. 해서, 항상 스크롤바가 보이게 두면 되겠다 싶었건만, #tt-body-tag { overflow-y:scroll;height:100%; } 그런데 안 되는 거다. 덩달아 gnb, top버튼의 스크립트도 먹통. 아 왜!! 혹시나 해서 height:1000px;을 기재했더니 되긴 되는데 검색 결과에 따라 스크롤바가 2개가 생기는 바람에 실패. 그럼 스크롤바를 없애볼까? 해서, overflow-y:hidden;을 넣었더니 스크롤바가 없어지긴 했지만 스크롤 동작 자체가 아예 안 되는 걸 어쩔-.-.-..
티스토리 측에서 자꾸 뭘 만지고
티스토리 측에서 자꾸 뭘 만지고
2022.09.12있는데 현재 적용 중인 프라치노 스킨과는 대놓고 궁합이 안 맞는 것도 마음에 안 들지만 다 떠나서 수정했으면 했다고 말이나 해주든가-.-.- 유튜브 하단 공간 삭제 유튜브 영상 하단에 공간이 생겼다. style.css에서, figure[data-ke-type='video'] .video-wrap{padding:0;} 해결. 240116 추가) 영상을 첨부한 일부 게시글에서 영상 자체가 아예 나오지 않는 것을 발견 > 확인해 보니 "더보기" > "플러그인"으로 넣은 영상들만 문제 발생 > 일단 유튜브 웹페이지로 들어가 '퍼가기' 소스로 재업로드하면서 임시 해결. 240211 추가) 블로그에 유튜브 영상을 "퍼가기"로 넣는 게 생각보다 많이 불편해서 앞으로 플러그인만 사용할 생각으로 업데이트를 하러 프라치노..
사이드바에 깃허브처럼 잔디를
사이드바에 깃허브처럼 잔디를
2022.08.27가장한 달력 모듈을 달았다. 참고 :: 티스토리에 깃허브처럼 잔디 깔기! | 블로그에 잔디 까는 방법 이러다 언제 또 블로그를 등한시하며 살지 모르는데 과연 저게 이 블로그에 필요한 것인가? -물론 아니지. 당연히 불필요하지만 언제나 그랬듯이 된다길래 해봤다. 저 글 그대로 적용했을 때 그대로 반영됐다면 얼마나 좋았겠냐만은- 마우스오버 시 보이는 숫자 1 1을 삭제하면 셀 모양이 망가지고 그냥 두자니 마우스 오버 때마다 숫자 1이 계속 보이는 게, 결론은 공백 처리였다. 23.01.13 추가) 포스팅 하지 않은 날짜 셀에 마우스 오버 시 커서가 텍스트 모양으로 바뀌지 않고 화살표 모양 그대로 유지되도록- /* style.css */ .calendar .tt-calendar .cal_day{cursor:d..
html Audio/Video tag
html Audio/Video tag
2022.08.11공통사항 ─ 23.01.15 추가 글쓰기 ➡ 파일 업로드 ➡ html모드에서 업로드한 파일을 숨김 처리 할 것. // 비공개 글로 따로 업로드 하지 않아도 되고 숨김처리를 하니 온전한 링크 주소가 생성됨. 글쓰기 ➡ 기본모드 '더보기' ➡ "HTML 블럭"에 태그를 기재할 것. // html 모드에 기재시 수정할 때마다 삭제 처리되었던 (playsinline 등의 몇몇 태그) 요소들이 삭제되지 않음. html Audio tag Your browser does not support the audio element. HTML 삽입 미리보기할 수 없는 소스 야마시타 타츠로山下達郎 - 거리 이야기街物語 참고 :: https://www.w3schools.com/html/html5_audio.asp html ..
TOC (table of contents) 적용
TOC (table of contents) 적용
2021.11.01마크다운은 쓰지도 못하고 글이라고 체계적으로 쓰지도 못하고 것도 길게 쓰지도 못하면서 왜 toc 목차를 적용했냐면 그냥. 😓 된다길래 해봤다. 참고 :: tistory-table-of-contents 프라치노 스킨에 맞는 선택자 #article 등을 찾는 데는 티스토리 블로그에 TOC 추가하기 에서, toc card의 top위치 top: calc(15vh + 165px)는 티스토리 프라치노 공간 스킨에 TOC(목차) 추가하는 방법 에서 도움을 받았다. 한 가지 도저히 해결 못했던 건 스크립트 파일에서 (블로그 상단 헤더에 해당하는 선택자) .area_head 대신 넣을 프라치노 스킨 선택자를 찾지 못했다는 거.. global-navigation도 아니고 gnb-inner도 아니고 나름 넣을 수 있는 거 ..
현재 페이지에서 로그인 (임시해결)
현재 페이지에서 로그인 (임시해결)
2021.10.052차 도메인 사용 시 로그인 유지가 아예 안되면서 내 경우엔 글을 수정하거나 스킨을 수정할 때 '미리 보기'가 아니라 일단 저장을 누르고 확인하는 편이라 거기에 2차 도메인으로 접속하는 걸로 버릇이 들어버려서 로그인이 풀리는 게 세상 참 불편했었다. 방법이 없을까 찾다가 몇몇 블로그들에서 댓글창 위에 '로그인이 풀렸으면 클릭하고 댓글을 달아라'는 스크립트를 보고 눌러보니 1차 주소로 변경되지만 로그인 후 관리 화면으로 넘어가지 않고 현재 페이지에 머무는 게 마음에 들어 이 블로그에도 수정/설치했다. 수정이라고 해봤자 안내문구와 정렬 위치, 클릭 시 이동경로를 #footer로 바꾼 것 밖에 없다. 티스토리 2차도메인 댓글 문제 임시 해결하기 그 외 날 거슬리게 하는, 글 작성 시 기재되는이건 일일이 삭제하..
소개글 등록 및 메모로그 수정
소개글 등록 및 메모로그 수정
2020.04.10왜 이렇게 한 두줄 기재하는 메모장 기능과 소개글에 집착하는지 알 수 없는 노릇이다. 세기말 개인 홈피 감성인지 뭔지.. 쨌든, 소개글에 기재된 연락처 이메일은 블로그 재시작 전에 연결했었던 네이버naver 웍스가 유료화된 지 오래라 다음daum 스마트 워크로 재연결했고, /notice 공지사항을 수정한 메모로그는 (수정한 지 좀 지났지만 기록 차원에서-) 글목록의 썸네일을 display:none; 처리하고 텍스트만 보이도록 수정했다. 🥳🥳 아쉬운 부분이 물론 있는데 그중의 하나는.. 브라우저 탭에 기재되는 body_id 은 티스토리 일개 사용자가 수정할 수 없는데 메모로그로 쓰는 /notice 페이지가 '공지사항'으로 출력되는 건 보기 싫어서 아예 어느 페이지를 가도 ᖴᖇEE ᗩᔕ TᕼE ᗯIᑎᗪ 로 ..
div보다 작은 border
div보다 작은 border
2020.03.31#global-header { ~~~ position:relative; ~~~ } #tt-body-index #global-header:before { content:""; position:absolute; bottom:20px; width:30%; border-bottom:thin solid #cac1b6; } 출처 :: [CSS] div보다 작은 border 만들기 (Make border smaller than div length) 211103 추가) 아니면, #article.fc h3:after { content: ""; dispaly: block; width: 50%; border-bottom: 2px solid #d9d0c3; margin-top: 7px; } 출처 :: CSS / 짧은 밑줄 만..
스크롤 top버튼 등..
스크롤 top버튼 등..
2020.03.19top버튼 수정 (지금 사용 중인 프라치노 스킨의) footer에 고정된, 스크립트로 상단으로 이동하는 top버튼을 스크롤에 따라 움직이게 하려면, /* skin.html */ /* style.css */ #footer .ft-right { display:none; position:fixed; top:-webkit-calc(100% - 29.5px); top:-moz-calc(100% - 29.5px); top:calc(100% - 29.5px); z-index:99; } 스크립트 출처 및 설명 :: #1 오른쪽 하단에 top버튼 넣기 ..🤭 맘에 든다. 그런데 top 버튼의 위치를 맞게 기재한 건지는 모르겠다. .. a링크 비활성화 /* style.css */ #tt-body-index .gh-text..