반응형 ▰ 공부/Tistory Blog5 티스토리 블로그 : 제목칸(포스트커버) / 높이, 크기, 요소 위치 변경 저는 티스토리 북클럽 스킨을 적용하고 있습니다. 티스토리 북클럽 스킨은 광고를 내기에 좋은 스킨으로 알려져 있습니다. 최적하기위해 이것 저것 건드려보다가 글제목이 길때, 모바일에서 봤을 때 잘리는 경우가 있어 다 나오게 수정해보았습니다. 그랬더니 구성요소의 위치가 틀어지고 밸런스가 맞지 않게 되었습니다. 이를 좀 더 깔끔하게 보이도록 하기위해 북클럽 스킨 편집을 통해서 수정할 수 있는데요. 오늘은 제목칸(포스트커버)를 수정하는 방법을 알아보도록 하겠습니다. 컴퓨터를 잘 다루지 못하시는 분들도 금방 따라하실 수 있습니다. 이모네 블로그 포스트 커버입니다. 지금은 수정을 마친 상태입니다. 어떤 변화를 거쳤냐면요. '커버'의 세로높이를 더 작게 수정하였습니다. '제목'과 '제목위의 카테고리'의 글씨크기를 키워.. 2021. 9. 1. 티스토리 블로그 : 색상표 ■ 00ced1 darkturquoise 다크터콰이즈 ■ 00bfff deepskyblue 딥스카이블루 ■ 7fffd4 aquamarine 아쿠아마린 ■ 1e90ff dodgerblue 도저블루 ■ 00ffff cyan 시안 ■ f0fff0 honeydew 허니듀 ■ 87cefa lightskyblue 라이트스카이블루 ■ afeeee paleturquoise 팔레터콰이즈 ■ e0ffff lightcyan 라이트시안 ■ add8e6 lightblue 라이트블루 ■ add8e6 lightsteelblue 라이트스틸블루 ■ 40e0d0 turquoise 터콰이즈 ■ 48d1cc mediumturquoise 미디엄터콰이즈 ■ 00ffff aqua 아쿠아 ■ 7b68ee mediumslateblue 미디움슬레이트.. 2021. 9. 1. 티스토리 블로그 : 포스팅 제목 배경 / 투명도 조절, 블러 효과주는 방법 티스토리블로그 : 포스팅 제목 배경 / 투명도 조절 제목 배경의 투명도를 조절하는 방법은 '스킨편집'을 통해 가능합니다. 경로는 다음과 같습니다. 블로그 관리 → 꾸미기 / 스킨 편집 → HTML 편집 → CSS CSS 본문 아무데나 클릭 → CTRL+F 검색어: .post-cover:before { * 동일한 검색어가 있을 시 다음을 탐색할 떄, ENTER 치면 안됩니다. 수정될 수 있습니다. CTRL+G로 넘길 수 있습니다. .post-cover:before { content: ""; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.65); } 빨강 초록 파랑.. 2021. 8. 31. 티스토리블로그 : 모바일에서 제목 짤릴 때 응급처치 (북클럽) 미리 밝힙니다. 안녕하세요 코알못, 이모네입니다. (훌쩍) 제가 코딩을 1도 몰라서 이것 저것 혼자 시도해보면서 해결한 '응급'처치를 공유하려고 합니다. 일단 제가 뭘 건들인건지 기억 못 할까 봐 작성하는 것이기도 하지만, 응급처치라 근본이 해결되진 않아요. 해결해보려고 원하는 바를 서칭해도 찾을 수가 없어 서러워서 코딩을 배우려고 학원도 찾아보고 있는 중입니다. 다니게 되면 학원에서 배운 것도 공유할테니 그때 함께 코알못을 탈출해보아요! 제가 문제를 발견하게 된 것은, 티스토리블로그를 모바일에서는 확인을 잘 안 하게 되기 때문에 사람들에게 어떻게 노출되는지 생각을 못하고 있었는데요. 언니한테 봐달라고 요청했다가 제목이 모두 보이지 않고 ' ··· '으로 줄임말로 끝난다는 걸 알게 됐습니다. 적용 전 다.. 2021. 7. 30. 티스토리블로그 : 상단 메뉴바 와 포스트, 카테고리 공간 띄우기 상단 메뉴바를 고정하고 난 후, 아래에 있던 포스트 공간과 카테고리 공간이 메뉴바와 좁게 붙어버렸습니다. 저는 코알못이라서 결과만 간단히 포스팅합니다. 적용 전 적용 후 ＃ 공통작업 스킨편집 → html 편집 → CSS → 검색 1. header { ＃썸네일 / 포스트 쪽 공간 띄우기 /* Layout Selector */ #header { border-bottom: 1px solid #eee; position: fixed; top:0; width: 100%; z-index:999; background-color: rgba(255,255,255,0.9); } #content { margin-top:105px; } 검색 2. sidebar .category { ＃사이드바 카테고리 쪽 공간 띄우기 sideb.. 2021. 7. 29. 이전 1 다음 반응형
