스킨 : 본문/사이드바 폭 조정하기

스킨의 전체 폭을 넓히거나 줄이려면 style.css 파일의 #frame에서, 본문의 폭은 #content, 사이드바는 #sidebar1 에서 width: 숫자px라고 써진 부분의 숫자를 고치면 됩니다.

 

방명록을 쓰고 싶지 않다면?!에서 스킨 수정을 위해 사전 단계를 거치시고,

 

스킨 편집창의 style.css 파일에서 아래와 같은 부분을 찾아 주세요.

 

#content {
	float: left;
	width: 520px;
	overflow: hidden;
	margin-left: 15px;
	_margin-left: 7px;
	padding: 0 0 0 90px;
}
이 부분과

#sidebar1 {
	width: 270px;
	float: right;
	margin-right: 35px;
	margin-right: 18px;
	font-size: .95em;
	line-height: 1.5em;
}
이 부분을 찾아주세요.

 

위아래 width 부분이 가로폭인데요, 520px+270px=790 이잖아요, 더해서 790이 되도록 조정하시면 됩니당

숫자가 다를 경우에도 마찬가지로 두 값을 더해서 스킨이 깨지지 않게 잘 조정해주셔야 해요!! 고치실때 px같은 거 지우지 않도록 조심하셔야 하구요!!

 

그 다음 '내 스킨함'에서 내가 설정을 바꾼 스킨을 적용하시면 됩니당. 참 쉽죠잉....<

 

본문 가로폭을 아주 넓게 쓰려면 각 스킨의(진보블로그 제작 스킨 기준) 2 군데를 고쳐야 합니다. 전체 폭을 규정하는 #frame과 본문폭인 #content 를 말이죠.

#frame { /* 프레임--문서 틀 */
	width: 950px;
	margin: 0 auto;
}
#content {
	width: 520px;
}
* 숫자는 각 스킨마다 다름. width를 찾으면 됨

위에 말한 바, width가 넓이입니다. 원하는 만큼의 너비를 #frame과 #content의 width값에 각각 더하세요. 만일 본문폭이 1000px이 되길 바란다면, #content가 520px인 위의 경우 480px이 더해지는 거고, #frame에도 480만큼 더해서 #frame의 width는 1430px이 되어야겠죠.

 

스킨 수정에 대한 더욱 자세한 설명은 스킨 고르기 + 스킨 수정하기를 봐주세요~~

"매뉴얼" 분류의 다른 글

블로그에 동영상 올리기 (4)2016/03/02
스팸 필터: 스팸 댓글 차단하기 (0)2014/07/17
이글루스에서 진보블로그로 이사오기 (0)2012/12/26
블로그에 mp3 음악 삽입하기 (1)2012/06/19
내 블로그에 달린 최근 댓글/트랙백 쉽게 확인하기 (0)2012/03/23
진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기딜리셔스에 북마크
  • 태그
  • 글쓴이
    진보네
  • 등록일
    2010/08/27 01:53
  • 수정일
    2010/09/03 15:09
  • 분류
    매뉴얼
  • 트랙백
    0개
  • 댓글
    6개

최근 트랙백 목록

  1. 트랙백 테스팅
    재성잉
    2016
  2. ㅅㄷ
    test
    2015
  3. 트랙백?
    일상의 기록, 기억 해내기
    2015
  4. 트랙백이란?
    Progrimang
    2015
  5. 트랙백 테스트
    talecue1님의 블로그
    2015

저자 목록