제목을 이쁜 이미지로 자동 변환 시키는 방법입니다.
[행복한 고니 님의 글이랍니다.] 2006/04/17 15:29 포스팅 글인데 다시 생각나서 재탕 ..;;
태터 홈 팁부분과 고니님 홈 두군데를 봐야 수정이 가능해서 하나로 모아 봤어요..
-- 행복한 고니님 자료 입니다. --
원래는 플러그인으로 만들려고 했던 기능인데, 아쉽게도 태터에서 지원하는 이벤트에는 제목을 다루는 것이 없더군요. 이벤트를 추가해볼까 하다가, 일반 사용자들이 따라하기 귀찮아질 것 같은데다가 스킨을 수정하는 것도 그리 어렵지 않아서 그냥 스킨수정팁으로 포스팅하기로 했습니다. 나중에 관련 이벤트가 추가되면 플러그인으로 제작하는 걸 생각해보겠습니다. ^^
일단 아래에 있는 파일을 다운로드 하시기 바랍니다.
필요한 파일은 두개 +_+
저작권문제로 폰트파일은 포함되어있지 않습니다. 저작권에 문제가 없는 TTF 폰트가 있다면 같이 배포해도 괜찮을 것 같습니다. ^^a
자, 이제부터 시작합니다.
1. 받은 파일을 스킨과 같은 디렉토리에 집어넣습니다(물론, 폰트도 넣으셔야 합니다).
2. 스킨파일(skin.html)을 열어서 다음을 문서의 헤더부분에 추가합니다. 폰트이름이나 색상등은 자유롭게 수정하셔도 되며, 가급적이면 폰트파일이름은 영문으로 써주시기 바랍니다. 배경색은 글자가 조금 더 배경과 잘 어울리도록 정해주는 색상입니다.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="./style.css" rel="stylesheet" type="text/css" />
... 이 아래에 추가합니다 ...
<script type="text/javascript" src="./imagetext_js.php"></script>
<script type="text/javascript">
prettyFont.font = "prince.ttf"; // font name
prettyFont.size = 16; // font size
prettyFont.bgColor = "FFFFFF"; // background color
prettyFont.txtColor = "009900"; // text color
prettyFont.notColor = "669900"; // notice color
</script>
... 여기까지 ...
</head>
3. ##_article_rep_title_##을 찾아서 다음과 같이 수정합니다. 공지사항의 제목도 마찬가지로 수정하되, 두번째 argument로 true를 추가합니다.
4. 끝입니다. ^^
일단은 보여주고나서 의견을 받는 편이 좋을거라 생각해서 캐시기능 같은 것은 현재 포함되어있지 않습니다.
여러사람에게서 의견의 압박이 오면 그 때 생각해보겠습니다. -0-
주의!!
제목에 한자나 2바이트 특수문자(혹은 ㅋㅋ와 같이 자음만 쓴 것)가 포함되어있으면 제대로 표시되지 않을 수 있습니다.
imagetext.zip
本插件可以自动将日志标题以图像的方式显示出来。
用这个插件可以把标题以图片的方式用特殊字体显示，增加美观度（当然，也同时加重了页面负担）。
使用方法：
1、下载imagetext.zip（包含两个php文件）
2、把压缩包中的两个文件上传到目标模板的目录下，同时上传ttf字体文件。
3、修改模板中的skin.html文件，在<head></head>中添加下段代码
<script type="text/javascript" src="./imagetext_js.php"></script>
<script type="text/javascript">
prettyFont.font = "prince.ttf"; // font name
prettyFont.size = 16; // font size
prettyFont.bgColor = "FFFFFF"; // background color
prettyFont.txtColor = "009900"; // text color
prettyFont.notColor = "669900"; // notice color
</script>
prince.ttf为上传的字体文件名称
prettyFont.size 字体大小
prettyFont.bgColor 字体背景颜色
prettyFont.txtColor 字体颜色
prettyFont.notColor 公告颜色
以上信息可按需求自由修改。
4、在代码中找到[##_article_rep_title_##]
替换为：<script type="text/javascript">prettyFont("[##_article_rep_title_##]");</script>
再找到[##_notice_rep_title_##]
替换为<script type="text/javascript">prettyFont("[##_notice_rep_title_##]",true);</script>（注意：notice比article多加了一个"true"）
Posted by yuvia
