Home

티스토리 SIL_white_1.0 스킨


화이트 스킨으로 950 X 680 X 250 크기로 기본으로 되어 있습니다.




/* 블로그 레이아웃 */

#container { margin:0 auto; width:950px; clear: both; }  <-- 전체 폭

#content   { float:left; width:680px; }  <-- 본문

#sidebar   { float:right; width:250px; }  <-- 사이드바


/* 블로그 타이틀 */

#blogTitle    { margin:60px auto 10px; width:950px; }  <-- 타이틀 폭( 전체 폭 기준으로 적용)


사이즈 변경은 style.css 4군데 편집으로 쉽게 수정 가능합니다. 콘텐츠와 사이드의 좌우 여백은 없고 컨테이너 가로 크기와 콘텐츠,사이드바 합을 뺀 나머지가 본문과 사이드바의 가운데 여백입니다.





/* 블로그 레이아웃 */

#container { margin:0 auto; width:1050px; clear: both; }  <-- 전체 폭

#content   { float:left; width:800px; }  <-- 본문

#sidebar   { float:right; width:250px; }  <-- 사이드바


/* 블로그 타이틀 */

#blogTitle    { margin:60px auto 10px; width:1050px; }  <-- 타이틀 폭( 전체 폭 기준으로 적용)


본문을 800으로 늘리려면  위와 같이 수정해 주면 됩니다. 스킨내부에 가로 폭을 지정한 부분이 거의 없기 때문에 왠만한 사이즈는 별 수정 없이 위 사항들 만으로 쉽게 적용 됩니다. 본문과 사이드바의 합보다 20px 정도 전체폭에 더 주시면 됩니다.





상단 카테고리 메뉴는 드롭 다운 방식으로 되어있고 첫 번째 메뉴는  카테고리 글자 수에 따라 가로 폭이 정해지고 하위 카테고리는 상위 카테고리 폭 만큼 적용 됩니다. 메뉴는 관리 메뉴 화면 편집에서 가능 합니다.




document.write("<embed src='./images/blog_counter.swf?n=" + ct + "," + cy + "," + ctc + "' width='210' height='60'></embed>");


카운터는 플래쉬 카운터를 사용하고 가로 폭은 자동 반응 하지 않습니다. skin.html 편집으로 "<!-- 카운터 -->" 검색으로 카운터 모듈을 찾아 가로 폭을 직업 수정해야 합니다.



크롬 브라우저에서 문서 작성 시 발생하는 문제

.article { padding:10px 0; color:#333; font-size:14px; }

.article span[style*=line-height] { font-size:14px !important; }

.article span[style*=LINE-HEIGHT] { font-size:14px !important; } 


본문 글 사이즈는 14px로 설정되어 있고 본문 폰트 크기를 변경 하려면 CSS 문서의 ".article" 부분 3곳을 같은 크기로 수정해 주시면 됩니다.


아래 두 속성은 글 작성 중 강제로 생기는 태그로 인하여 글 크기가 9pt로 변경된 부분을 다시 14px 크기로 보여주는 역할을 합니다.


티스토리 본문 폰트 크기 설정





댓글과 방명록 리스트에 블로그 아이콘 적용 전후 입니다. 왼쪽이 적용 전이고 오른 쪽이 적용 후로 블로그 아이콘 플러그인을 사용하지 않아도 기본적인 아이콘이 표현 됩니다.





아이콘 변경은 위와 같은 파일명으로 하여 64x64 픽셀로 업로드 하시면 됩니다.



데모 사이트 : http://speedinkland.tistory.com/


more

댓글을 달아 주세요

.

Secret