Login Logout Link+ Admin Write

세부사항/tip - 1 post

자주 묻는 질문과 스킨 수정 팁

여기 적힌 것과 유사한 질문은 받지 않습니다!

(특히 단순 css 수정-글씨 색이나 배경 삽입, 테두리, 여백 등...)

 

1. 스킨의 구조

 

  이 스킨의 구조는 다음 표와 같습니다.

 

 스킨 전체 영역 <#container>- css 26 line

 미니 메뉴 <#miniMenu>

 

블로그 타이틀 <#header> - css 31 line

 좌측 메뉴 <#sidebar> - css 33 line

*id만 사이드바일 뿐 티스토리에서 제공하는 사이드바 기능은 아님.

내용 영역 <#content> - css 39 line

하단(카피라이트) <#footer> - css 40 line

 

* # 기호는 id 표시입니다. 이전 답변에서 id를 class와 혼동하여 클래스로 잘못 가르쳐 드렸는데, id가 맞습니다.

* 줄 표시는 전문 텍스트 에디터 기준입니다.

 

 

2. 스킨의 넓이 수정법

 

  스킨 각 부분의 넓이를 수정하려면 1에 나와 있는 id를 style.css에서 수정하면 됩니다. 

예)본문 넓이 수정 : #container{margin:0 auto;padding-top:20px;width:700px;}에서

#container{margin:0 auto;padding-top:20px;width:900px;} 로, 증감할 넓이만큼 더함.

 

                                    #content{width:515px;float:right;} -> #content{width:715px;float:right;}로 증감할 넓이만큼 고침.

 

예2) 사이드바와 본문의 간격 조절 : 스킨 구조상 #content의 넓이 수치를 올려서 우회해야 합니다.

 

 

3. 배경 넣기

 

  css 파일 7번째 줄 중괄호 안에 background:색상;이나 background:url(사진 경로); 를 추가하면 됩니다.

 

 

4. 본문과 메뉴 (반)투명화

 

  css 33번째 줄과 77번째 줄에 있는 background 속성을 지우면 투명, rgba(0,0,0, 0 초과 1 미만 )로 변경하면 반투명이 됩니다.

 

 

1