타이틀 956*180
대문 559*400
주제: 가을
단조로움을 피하기 위해 글자에 색상 입힘.
브러쉬 노출을 줄여서 깔끔함을 강조.
어딜가든지 업데이트 소식은 반갑기 마련이다.
특히 이번은 내가 텍큐시작한 이래로 처음으로 보는 업뎃이기에 더 설레는 것 같다.
이번에 올라온 공지에는 1. 계정과 관련된 안내사항 과 2. 외국어 스팸 댓글 관련사항 , 그리고 3. 스킨 추가 및 기타 변경사항 이 있다.
1, 2번은 뭐 그다지 중요한게 아니고 스킨이 추가됬다는게 제일 반가운 소식이다 +_+
아흣
새로운 스킨이라니!!
블로그 처음 할때는 코드편집에 무지해서 힘든점이 참 많았었다.
지금도 코드 복붙으로 간간히 꾸며나가고 있지만 처음에 비하면 훨씬 나아진거다.
이번 업뎃으로 블로그 시작하는 분들에게 많은 도움이 될듯.
새로운 스킨은 뒤에 주소만 입력하는 것으로도 간단히 구경해볼 수 있다.
각각 Grain Note, Hellow Letter, Air Mail 스킨이다.
내 포스팅은 원래 영양가가 없어서 이만 마치도록 한다(-_-)
위에껀 글자를 타이핑 하는 효과입니다.
위 플래시에서 여러분이 원하는 애니메이션을 요청하시면 올리도록 노력하겠습니다.
본론으로 들어갈게요.
이 글에서 보여드리려는건 날짜를 타이핑 하는 효과입니다.
맨 위의 애니메이션은 1글자씩 출력되는 것이 특징이고 이것은 숫자들이 다같이 출력됩니다.
이해를 돕기위해 스크립트를 간단히 설명해보겠습니다.
(제가 구현했지만 저도 해석할려면 한참걸립니다 ㅡㅡ;;)
1. 변수 aae에 날짜를 입력합니다. (형식은 숫자.숫자.숫자.숫자 ... 이런식으로)
2. 배열을 만들어 각 배열마다 한글자씩 집어넣습니다.
3. 점(.)이 있는 배열을 제외한 나머지 변수마다 0부터 9까지 랜덤으로 숫자를 출력합니다.
5. 몇번 반복한후에 첫 변수는 랜덤을 멈추고 원래 날짜의 첫 글자를 입력해줍니다.
6. 3번과 4번을 반복하고 각 글자를 입력해줍니다.
7. 글자가 다 입력되면 texf 함수를 멈춥니다.
다이나믹 텍스트 만들고 변수(Var)를 dates_view 으로 지정해줍니다.
그리고 프레임에 액션걸고 첫 줄에 날짜를 입력해줘야 합니다.
aae="2019.04.16"; 이런식으로..
그리고 아래 스크립트를 입력합니다.
aa = 7; //애니메이션 끝나는 속도
if(_root.aae) {} else _root.aae = "2009.09.11";
aae = _root.aae;
aaa=0; aaa2=0; mata="";
aae_arr= new Array();
//aae_arr[0]부터 aae_arr[9]까지 글자입력하기
texf = setInterval(texx, 18);
function texx() {aaa2++;
aaa=Math.floor(aaa2/aa);
view="";//뷰 초기화
for(ia=0; ia<=aae.length-1; ia++){
if(aae.charAt(ia)==".") aae_arr[ia]=_root.aae.charAt(ia);
else if(aaa<=ia) aae_arr[ia]=random(10);
else aae_arr[ia]=_root.aae.charAt(ia);
view+=aae_arr[ia];}//뷰 입력
if(aaa==aae.length) clearInterval(texf);
}
궁금하신 분은 첨부파일 참고^^; (MX2004)
Dday + 유튜브 크기조절 위젯 (2 in 1)에 이어서 포스팅 합니다.
사용방법은 위 포스팅을 참고해주세요.
이 녀석 이름을 뭐라해야할지 모르겠군요.
Dday + 유튜브 크기조절 위젯 (2 in 1) 이라고 하니까 제목이 너무 길어서 말이죠.
쿨럭
본론으로 들어가겠습니다.
우선 코드부터 적어보겠습니다.
(코드 첨부파일로도 올려놨어요^^)
<center><span>
<embed width=180 height=50 menu="0"
src=http://cfs.tistory.com/custom/blog/43/436478/skin/images/Youtube.swfflashvars="dates=2009.09.11&w_change=396&color_percent=0">
</center></span>
블로그 날짜는 dates에 적어줍니다.
(2005년 1월 1일인경우 dates=2009.09.11 라고 해야겠죠?)
w_change 에는 포스트 너비를 적어주세요.
(제 티스토리 블로그는 396이니까 w_change=396 이라고 적으면 됩니다)
밝은 스킨이 아니라면 color_percent 값을 늘려주세요.
(값은 0~100인데 밝은 스킨은0~15, 어두운 스킨은 85정도를 추천)
그럼이제 어두운 스킨에, 날짜는 2019년 4월 16일, 포스트너비 640으로 올려보겠습니다.
<center><span>
<embed width=180 height=50 menu="0"
src=http://cfs.tistory.com/custom/blog/43/436478/skin/images/Youtube.swfflashvars="dates=2019.04.16&w_change=640&color_percent=85">
</center></span>
쉽죠!?
주소는http://cfs.tistory.com/custom/blog/43/436478/skin/images/Youtube.swf 쓰시거나 직접 올릴수 있습니다. (위 주소를 사용하시면 자동으로 업뎃 됩니다 -_-!)
티스토리에서 swf파일 불러오기
티스토리에서 swf파일 링크 긁어오는 샷입니다. (이미지 출처: 디시인사이드)
swf 파일
스크립트
한분이라도 쓰시길 희망해봄 ㅠㅠ
제 블로그 Dday를 위젯으로 달고 싶었습니다.
사실, Dday 위젯을 달고 싶게된 이유는 Daum Dday 위젯때문입니다.
제 맘에 꼭 드는 위젯이었죠.
그런데 Since라고 적으니 안 어울리는 겁니다.
뭐가요?
블로그에 Since를 붙여넣는다 함은, 블로그 개설날짜를 표시해야 되는데..
그저 Dday 만 보여주는거죠. (무슨 수능도 아니고 ㅠ)
하여간 이런 희안한 요구때문에 직접!!!! 만들어야 한다는 사명감에 불타올랐습니다.
이 위젯을 만들게된 이유는 하나 더 있습니다.
바로, 비좁은 제 티스토리 블로그입니다.
디자인으로는 적절히 아담한데 정작, 포스팅영역에는 동영상도 못들어갑니다
ㅡ_ㅡ
유튜브에서 동영상 퍼올려면 사이즈가 425입니다.
제 티스토리 블로그 포스팅 영역은 396입니다.
포스팅 영역을 넘어서면 동영상이 짤려버려요 ㅠ
그래서 어떻게 해야하나 고민을 많이했습니다.
바로 그 문제를 해결해준 것이 이 위젯의 두번째 기능입니다.
그런데 이 위젯을 달아놓는다고 해서 포스팅영역을 조절할 수 있는건 아닙니다.
그러면 대체 뭐하는 기능이냐?
유튜브 코드를 붙여넣으면 자신이 원하는 사이즈로 토해내는 거죠.
예를들어 유튜브에서 640*505 동영상을 퍼온다고 칠게요.
그런데 포스팅 영역은 700입니다.
이런경우 동영상 코드를 위젯에 붙여넣으면 700사이즈로 뱉어줍니다.
(저의 경우 396사이즈로 뱉어주는거죠!)
정말 희귀하고 괜찮은 기능입니다(저한테만 -_-)
사용법은 간단합니다.
우클릭해서 'Youtube by 엘카' 를 클릭합니다.
Change size to 에는 미리 입력해둔 사이즈가 나오죠.
Paste code here에다가 embed 태그를 붙이고 copy to clipboard 클릭하면 원하는 사이즈로 알맞게 복사해줍니다.
불편한점 있으면 알려주세요!!
내용이 길어서 퍼가는 방법은 이어지는 포스팅에 올렸어요~
| Letter or number key | Key code | ASCII key code |
|---|---|---|
| A | 65 | 65 |
| B | 66 | 66 |
| C | 67 | 67 |
| D | 68 | 68 |
| E | 69 | 69 |
| F | 70 | 70 |
| G | 71 | 71 |
| H | 72 | 72 |
| I | 73 | 73 |
| J | 74 | 74 |
| K | 75 | 75 |
| L | 76 | 76 |
| M | 77 | 77 |
| N | 78 | 78 |
| O | 79 | 79 |
| P | 80 | 80 |
| Q | 81 | 81 |
| R | 82 | 82 |
| S | 83 | 83 |
| T | 84 | 84 |
| U | 85 | 85 |
| V | 86 | 86 |
| W | 87 | 87 |
| X | 88 | 88 |
| Y | 89 | 89 |
| Z | 90 | 90 |
| 0 | 48 | 48 |
| 1 | 49 | 49 |
| 2 | 50 | 50 |
| 3 | 51 | 51 |
| 4 | 52 | 52 |
| 5 | 53 | 53 |
| 6 | 54 | 54 |
| 7 | 55 | 55 |
| 8 | 56 | 56 |
| 9 | 57 | 57 |
| a | 65 | 97 |
| b | 66 | 98 |
| c | 67 | 99 |
| d | 68 | 100 |
| e | 69 | 101 |
| f | 70 | 102 |
| g | 71 | 103 |
| h | 72 | 104 |
| i | 73 | 105 |
| j | 74 | 106 |
| k | 75 | 107 |
| l | 76 | 108 |
| m | 77 | 109 |
| n | 78 | 110 |
| o | 79 | 111 |
| p | 80 | 112 |
| q | 81 | 113 |
| r | 82 | 114 |
| s | 83 | 115 |
| t | 84 | 116 |
| u | 85 | 117 |
| v | 86 | 118 |
| w | 87 | 119 |
| x | 88 | 120 |
| y | 89 | 121 |
| z | 90 | 122 |
| Numeric keypad key | Key code | ASCII key code |
|---|---|---|
| Numpad 0 | 96 | 48 |
| Numpad 1 | 97 | 49 |
| Numpad 2 | 98 | 50 |
| Numpad 3 | 99 | 51 |
| Numpad 4 | 100 | 52 |
| Numpad 5 | 101 | 53 |
| Numpad 6 | 102 | 54 |
| Numpad 7 | 103 | 55 |
| Numpad 8 | 104 | 56 |
| Numpad 9 | 105 | 57 |
| Multiply | 106 | 42 |
| Add | 107 | 43 |
| Enter | 13 | 13 |
| Subtract | 109 | 45 |
| Decimal | 110 | 46 |
| Divide | 111 | 47 |
| Function key | Key code | ASCII key code |
|---|---|---|
| F1 | 112 | 0 |
| F2 | 113 | 0 |
| F3 | 114 | 0 |
| F4 | 115 | 0 |
| F5 | 116 | 0 |
| F6 | 117 | 0 |
| F7 | 118 | 0 |
| F8 | 119 | 0 |
| F9 | 120 | 0 |
| F10 | This key is reserved by the system and cannot be used in ActionScript. | This key is reserved by the system and cannot be used in ActionScript. |
| F11 | 122 | 0 |
| F12 | 123 | 0 |
| F13 | 124 | 0 |
| F14 | 125 | 0 |
| F15 | 126 | 0 |
| Key | Key code | ASCII key code |
|---|---|---|
| Backspace | 8 | 8 |
| Tab | 9 | 9 |
| Enter | 13 | 13 |
| Shift | 16 | 0 |
| Control | 17 | 0 |
| Caps Lock | 20 | 0 |
| Esc | 27 | 27 |
| Spacebar | 32 | 32 |
| Page Up | 33 | 0 |
| Page Down | 34 | 0 |
| End | 35 | 0 |
| Home | 36 | 0 |
| Left Arrow | 37 | 0 |
| Up Arrow | 38 | 0 |
| Right Arrow | 39 | 0 |
| Down Arrow | 40 | 0 |
| Insert | 45 | 0 |
| Delete | 46 | 127 |
| Num Lock | 144 | 0 |
| ScrLk | 145 | 0 |
| Pause/Break | 19 | 0 |
| ; : | 186 | 59 |
| = + | 187 | 61 |
| - _ | 189 | 45 |
| / ? | 191 | 47 |
| ` ~ | 192 | 96 |
| [ { | 219 | 91 |
| \ | | 220 | 92 |
| ] } | 221 | 93 |
| " ' | 222 | 39 |
| , | 188 | 44 |
| . | 190 | 46 |
| / | 191 | 47 |
뭐 하나 다운로드 받을려고 하면 이젠 토렌트가 꼭 필요한 세상(?)이 됬습니다.
토렌트가 무거운 프로그램도 아니라서 많이 즐겨쓰죠.
그런데 저처럼 컴퓨터 결벽증에 시달리는 사람에겐 토렌트 설치가 부담스럽게만 느껴집니다.
다운로드 받고 싶은 파일이 있어도 토렌트 설치하기 싫어서 포기한 경우도 종종 있었습니다.
어찌보면,, 그렇게 하는게 득보다 실이 큰것 같기도 합니다.
이제 그런 분들을 위해 쉽고 간편하게 무설치 토렌트를 즐길 수 있는 방법을 소개할려고 합니다.
1. 새 폴더를 하나 만듭니다. (저는 uTorrent 라고 하겠습니다)
2. 토렌트 실행파일을 uTorrent 폴더에 넣습니다. (파일명은 utorrent.exe으로 지정)
*토렌트가 없으신 분은 토렌트를 다운로드 받습니다. 다운로드(클릭)
(영어에 약해서 언어팩도 받으실 분은 Language pack도 받아서 같은 폴더에 넣습니다)
3. 메모장을 켜서 파일명을 settings.dat 이라고 저장합니다.
다됬습니다. 이제 무설치로 토렌트를 사용할 수 있습니다.
참 쉽죠?