티스토리 블로그를 시작하는 분들이라면 한 번쯤은 정형화 된 기본 스킨을 나만의 스타일로 바꾸고 싶다고 생각할 것입니다. 또 구글 애드센스를 시작하게 되면 사이드바의 크기, 배경색, 배치 등을 조정해야 할 필요성을 느끼게 됩니다. 근데 막상 바꾸려고 스킨 편집을 누르는 순간 암호도 아닌 것이 수많은 영어들로 속이 울렁거리기 시작하지 않으셨나요? 저도 처음 스킨 편집 들어갔을 때 한 1분 정도 멍하니 보다가 살포시 나와서 다시 폭풍 검색 후 시행착오 끝에 지금의 제 사이드 바의 모습을 갖추었습니다.
그래서 오늘은 제가 사용하고 있는 반응형 스킨 'Square'의 사이드바의 크기(너비,폭), 배경색(글자색), 테두리, 고정 유무 등 사이드바 꾸미는 방법에 대해서 포스팅 해보고자 합니다.
HTML/CSS를 전~혀 몰라도 무작정 따라하면 되는거니깐 팔로팔로 미~
사이드바의 크기(너비,폭), 배경색(글자색), 테두리, 고정 유무 변경 방법
1. 블로그관리 → 스킨편집 → html편집
2. CSS 클릭 → ctrl+f(탐색) → 'sidebar'
css클릭 후 ctrl+f 키를 눌러 sidebar를 검색해 줍니다. 그럼 아래와 같이 주황색으로 표시가 나타납니다.
3. 빨간 박스 안에서만 조절해 주면 크기(너비,폭), 배경색(글자색), 테두리, 고정 변경할 수 있습니다.
더 자세히 설명 드리면 아래와 같습니다.
position: fixed;(사이드바 고정)
position: absolute;(본문과 함께 이동)
width: 300px(사이드바 너비값)
background-color: #fff;(사이드바 배경색)
border-right: 1px; solid #ddd;(사이드바 테두리 굵기와 색)
이래도 이해가 안가신다고 하면 아래 동영상을 참조 하시면 더 이해가 빠르실 꺼예요.
포스팅 내용이 조금이나마 도움이 되셨다면
"좋아요 또는 댓글"
달아주시면 저에게 큰 힘이 됩니다.^^
'genieU's studying' 카테고리의 다른 글
출산 축하 선물 금액대별 추천(아기 키우는 엄마가 추천하는 꿀템) (0) | 2020.09.03 |
---|---|
그림판으로 사진 모자이크 처리 하는 방법(동영상) (0) | 2018.09.18 |
적금 이자 높은 은행 추천_우리은행 웰리치100여행적금(연 최고 4.7%) (0) | 2018.08.20 |
정기적금금리비교_6개월 단기적금(서울, 부산, 대구, 광주) (0) | 2018.06.12 |
장대양봉이 뭔가요?주식 용어정리와 그래프 보는법(영상포함) (0) | 2018.06.04 |