플래시 같은 뉴스티커를 쉽게 만들기

[팁앤 테크/웹마스터 팁]
사용자 삽입 이미지

기능 및 사용설명 :

DHTML 뉴스티커는 전문적인 방법은 손쉽게 제작할 수 있도록 구성된 단독 실행 뉴스 티커입니다.
진한 글자가 흐려지는 등 플래시처럼, 가로 스크롤 및 와이핑 등 다양한 효과를 나타낼 수 있습니다.
 
주요 기능 :
- 쉬운 구축, 테스트 및 설치.
- 전문가 수준의 자바 스크립트 뉴스 티커 디자인.
- 뉴스와 기타 정보를 제공하는 효과의 속도 조절과 딜레이 일시 중지.
- 5가지의 특수 효과를 지원.
- 수평 자바 스크립트 텍스트 스크롤 항목에 대한 일부 HTML 태그 허용.
- 전체 사용자 지정 글꼴의 사용.
- 이미지 지원.
- 수평 스크롤 html로의 설정 과정을 통해 시각적인 편집기를 안내.
- 한 웹 페이지에서 여러 html로 뉴스 티커 실행 .
- 자바 스크립트에 대한 지식이 필요없이 html로 티커를 제작.
 
실행 방법 : (경어 생략)
Wizard라는 이름답게 5단계의 제작 순서를 지원하므로 손쉽게 뉴스티커를 만들 수 있다.
Step1에서는 먼저 제작 완료후 찾기 쉽게 오른쪽 하단의 Name of the ticker에 myticker01 등
자신만의 이름을 넣는다. 아무것도 적지 않아도 되고 나중에 바탕화면에
DHTML News Ticker Wizard 폴더에 저장된다.
Next를 누르고 Step2에서는 티커 사이즈(가로, 세로) 타이틀 가로폭, 텍스트 상좌우 폭 마진, 백그라운드와
타이틀, 텍스트 컬러 등을 지정할 수 있다.
오른쪽 아래서 폴더명을 지정할 수 있는데 나중에 티커가 완성되면 HTML 등이 폴더에 저장된다.

Step3에서는 폰트체, 크기 및 테두리선 굵기, 색상을 지정하며
Step4에서는 티커 양 옆에 나타날 좌우버튼에 대해 지정할 수 있다.
Previous Button Image의 오른쪽을 누르면 오른쪽 끝에 ... 이 나타나는데 이걸 누르면 내컴퓨터에서
미리 만들어 놓은 작은 삼각형 등 좌우버튼 이미지를 찾을 수 있다.
일반과 마우스 오버시 나타날 이미지 2개를 선택할 수 있다.
Next 방법 역시 마찬가지이며 이미지를 만들기 싫으면 그냥 텍스트로 Previous나 Next로 해도 된다.
좌우 포지션, 크기, 투명도 등도 설정할 수 있다.

Step5에서는 티커에 나올 내용을 적는 곳이다. 왼쪽은 제목이고 오른쪽에 내용을 적는데
해당 부분을 누르면 오른쪽 Edit 버튼이 활성화되어 이걸 누르고 내용을 적어 넣을 수 있다.
한글도 완벽히 지원되며 링크를 걸 수도 있으며 타겟도 지정이 가능하다.

(여기서 잠깐! 티커에 여러 줄을 적어 넣을 수 있지만
공지사항 등을 뉴스티커에 나오게 할 때 어떤 소스를 넣는지 적용해보지 못했습니다.
일반적으로 아이보드에 나오는 <? iBoard_Print_Here('notice',$Simple_style_set); ?>
이런 소스를 넣어서 실행하려면 마지막 단계이후 제공되는 ticker.js에 넣으면 될거 같은데..
ticker.js 상단에 보면 자신이 적은 내용이 나오거든요.)

하단 왼쪽에서 슬라이드, 스크롤, 페이드 등 여러 효과를 선택할 수 있다.
(대부분 아는 내용이므로 효과에 대한 설명 생략)
하단 오른쪽은 티커에 대한 실행시간 등에 대한 설정으로 자동실행, 정지시간, 속도 등을 정할 수 있다.

마지막 Publish에서 지금까지 진행한 내용을 확인할 수 있으며 미리보기가 지원돼
제작한 내용을 볼 수 있다. 마음에 안드는 부분이 있으면 오른쪽 하단 Previous 버튼을 누르고
해당 단계로 되돌아가 다시 만들 수 있다.
아이프레임 소스를 제공하므로 Copy 버튼을 눌러 그대로 복사해 자신의 홈페이지에 붙여 넣으면 된다.
JS 및 HTML 소스도 받을 수 있어 자신의 서버에 업로드하여 사용하면 자신만의 뉴스티커를
사용할 수 있다.

원문 :
DHTML News Ticker Wizard 1.0
File size: 190KB
Platform: Windows 9X/ME/NT/2K/2003/XP/Vista/7
License: Shareware
Publisher: Gokhan Dagli
Price: $29

DHTML News Ticker is a professional highly configurable, single line news ticker.
Cool effects range from fading, horizontal scrolling and wiping.
Main features:
- Easy building, testing and installation.
- Professional-looking javascript news ticker design.
- Adjustable effect speed and pause delay between items.
- Provides an easy method for delivering news and other information.
- It supports 5 special effects.
- Allows some HTML tags for horizontal javascript text scroll items.
- Full customizable font characteristics.
- Supports images.
- A visual editor guides you through the set-up process of the horizontal html scroll.
- Runs multiple html news ticker on one web page .
- Requires no Javascript knowledge to create html ticker.

dt83h6k2m4
이올린에 북마크하기(0) 이올린에 추천하기(0)

"웹마스터 팁" 카테고리의 다른 글

2010/04/25 18:08 2010/04/25 18:08

이 글의 트랙백 주소 :: 이 글에는 트랙백을 보낼 수 없습니다

::: 사람과 사람의 교감! 人터넷의 첫 시작! 댓글을 달아주세요! :::

  1. Stardust☆ [2010/07/19 19:51]  [댓글주소]  [수정/삭제]  [댓글쓰기]

    와앗,, 찾던거였었는데 감사합니다. ^^

[로그인][오픈아이디란?]