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

스킨의 전체 폭을 넓히거나 줄이려면 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이 되어야겠죠.

 

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

진보블로그 공감 버튼트위터로 리트윗하기페이스북에 공유하기딜리셔스에 북마크

최근 트랙백 목록

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