제가 사용하는 스킨을 적용시키는 방법입니다.
1. 우선 아무 스킨이나 적용시킵니다.
2. 스킨 편집하기 화면으로 가서 기존의 내용들은 아래 위 모두 삭제해 버립니다.
3. 다운받은 skin.html 파일을 열어서 소스보기로 전체 내용을 복사합니다
4. 스킨 편집하기 화면으로 다시 와서 복사한 내용을 skin.html에 붙여 넣습니다
5. 저장합니다.
익스플로러에서 웹폰트는 자동으로 적용이 됩니다.
(이미 적용시켜 놓은 것을 사용하시기 때문입니다)
파이어폭스에서는 verdana 9pt 로 전체 글꼴이 적용됩니다.
배경이 어두운 계통이면 글자색은 그냥 사용하셔도 좋을 겁니다.
<TABLE>
<TR>
<TD>왼쪽화면</TD>
<TD>사이드바</TD>
</TR>
</TABLE>
이런 구조로 되어 있습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> :: 티스토리 스킨 작업하기 (1월 26일 부분 수정된 소스 별첨)</title>
<style>
BODY {
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #396DA5;
scrollbar-highlight-color: #396DA5;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #396DA5
}
@font-face {font-family: solip; src:url(http://askme.cafe24.com/misc/solip.ewf);}
a:link, a:visited, a:active {font-family: solip,verdana; font-size: 9pt ; color:#C4ECFF ;text-decoration:none; }
body,td,a,p,pre,select,table,div { font-family: solip,verdana; font-size: 9pt ; color: #FFFFFF; line-height:14pt;}
input,textarea { font-family: solip,verdana; font-size: 9pt ; color: #000000; line-height:14pt;}
img {border:none}
table{background-color:#3d4d5d}
</style>
</head>
녹색부분은 익스플로러에서 스크롤바에 색을 입히는 부분입니다.
붉은색부분이 웹폰트를 적용시킨 부분입니다.
solip 부분을 stroll 로 바꾸시고 9pt를 10pt로 바꾸시면 새로운 웹폰트를 적용시키실 수 있습니다.
2007년 1월 26일 소스 수정된 파일로 업로드 되어 있습니다.
1. 우선 아무 스킨이나 적용시킵니다.
2. 스킨 편집하기 화면으로 가서 기존의 내용들은 아래 위 모두 삭제해 버립니다.
3. 다운받은 skin.html 파일을 열어서 소스보기로 전체 내용을 복사합니다
4. 스킨 편집하기 화면으로 다시 와서 복사한 내용을 skin.html에 붙여 넣습니다
5. 저장합니다.
익스플로러에서 웹폰트는 자동으로 적용이 됩니다.
(이미 적용시켜 놓은 것을 사용하시기 때문입니다)
파이어폭스에서는 verdana 9pt 로 전체 글꼴이 적용됩니다.
배경이 어두운 계통이면 글자색은 그냥 사용하셔도 좋을 겁니다.
<TABLE>
<TR>
<TD>왼쪽화면</TD>
<TD>사이드바</TD>
</TR>
</TABLE>
이런 구조로 되어 있습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> :: 티스토리 스킨 작업하기 (1월 26일 부분 수정된 소스 별첨)</title>
<style>
BODY {
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #396DA5;
scrollbar-highlight-color: #396DA5;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #396DA5
}
@font-face {font-family: solip; src:url(http://askme.cafe24.com/misc/solip.ewf);}
a:link, a:visited, a:active {font-family: solip,verdana; font-size: 9pt ; color:#C4ECFF ;text-decoration:none; }
body,td,a,p,pre,select,table,div { font-family: solip,verdana; font-size: 9pt ; color: #FFFFFF; line-height:14pt;}
input,textarea { font-family: solip,verdana; font-size: 9pt ; color: #000000; line-height:14pt;}
img {border:none}
table{background-color:#3d4d5d}
</style>
</head>
녹색부분은 익스플로러에서 스크롤바에 색을 입히는 부분입니다.
붉은색부분이 웹폰트를 적용시킨 부분입니다.
solip 부분을 stroll 로 바꾸시고 9pt를 10pt로 바꾸시면 새로운 웹폰트를 적용시키실 수 있습니다.
2007년 1월 26일 소스 수정된 파일로 업로드 되어 있습니다.