구글블로그 사용법: 본문 메인과 사이드바 사이의 세로줄 숨기기와 꾸미기
구글 블로그의 거의 모든 템플릿에서는 본문과 사이드바 사이에 세로줄이 표시된다. 블로그의 특성에 따라서 세로줄이 잘 어울리지 않는다면, 아래의 CSS코드를 추가함으로써 세로줄을 표시되지 않게 할 수 있다.
CSS 코드 추가하는 방법은 링크 페이지에 자세히 설명되어 있으니 참고하면 되겠다.
[본문과 사이드바 사이의 세로줄 숨기는 CSS 코드]
{~~} 안에, 선, 여백 등의 속성을 주어 세로선을 숨기거나 꾸미면 된다.
border: none; <= 세로선을 표시하지 않음
border: 1px dashed gold; <= 세로선의 굵기를 1px, 선종류는 dashed, 선색상은 금색으로 지정한 예
margin: 5px; <= 선의 바깥 여백을 5px로 설정
.... 등과 같이 블로그에 어울리도록 조절할 수 있다.
[예: 세로선의 굵기 1px, 선종류 dashed, 색상 #bbb, 바깥 여백 5px로 설정]
참고: 선(border)에 관한 자세한 내용은 링크 페이지 참조
CSS 코드 추가하는 방법은 링크 페이지에 자세히 설명되어 있으니 참고하면 되겠다.
[본문과 사이드바 사이의 세로줄 숨기는 CSS 코드]
.fauxcolumn-left-outer .fauxcolumn-inner,
.fauxcolumn-right-outer .fauxcolumn-inner
{border:none;}
.fauxcolumn-right-outer .fauxcolumn-inner
{border:none;}
{~~} 안에, 선, 여백 등의 속성을 주어 세로선을 숨기거나 꾸미면 된다.
border: none; <= 세로선을 표시하지 않음
border: 1px dashed gold; <= 세로선의 굵기를 1px, 선종류는 dashed, 선색상은 금색으로 지정한 예
margin: 5px; <= 선의 바깥 여백을 5px로 설정
.... 등과 같이 블로그에 어울리도록 조절할 수 있다.
[예: 세로선의 굵기 1px, 선종류 dashed, 색상 #bbb, 바깥 여백 5px로 설정]
.fauxcolumn-left-outer .fauxcolumn-inner,
.fauxcolumn-right-outer .fauxcolumn-inner
{border: 1px dashed #bbb; margin:5px;}
.fauxcolumn-right-outer .fauxcolumn-inner
{border: 1px dashed #bbb; margin:5px;}
참고: 선(border)에 관한 자세한 내용은 링크 페이지 참조