항상 제목 짓기가 애매하군요. 보시다시피 제목도 간단하게 'Easy Black'이라 지었습니다. 이번 스킨은 대강의 레이아웃은 쉬이 만들었는데, TC버전은 처음이라 조금 헤맸습니다. TC버전은 호스팅 계정없이 지낸지 오래고, 새로운 기능이 많이 추가된 것 같아 TT와 Tistory용만 배포하려다 용기를 내어 TC버전도 만들어 봤습니다. *그러하기에 TC버전은 제가 모르는 문제가 다수 있을 수 있습니다.
TT와 Tistory에도 키로그(Keylog)를 추가하였습니다. *만약 문제가 있다면 해당부분을 삭제하시면 됩니다.
TT와 Tistory의 차이는 미디어로그(Tistory), 검색결과 댓글리스트(TT) 밖에 없습니다. *Tistory의 경우 테터데스크 플러그인을 사용할 때 상단에 'Medialog'라고 표시됩니다. <h2>Medialog</h2> 부분을 skin.html에서 삭제하시면 테터데스크 화면에 'Medialog'라 나타나지 않습니다.
TC버전는 키로그, 커버페이지, 검색결과 트랙백리스트를 추가했으며, 팀블로그와 wysiwyg.css에 관해서는 고려하지 않았습니다. *TC버전은 커버페이지 플러그인 >> 환경설정 에서 'CSS 적용'란에 미적용으로 해주십시오.
1. 본문크기는 600px입니니다. 본문크기를 변경하고플때
#container { width:830px; margin:auto; padding:0;}
#content { clear:both; float:left; width:600px; margin:0; padding:0; overflow:hidden; line-height:150%;}
.guestWrite textarea { width:588px; padding:5px; color:#000;}
.commentWrite textarea { width:588px; padding:5px; top:5px; color:#000;}
CSS에서 위 부분을 찾아 각각 width값에 늘리거나 줄이고 싶은 값을 더하거나 빼주시고, index.xml 하단에 <contentWidth>600</contentWidth> 부분도 위와같이 더하거나 빼줍니다.
레이아웃 가로 크기를 수정할때 가장 중요한건 상단에 검정박스(메뉴) 크기도 같이 수정해주셔야하는겁니다.
박스 하나의 크기가 93+5+5+1=104px (총 7개 728px)
빈박스(.blogMenuEmpty) 하나의 크기가 92+5+5+1=102px (중간에 1개 102px)
총 8개 830px = 728+102
참고하셔서, 아래부분의 width값을 변경한 사이즈에 맞게 산수하시면 됩니다.
*TC버전은 맨마지막 메뉴(Write)를 .blogMenuEmpty로 클래스지정했습니다.
.blogMenu a { float:left; display:block; width:93px; height:30px; padding:3px 5px; border-right:1px solid #fff; background-color:#000; color:#fff; font-size:9px;}
.blogMenu a.blogMenuEmpty { width:91px;} /* 중간 빈 메뉴 공간 */
*수정하기가 제가 봐도 조금 어렵습니다. 에지간하면 그냥 쓰시는 게... ^-^;;
2. 사이드바 목록의 펼침
기본적으로 펼치고 싶으시면 skin.html 해당부분에 style="display:block;" 이렇게, 첨부터 닫아놓고 싶으시면 skin.html 해당부분에 style="display:none;" 이렇게 하시면 됩니다.
3. 사이드바에 블로그 이미지를 추가하시려면,
*블로그이미지 가로크기 200px 입니다.
skin.html에 사이드바 영역안에 아래 소스를 붙여넣기 하시면 됩니다.
<s_sidebar_element><!-- 블로그 정보 -->
<h3></h3>
<div class="blogImage">
<img src="[#_image_#]" alt="blogImage" />
<div class="blogDesc">
<span class="userID">[#_blogger_#]</span>-[#_desc_#]
</div>
</div>
</s_sidebar_element>
*치환자 부분[# #]을 [## ##]으로 수정
4. 사이드바에 공지사항을 출력하시려면 아래 소스를..
<s_sidebar_element><!-- 공지사항 -->
<s_rct_notice>
<h3><a onclick="showHide('notice')" onfocus="this.blur()">Notice</a></h3>
<div id="notice" style="display:block">
<ul>
<s_rct_notice_rep>
<li>
<a href="[#_notice_rep_link_#]">[#_notice_rep_title_#]</a>
</li>
</s_rct_notice_rep>
</ul>
</div>
</s_rct_notice>
</s_sidebar_element>
*치환자 부분[# #]을 [## ##]으로 수정
5. 상단메뉴에 Taglog가 있기때문에, 사이드바에 태그박스 추가는 패스~
Recent Comments