Tatter
글자색을 알록달록하게 하는 스크립트
ritsko
2007. 1. 7. 23:57
스킨을 만들 때마다 제일 귀찮은 건 사이드 메뉴 쪽의 글자를 이미지로 만드는 게 아닐까 싶네요. -_-;
사실 그런 걸 많이 넣어야 훨씬 예쁜 스킨이 만들어지는 법인데 나날이 게을러져만 갑니다 그려.
일본쪽 템플릿 사이트들을 다니다가 재미있는 스크립트가 보여서 백업용으로 포스팅해둡니다.
위의 CALENDAR 글씨부분과 같이 색의 배열이 반복되도록 하는 스크립트인데 메뉴 쪽에 잘 쓰면 예쁠 것 같네요.(옆에서는 이걸 붙이는 시간에 이미지를 만드는 게 더 빠르겠다고는 합디다만... 그래도 이쪽이 훨씬 빠릅니다.
)
-script language="javascript"-
var myString = "CALENDAR"
var cArray = new Array("#6ab1ab", "#7c9b21", "#e57931", "#f1cfc2");
var cNum= 0;
for (var i=0; i < myString.length; i++) {
var tempStr = myString.charAt(i);
cNum = i % cArray.length;
document.write(tempStr.fontcolor(cArray[cNum]));
}
-/script-
글씨를 바꾸고 싶은 부분에 위의 스크립트를 넣은 다음 new Array 옆에 적혀 있는 글자색을 원하는 순서대로 넣어주면 자동으로 색의 배열이 반복됩니다.
무채색 톤으로 심플하게 만든 스킨에 액센트를 주거나 할 때 쓰기에 적당할 것 같네요. : )
*스크립트 시작과 끝 부분의 - -는 < >으로.
사실 그런 걸 많이 넣어야 훨씬 예쁜 스킨이 만들어지는 법인데 나날이 게을러져만 갑니다 그려.
일본쪽 템플릿 사이트들을 다니다가 재미있는 스크립트가 보여서 백업용으로 포스팅해둡니다.
.gif)
-script language="javascript"-
var myString = "CALENDAR"
var cArray = new Array("#6ab1ab", "#7c9b21", "#e57931", "#f1cfc2");
var cNum= 0;
for (var i=0; i < myString.length; i++) {
var tempStr = myString.charAt(i);
cNum = i % cArray.length;
document.write(tempStr.fontcolor(cArray[cNum]));
}
-/script-
글씨를 바꾸고 싶은 부분에 위의 스크립트를 넣은 다음 new Array 옆에 적혀 있는 글자색을 원하는 순서대로 넣어주면 자동으로 색의 배열이 반복됩니다.
무채색 톤으로 심플하게 만든 스킨에 액센트를 주거나 할 때 쓰기에 적당할 것 같네요. : )
*스크립트 시작과 끝 부분의 - -는 < >으로.