Storybook Club 스킨에서 스킨 편집 시 표지 요소를 설정하고 각 표지 요소의 제목을 지정할 수 있습니다. 표지 자막의 기본 스타일이 마음에 들지 않으면 CSS를 사용하여 표지 자막 스타일을 변경할 수 있습니다.
티스토리 부제 스타일을 변경하고 싶다면 다음 글을 참고하세요. “스토리 자막 꾸미기”참조하십시오
이야기의 부제 장식
스토리에서 소제목 꾸미기 이번에는 텍스트에서 부제목 꾸미기를 살펴보겠습니다. 부제목의 전체 형식을 변경하려면 “CSS” 또는 “HTML”을 변경할 수 있습니다.
galam.tistory.com
히스토리 북 클럽 스킨의 표지 부제 스타일을 변경하는 방법
히스토리 북클럽 스킨에서 홈 설정을 할 수 있습니다. ‘씌우다’홈 페이지를 .
또한 각 표지 요소에 대한 제목을 지정할 수 있습니다.
북클럽 표지를 선택하면 아래와 같이 제목이 나타납니다.
기본 제목 스타일이 너무 지루해 보인다면 간단한 CSS 코드를 추가하여 변경할 수 있습니다.
기록에 CSS 코드 추가
CSS 코드는 ‘관리자 홈’~에 ‘장식 > 스킨 편집 > HTML 편집 > CSS’ 탭을 클릭한 후
아래의 CSS 코드 ‘바닥에’ 그냥 붙여넣기 할 수 있어요.
코드 변경 후 업데이트만 하시면 변경된 블로그를 보실 수 있습니다.
개정 전
수정 후
항목 1
/* 커버 헤더 스타일 */
.cover-thumbnail-1 h2, .cover-thumbnail-2 h2, .cover-thumbnail-3 h2 {
글꼴 크기: 1.1em;
배경색:#333;
색상 흰색;
패딩: 10px;
}
글자색, 배경색, 글자크기, 여백 등을 원하는 대로 변경할 수 있으며, 코드의 조합으로도 변경할 수 있습니다.
아래는 수정된 코드로 제 블로그에 적용된 그래디언트 스타일입니다.
코드 2
/* 커버 헤더 스타일 */
.cover-thumbnail-1 h2, .cover-thumbnail-2 h2, .cover-thumbnail-3 h2 {
글꼴 크기: 1.1em;
글꼴 두께: 굵게; → 굵게
배경: 선형 그라데이션(오른쪽으로, #18408a, #800080); → 그라데이션
색상: #ffff;
패딩: 10px; }
카테고리 부제목의 스타일 변경
위에서 간단한 CSS로 티스토리 북클럽 스킨의 표지 항목 제목의 스타일을 변경하는 방법을 알아보았습니다. 단, 위의 방법은 표지에만 적용되며, 카테고리 부제목은 별도의 CSS 코드 변경이 필요합니다.
좀 어설프지만 블로그의 통일성을 위해 그 부분을 수정하도록 하겠습니다.
레시피는 위와 동일합니다 ‘관리자 홈’~에 ‘장식 > 스킨 편집 > HTML 편집 > CSS’ 탭에서
.list-type-thumbnail .post-header h1 코드를 찾아보고 편집할 수 있습니다.
코드 검색
코드를 입력하세요
.list-type-thumbnail .post-header h1 {
여백 하단: 0;
/* 스타일 코드 삽입 */
배경: 선형 그라데이션(오른쪽으로, #18408a, #800080);
색상: #ffff; 패딩: 10px;
/* 스타일 코드 삽입 끝 */
}그라데이션이 아닌 경우
배경: 선형 그라데이션(오른쪽으로, #18408a, #800080); 붓다
배경색:#333; 로 변경할 수 있습니다.
수정 후
마지막으로
간단한 CSS로 티스토리 북클럽 스킨의 표지 항목 제목 스타일을 변경하는 방법을 알아보았습니다.
CSS 코드를 점진적으로 변경하여 자신의 블로그를 더욱 매력적으로 만들 수도 있습니다.
그러나 CSS 코드를 변경할 때 /* 스타일 코드 삽입 */수정된 부분을 표시해주세요.
“쿠팡파트너스 활동으로 일정 수수료를 받을 수 있습니다”