전체 글15 티스토리 북클럽 스킨 글제목 다 나오게 설정하기 티스토리 북클럽 스킨에서 글제목이 한줄로만 표시되어 제목이 다 보이지 않는 경우가 있습니다. 이럴때는 제목이 2~3줄로 세팅해두면 내용이 다 보이게 됩니다. CSS수정할 부분.post-cover .inner>h1 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } 코드 수정-webkit-line-clamp: 1;이라고 되어 있다면 1을 3으로 수정해 줍니다. 만약 이렇게 변경했는데도 적용이 안된다면.post-item .title { display: block; overflow: hidden; max-width: 98%; margin-.. 2024. 7. 16. 티스토리 버튼 넣기 티스토리 블로그 글에서 아래와 같이 버튼을 넣고 싶다면 서식을 활용하여 미리 저장해놓고 필요할 때 꺼내 쓰는 방법에 대해 알아보겠습니다. 코드 #"> 공모전 자세히 알아보기 버튼 형식이므로 #은 링크 경로를 넣으면 됩니다. ▶ 배경색 설정background-color: #00d7ff ▶ 양쪽 동그랗게 border-radius: 50px ▶ 글자색 color: #333 ▶ 폰트(글꼴) font-family: 'HSSanTokki20-Regular' ▶ 폰트 크기 font-size: 22px ▶ 배경 박스 두깨 border: 0 1, 2, 3, 4,... 등 두깨설정 가능 원하는 디자인으로 세팅해보시기 바랍니다. 서식등록버튼 디자인을 완성했다면 서식에 등록합니다. 서식관리에 들어가서 글쓰기 .. 2024. 7. 16. 티스토리 북클럽스킨 사이드바 고정시키기 티스토리 북클럽스킨에서 사이드에 카테고리와 광고를 넣고 고정을 시키는 방법에 대해 알아보겠습니다. 관리 페이지에서 스킨편지에 들어갑니다.CSS 에서 아래의 코드를 넣어주면 끝 /* 사이드바 고정 */ #aside { position: sticky; position: -webkit-sticky; top: -60px; } 이렇게 넣어주고 저장하고 블로그에서 확인해보면 사이드바가 아래로 스크롤 되지 않고 광고가 늘 노출이 될 수 있습니다. 2024. 7. 16. 티스토리 북클럽 제목바 색상 변경 티스토리 북클럽스킨에서 제목바에 이미지 말고 색상을 넣는법에 대해서 알아보겠습니다. 스킨편집 CSS에 들어가서 .post-cover를 검색합니다. .post-cover { position: relative; z-index: 20; display: table; width: 100%; height: 180px; background-color: #cbcbcb; background-position: 50% 50%; background-size: cover; box-sizing: border-box;} background-color : #cbcbcb; 부분에서 색상을 변경해줍니다. ▶ 그라데이션 배경을 원한다면 background: linear-gradient(-225deg, #fddb9.. 2024. 7. 15. 티스토리 북클럽 글제목 이미지 없애기 티스토리 북클럽스킨을 쓰다보면 제목이 유난히 폭이 넓고 이미지가 때로는 거슬리기도 합니다. 제목이 깔끔해지기 위해 제목에는 이미지를 제거하고 위아래 폭도 줄이려고 합니다. html과 css 수정을 어떻게 하는지 알아봅시다. ▶ 북스킨 제목 기존 스타일 ▶ 북스킨 제목 바뀐 스타일 제목 이미지 삭제 HTML 수정방법 s_permalink_article_rep> div class="post-cover" s_article_rep_thumbnail> style="background-image:none()"s_article_rep_thumbnail>> div class="inner"> .. 2024. 7. 15. 티스토리 CSS 북클럽 제목 (H2, H3, H4) 꾸미기 티스토리를 꾸미다 보면 북클럽 스킨을 제일 많이 사용하게 됩니다. 애드센스 광고를 붙여야 되는 상황이라면 더욱 븍클럽스킨을 이용하게 될 때가 많습니다. 북클럽스킨은 깔끔한 디자인으로 북클럽이라는 이름답게 북사이즈에 최적화되어 있는 이미지가 많고, 조금은 밋밋해 보일 수 있어서 가독성 있게 꾸미기 위해서는 여러가지 CSS 수정을 거칠 수 밖에 없는 것 같습니다. 오늘은 제목에 배경을 넣는 법을 알아보겠습니다. 아래와 같이 제목 배경에 그라데이션을 넣고 사각형 모서리를 둥글게 모양을 주는 CSS를 적용해 보겠습니다. 티스토리 글쓰기 페이지에서 상단에 본문2의 드룹다운메뉴를 살펴보면 제목1, 제목2, 제목3, 본문1, 본문2, 본문3 이렇게 제목과 본문을 선택할 수 있는 메뉴가 나옵니다. 제목1 =.. 2024. 7. 15. 이전 1 2 다음
