티스토리 인용구 바꾸기 & 스타일 적용해보기

티스토리 인용구 바꾸기 & 스타일 적용해보기

바로 위에 이미지와 같이 티스토리에 인용구를 이용하여 제목을 잘 보이게 할수 있습니다.
간단합니다.. 글쓰기를 선택한후.. 오른쪽 상단에 쌍따움표가 있습니다. 바로 하단에 그림처럼..

이것을 선택하여 테두리 안에 글씨를 쓴다면 인용구를 이용해서 글쓰기를 하실수 있습니다.
하지만 역시 똑같은 인용구는 싫으신분들.. 저처럼 스타일을 주고 싶으신분들은 따라해보기 바랍니다.

1단계. 스킨 -> HTML/CSS편집 에서

.article blockquote  //이부분을 검색합니다.

2단계.

// 이게 바로 제 소수 입니다. 여기서 자신이 원하는 스타일의 자신에 맞게 고치시면 됩니다.
.article blockquote {
border-bottom: 1px solid #1273b8; //하단의 밑줄친 파란색줄입니다. 1픽셀은 선의 굵기입니다. 밑줄 굵기입니다.
    min-height:30px; // 인용구에 이미지를 넣었을때는 최소한의 크기를 설정해줘야 이미지가 안짤립니다.
    _height:30px;      // 여기도 마찬가지입니다. 최소한의 크기를 설정안한다면 이미지가 짤려서 나옵니다.
    margin:2px;       // 파란 밑줄친부분에서부터 바로밑의 글씨가 얼마나 떨어지게 할것인가 입니다.
    padding-left:40px; // 왼쪽에서부터 오른쪽으로 얼마나 갈것인가입니다.
    background:url(./images/iconQ.png) no-repeat 0 0; //인용구 앞에 이미지를 넣어주었습니다.
    color:#BLACK;
}

위와 같이 자신의 스타일에 맞게 인용구를 적용해보세요 ^^