현재 해더부분의 타이틀이 들어가있는곳의 css를 잠시 보겠습니다.

#leftHeader {
float: left;
margin:0;
padding:0;
text-align: left;
height: 60px;
width: 502px;
}

502-60 짜리 이미지로 만들면 됩니다. 더군다나 전체적인 바탕이 검은색계열이므로 바탕을 같이 하면 옆의 광고와도 잘 매치가 될거라 생각이 됩니다.
사이즈를 수정하려면 전체적으로 손을 봐야하므로 이 사이즈로 하기를 권합니다.
기존의 바탕으로 똑같이 사용하실려면 아래 이미지를 사용하시면 좋습니다. 물론 이미지를 다른것을 사용해도 상관없습니다.
전 테스트용이니....



여기에 글을 쓰거나 꾸미면 됩니다.
우선 스킨편집에 들어가셔서 제작한 타이틀을 업로드 합니다.
만든 타이틀 이미지 파일이름이 title.gif 라고 가정한다면 html 편집창에서 leftHeader 를 찾아서 아래처럼 수정해줍니다.
아래 빨강색부분의 () 를 [] 로 수정해주세요.



<div id="leftHeader">
<h1><a href="[#\#_blog_link_##]" title="처음으로"><span><img src="./images/title.gif" alt="[#\#_title_##]"></span></a></h1>

자 간단이 원하는 이미지로 타이틀을 교체했습니다. 위에서 span은 여기서는 필요가 없습니다. 있어도되고 없어도 됩니다.
나중에 롤오버 효과를 내거나 또는 이미지로 했을경우 글씨가 안나오게 할때 필요합니다.

css 편집창에서 #leftHeader h1 a span{display:none;} 를 추가해줍니다.
그러면 글씨가 안나옵니다.

관련글
타이틀 제목 플래시 물결로 만들기 => http://demun.tistory.com/913

댓글