hi8ar.net

스킨을 깔았는데 글 제목의 폰트가 너무 크게나와서 2줄로 되는군요.

맨위의 Home Desktop....Guestbook 처럼 메뉴를 추가하고 활성화 시키려면 어떻게 해야 하는지요.

	<div id="menu1">
		<div id="tabsB">
			<!-- CSS Tabs 상단 탭에 추가하실수 있습니다-->
			<ul>
				<!-- CSS Tabs -->
				<li class="tab_hm"><a href="http://hi8ar.net/" title="처음으로~"><span>Home</span></a></li>
				<li class="tab_ds"><a href="http://hi8ar.net/category/Dtop%20Shot" title="데스크탑 스냅샷"><span>Desktop</span></a></li>
				<li class="tab_wp"><a href="http://hi8ar.net/category/Wallpaper" title="월페이퍼"><span>Wallpaper</span></a></li>
				<li class="tab_ms"><a href="http://hi8ar.net/category/Misc" title="잡동사니"><span>Misc</span></a></li>
				<li class="tab_cn"><a href="http://hi8ar.net/category/C.note" title="커스토마이징 노트"><span>C.note</span></a></li>
				<li class="tab_dr"><a href="http://hi8ar.net/category/Diary" title="다이어리"><span>Diary</span></a></li>
				<li class="tab_mu"><a href="http://hi8ar.net/tag/Music" title="음악이 필요해?"><span>Music</span></a></li>
				<li><a href="http://hi8ar.net/19" title="이것저것 링크~"><span>Link</span></a></li>
				<li class="tab_tag"><a href="http://hi8ar.net[##_taglog_link_##]" title="태그"><span>Tag</span></a></li>
				<li class="tab_key"><a href="http://hi8ar.net[##_keylog_link_##]" title="키워드"><span>Key</span></a></li>
				<li class="tab_guest"><a href="http://hi8ar.net[##_guestbook_link_##]" title="방명록"><span>GuestBook[##_today_guest_##]</span></a></li>
			</ul>
		</div>
	</div>  

/*bodyID TAB Navigation SET  =============================================================*/
body#tt-body-page #tabsB .tab_hm a,
body#tt-body-dtopshot #tabsB .tab_ds a,
body#tt-body-wallpaper #tabsB .tab_wp a,
body#tt-body-misc #tabsB .tab_ms a,
body#tt-body-cnote #tabsB .tab_cn a,
body#tt-body-diary #tabsB .tab_dr a,
body#tt-body-tag #tabsB .tab_tag a,
body#tt-body-keylog #tabsB .tab_key a,
body#tt-body-guestbook #tabsB .tab_guest a {
	background:url("images/tableftB2.gif") no-repeat left top;
}
body#tt-body-page #tabsB .tab_hm a span,
body#tt-body-dtopshot #tabsB .tab_ds a span,
body#tt-body-wallpaper #tabsB .tab_wp a span,
body#tt-body-misc #tabsB .tab_ms a span,
body#tt-body-cnote #tabsB .tab_cn a span,
body#tt-body-diary #tabsB .tab_dr a span,
body#tt-body-tag #tabsB .tab_tag a span,
body#tt-body-keylog #tabsB .tab_key a span,
body#tt-body-guestbook #tabsB .tab_guest a span {
	background:url("images/tabrightB2.gif") no-repeat right top;
	color:#993333;
}
body#tt-body-page #tabsB .tab_hm a:hover span,
body#tt-body-dtopshot #tabsB .tab_ds a:hover span,
body#tt-body-wallpaper #tabsB .tab_wp a:hover span,
body#tt-body-misc #tabsB .tab_ms a:hover span,
body#tt-body-cnote #tabsB .tab_cn a:hover span,
body#tt-body-diary #tabsB .tab_dr a:hover span,
body#tt-body-tag #tabsB .tab_tag a:hover span,
body#tt-body-keylog #tabsB .tab_key a:hover span,
body#tt-body-guestbook #tabsB .tab_guest a:hover span {
	color:#000;
}

맨위에 플립형 시계 플러그인은 어떻게 달수 있나요?

메인 상단 이미지는 어떻게 넣어야 되는 건가요?

1. body ID 기능을 사용해 탭 네비게이션에 현재탭을 표시합니다. (이 기능은 nezene님의 이 스킨에서 배워 왔습니다.)
2. body ID 기능을 사용해 방명록 부분에 사이드바를 출력하지 않습니다. (방명록에 출력될 리스트 갯수를 작게 잡아주시면, 짜리몽땅한 귀여운 모습이 될지도 모릅니다. ;_; )
3. 사이드바의 가로 크기를 늘려도, 레이아웃이 망가지지 않습니다.

hi8ar_Monochrome_for_TT11 [VER1.2].zip

딱 세군데의 width 값만 변경하시면 됩니다.

1. 태터툴즈 1.1에 맞도록 제작되었습니다.
2. 소스가 나름대로 깔끔(?)해 졌습니다.(하지만 아직도 불필요한 부분이 많을수 있습니다.)
3. 키워드 기능을 사용할수 있습니다.
4. 스킨관련 메뉴의 사이드바 설정 기능을 지원합니다.
5. More/Less와 3개의 그림정렬부분등 몇몇부분에 대한 Class를 추가했습니다.
6. 관리자 댓글, 방문자 댓글, 비밀 댓글에 대한 고유의 Class를 추가했습니다.
7. 댓글의 갯수와 관련해서, 단 복수 형을 구분합니다.
8. 포스팅 제목 부분의 글꼴을 Verdana 에서 Lucida Grande로 변경했습니다. (Lucida Grande 가 없는 시스템에서는 Trebuchet MS 글꼴으로 나올것입니다.)
9. body id 기능을 이용할 수 있습니다. 하지만 현재, 특별히 적용된 부분은 없습니다.

SweetTitle 스크립트에 대해서..

<!-- SweetTitle -->
<script type="text/javascript" src="/skin/hi8ar_mono_red_11/js/addEvent.js"></script>
<script type="text/javascript" src="/skin/hi8ar_mono_red_11/js/sweetTitles.js"></script>
	<style type="text/css" media="screen,projection">
		<!--
			@import "/skin/hi8ar_mono_red_11/css/sweetTitles.css";
		-->
	</style>

#sidebar .notice {

	padding:5px 10px;

	margin:5px 0;

	-moz-border-radius: 6px;*/

}

#sidebar ul{

	margin:0;

	padding:10px;

	list-style:none;

	overflow: hidden;

}

1. 이 스킨은 태터툴즈 1.0.6 에 최적화 되어 있습니다.
   
2. 대부분의 브라우져(IE 6.0, Firefox, Opera, Safari)에서 동일하게 보임을 확인했습니다. (하지만 불여우에서 가장 잘 보입니다.)
3. Windows의 경우, ClearType 적용상태에서 보다 더 예쁘게 출력됩니다. 클리어타입을 사용하지 않으시는 분은 지금부터라도 사용해 보세요~! (영문폰트 때문입니다.)
   
4. 하단 배너(Monochrome 배너)와 제작자를 수정하지 않는 범위 내에서 자유롭게 수정 하실수 있습니다.
   
5. 본문의 영역의 크기는 600px 입니다.
6. 사이드바 영역의 크기는 150px 입니다.
   

배경 색상 코드 : #d7d7d7
링크 색상 코드 : #3d68d2
링크 마우스 hover시 색상 코드 : #993333

배경 색상 코드 : #cebabb
링크 색상 코드 : #895c5c
링크 마우스 hover시 색상 코드 : #993333

<a href="http://hi8ar.net/" title="hi8ar's Blog">What a Nuisance!</a>

	    	<!-- CSS Tabs 상단 탭에 추가하실수 있습니다-->

		    <li><a href="[##_blog_link_##]" title="처음으로~"><span>Home</span></a></li>

				<li><a href="[##_localog_link_##]" title="위치로그"><span>Location</span></a></li>

				<li><a href="[##_taglog_link_##]" title="태그"><span>Tag</span></a></li>

				<li><a href="[##_guestbook_link_##]" title="방명록"><span>GuestBook</span></a></li>

<div class="utube"><object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/0jN7EGVS2bI"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/0jN7EGVS2bI" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object></div>

Monochrome I

more..

vs : Inspired.
font : Kabel Md BT, Calibri

Monochrome II

그러니까 이번엔 지금 사용하고 있는 아바타를 늘려서 월페이퍼를 만들고..
여기저기 그림자 효과를 과도하게 사용하여.. 깔끔한 맛은 없고.. 조금은 지나하게 blurry해 보이는게 매력?

흠냐... 어째, 좀 칙칙한데..-_ㅡ;;;

:P