'2008/01/23 글 목록 (2 Page)

웹사이트 특정 부분만 출력하기

인터넷관련 2008. 1. 23. 16:01

다른 사이트의 내용을 원하는 부분만 출력하는 팁입니다.
제 사이트를 제 다른 사이트에 표시하기 위에 이미 서비스가 제공되는 다른 사이트를 이용해 봤지만
생각보다 맘에 들지 않더라구요, 그래서 직접 만들어 봤습니다.

생각해 보니 아이프레임을 2개 중첩하면 만들수 있더랍니다.
갖어올 파일과, 표시할 파일이 필요하구요.

가져올파일 소스를 아래와 같이 합니다.
예) piece.html
---------------------------------------------------------

<div id="wrap" style="position:absolute; top:-세로시작값px; left:-가로시작값px;">
<iframe src="가져올주소" width="1000" height="1000" scrolling="no" frameborder="0"></iframe>
</div>

---------------------------------------------------------
가로시작값이나, 세로 시작값은 페이지 출력이 시작되는 좌표 입니다.

표시할 파일 소스는 아래와 같이 합니다.
---------------------------------------------------------

<iframe src="piece.html" width="가로크기" height="세로크기" frameborder="0" scrolling="no"></iframe>

---------------------------------------------------------

원리나 방법은 무척이나 간편하죠?
단점은 출력되는 좌표값을 알아내는게 어려울 뿐입니다.
곰곰히 생각하니 갖어올 페이지를 일일이 만들어야 되는것도 귀찮구요.

그래서 위치 에디터와 갖어올 파일을 생성하는 소스도 만들어 봤습니다.

각종 폼 값을 입력 후 Piece Size에서,
클릭으로 가로와, 세로 위치를, Shift+클릭으로 크기를 지정하면 소스를 만들어 줍니다.

에디터 미리보기 : http://qurx.net/_tools/wp/editor.html
소스 받기 : http://qurx.net/_tools/wp.zip

생성기(index.html)는 주소에 옵션을 입력하는 방식입니다
이 옵션을 에디터에 그대로 대입하면 옵션 그대로 수정할 수 있습니다.

예) u=주소&y=가로시작값x=세로시작값

에디터 지원 옵션------------------------------------------

u : 주소
y : 가로시작값
x : 세로시작값
w : 가로크기
h : 세로크기
l : 링크옵션 [기본 0](1/링크방지, 2/원본사이트, URL/특정주소)
c : 배경색

에디터 미 지원 옵션---------------------------------------

ffx : 파이어폭스 세로 값
ffy : 파이어폭스 가로 값
opx : 오페라 세로값
opy : 오페라 가로값
r : 가져오는 페이지 해상도 [기본 1000,1000](가로,세로)
p : 링크시 타겟 [기본 parent]

---------------------------------------------------------

문제점이 있다면
1 . 로딩 후 특정 폼으로 이동하는 페이지의 경우 위치가 틀어집니다.
2 . 브라우저마다 위치가 다를 수 있습니다(ffx, ffy, opx, opy 사용으로 해결!)

사이트의 소스를 재가공하는 방식이 아니기에 저작권에 문제는 없을 듯 합니다만,
원본페이지의 운영자가 거부하는 경우 될수 있으면 사용하면 안되겠죠?

<html>
<head>
<title>World Piece!</title>
</head>
<body>
<h1>World Piece!</h1>
<div>


<iframe src="http://qurx.net/_tools/wp?u=http%3A//media.daum.net/%3Fnil_profile%3Dg%26nil_newstitle%3D0&x=148&y=148&w=367&h=459&l=0&" width="367" height="459" frameborder="0" scrolling="no" style="margin-right:130px">
</iframe>



<iframe src="http://qurx.net/_tools/wp?u=http%3A//cartoon.media.daum.net/&x=12&y=201&w=125&h=498&l=1&l=http%3A//llllll.org" width="125" height="498" frameborder="0" scrolling="no">
</iframe>

</div>
<div>


<iframe src="http://qurx.net/_tools/wp?u=http%3A//cartoon.media.daum.net/&x=151&y=408&w=629&h=354&l=1&l=http%3A//llllll.org&p=3" width="629" height="354" frameborder="0" scrolling="no">
</iframe>

</div>
</body>
</html>

'인터넷관련' 카테고리의 다른 글

한칸띄기 태그 - 사이띄기 (0)	2008.01.23
css로 만든 메뉴 (0)	2008.01.23
HTML 4.01 엔티티(Entities) (0)	2008.01.23
한국 전통 표준색 (0)	2008.01.23
ftp 업로드시 아스키모드 / 바이너리모드란 ? (0)	2008.01.23
퍼미션이란 ? 퍼미션 설정하는 방법. (0)	2008.01.23
국제 표준 배너 규격(CASIE & IAB) 사이즈 참고규격입니다. (0)	2008.01.23
input/textarea 한.영키 사용않고 한글이나 영문 자동으로 나오게... (0)	2008.01.23

Posted by 알 수 없는 사용자

,

ftp 업로드시 아스키모드 / 바이너리모드란 ?

인터넷관련 2008. 1. 23. 16:01

아스키는 컴퓨터나 인터넷상에서 텍스트 파일을 위한 가장 일반적인 형식인

php, html, 등등의 텍스트파일들은 아스키모드이고

jpg, gif, 등등 이미지 파일들은 바이너리 모드입니다.

더 확실하게 하실라믄 (조금 무식한 방법이지만) Vi, Emacs,

아니면 노트패드등으로 파일을 열었을때 비록 안에 있는 내용이

뭔소린진 몰라두(^^*) 속안에 있는 글씨들이 깨지지 않고 나오면

그파일은 ASCII모드로 전송해야 하고 아니면 바이너리 모드 입니다.

하지만 이 모든게 귀찮으시다면 일반적으로 텍스트 파일들을 바이너리로

전송해도 거의 별문제는 없습니다. 그리고 잘못 전송을 했을 경우는

해당 파일들을 원래의 전송모드로 덮어 씌우면 됩니다.

요즘 ftp는 자동으로 알아서 해주기 때문에 편하죠. 대신 한꺼번에

너무만은 파일들을 전송할 경우는 ftp가 그 파일을 제대로 인식하지

못하는 경우도 있으니까 폴더째 통째로 업로드하지 마시고 나눠서 하는

방법이 바람직합니다.

'인터넷관련' 카테고리의 다른 글

css로 만든 메뉴 (0)	2008.01.23
HTML 4.01 엔티티(Entities) (0)	2008.01.23
한국 전통 표준색 (0)	2008.01.23
웹사이트 특정 부분만 출력하기 (0)	2008.01.23
퍼미션이란 ? 퍼미션 설정하는 방법. (0)	2008.01.23
국제 표준 배너 규격(CASIE & IAB) 사이즈 참고규격입니다. (0)	2008.01.23
input/textarea 한.영키 사용않고 한글이나 영문 자동으로 나오게... (0)	2008.01.23
URL / 절대경로 / 상대경로란 ? (0)	2008.01.23

Posted by 알 수 없는 사용자

,

퍼미션이란 ? 퍼미션 설정하는 방법.

인터넷관련 2008. 1. 23. 16:01

1. 퍼미션의 정의?

처음 CGI를 설치하시는 분들이 제일 걸리는 부분이 퍼미션입니다.
퍼미션......?
원뜻은 허가, 허락등등의 뜻이 있다고 하죠. 즉, 권한설정을 해주는 것이라구 생각하면됩니다.
윈도즈에서 어플리케이션만 이용하시는 분들에게는 생소한 개념입니다.(이게뭔소리지...ㅠㅠ)
즉, 유닉스시스템은 Window 시스템처럼 컴퓨터 한대놓고 자기 혼자만 쓰는게 아니라 그곳에 아이디를
가진 사람들은 다 함께 공유를 하죠? 천리안에 id를 가진 사람들은 모두 천리안 서버를 공유를 하는것처럼요.

이 퍼미션이라는게 뭐냐면 말 그대로 어떤 작업에 대해 허가를 주고 안 주고 하는 것입니다.
한마디로 권한을 주는거죠. 읽을수 있는 권한, 쓸수 있는 권한, 실행할수 있는 권한.. 이런거죠~
보통 울 나라 계정들은 리눅스 계정이 많습니다. 하나의 서버당 여러명의 유저가 있죠.
그런데 이 권한이라는 것이 없다면 다른 사람의 계정, 즉 디렉토리로 가서 마구 마구 파일을 삭제해도
막지 못할겁니다. 그래서 위에서 말한 파일이나 디렉토리에 대해 읽고 쓰고 실행하고 등의 권한을 주게
해놓은거죠. 그 이전에 소유자 라는것이 있어 디렉토리나 파일의 소유자가 누구냐는 것도 있지만
이거는 모르니까 그냥 넘어갑시다. 그럼 제로보드와 같은 php나 cgi를 설치하기 위해서
이 퍼미션이라는 넘을 어케 줘야 할까요? 일반 perl로 만든 cgi에 비해서 제로보드는
php로 만들어서 퍼미션 주는 방법이 매우 쉽습니다. 제로보드의 자체 디렉토리의 퍼미션만 707로 주면 됩니다.
퍼미션은 3자리로 이루어집니다. 앞에 첫자리가 그 파일의 소유자, 즉 여러분이죠. 2번째가 Group,
3번째가 Nobody(모든사용자)이죠. 제로보드와 같은 CGI는 실행할때 Nobody로 돌아갑니다.
그렇기 때문에 소유자와 Nobody가 모두 읽고 쓸수 있는 707로 퍼미션을 줘야 한다는 겁니다.

2. 퍼미션을 주는 방법

① 텔넷으로 퍼미션 주기

여기선 유닉스 명령어를 아셔야 하는데여.
현 디렉토리 파일 리스트 : ls
상위 디렉토리 이동 : cd 디렉토리 명
하위 디렉토리 이동 : cd ..

내가 속한 그룹에 대해선 따로 권한을 줄수도 있어 총 3가지분류로 해서 권한 설정을 합니다.
맨처음은 그 파일의 소유자, 그다음은 그룹사용자, 그다음은 모든 사용자. 각각의 분류에 대해 앞에서부터

읽기 권한을 주려면 1 안주려면 0 ,영문자표기로 r
쓰기 권한을 주려면 1 안주려면 0, 영문자표기로 w
실행 권한을 주려면 1 안주려면 0, 영문자표기로 x

한분류의 사용자에게 읽기,쓰기,실행권한을 모두 주려면 111 혹은 rwx 로 표기됩니다.
111은 2진수이고, 이의 10진수값은 1*2의 2승 + 1*2 + 1 = 7 입니다.
읽기,쓰기권한만 주려면 110,혹은 rw- 로 표기되고, 110의 10진값은 6입니다.
읽기, 실행권한만 주려면 101, 혹은 r-x 로 표기되고, 101의 10진값은 5입니다.
읽기만 주려면 100, 혹은 r--로 표기되고, 100의 10진값은 4입니다.

사용자타입은 소유자, 그룹사용자, 모든사용자 세가지이니, 이 세가지를 한번에 주려면
위 중 해당권한 2진수의 10진값을 연달아 세개 붙여 777, 755, 666 등과 같이 표현되고,
계정에서 ls -al 했을때 자주본, rwxr-xr-x 와 같이 퍼미션 정보가 표시됩니다.
(파일이 디렉토리이면 앞에 d 가 붙어서 drwxr-xr-x 처럼 리스팅이 되고, 파일이면 -rwxr-xr-x 처럼 리스팅이 되는것임.)
퍼미션을 변경하려면, 퍼미션 변경명령어 chmod를 통해 가능합니다.

예) chmod 777 파일이름 혹은 chmod +x 파일이름 (+는 권한부여, -는 권한제거)
파일내의 하위디렉토리까지 모두 퍼미션 변경하려면 chmod -R 777 파일이름
폴더에 대한 설정은 그 폴더에서 chmod 707 하고 엔터 누릅니다.

② FTP로 퍼미션 주기
ftp를 이용한 퍼미션은 아주 간단합니다.
ftp로 자신의 계정에 접속해서 권한 설정을 하고 싶은 디렉토리나 파일을 찾으세요.
그런후 그 디렉토리에 마우스 커서를 가져다 놓고 오른쪽 버튼을 누르세요.
그럼 "chmod" 또는 "Change file attributes" 또는 "권한설정" 메뉴가 있을 겁니다.
과감하게 그 메뉴에서 클릭하세요. 그럼 FTP 프로그램마다 다르지만 체크를 한다거나
숫자를 입력하는 곳이 있습니다. 숫자 입력하는 곳이 있으면 과감하게 그 칸에 707이라고 치고 엔터치세요.
만약 입력하는곳이 없이 체크할수 있는 칸만 9개가 있다면 젤 앞줄 3개, 제 뒷줄 3개 (세로로) 체크하시고 ok 누르세요.
그럼 그 디렉토리의 퍼미션이 707로 된것입니다.

그렇다면 그 파일의 퍼미션이 707인지 755인지 어떻게 아냐구요?
이건 걱정하지 마세요. 처음 이런 파일을 설치하기 위해서 다운을 받으면 설치 메뉴얼에
기본적으로 퍼미션을 몇으로 주라고 다 써있답니다.
저두 텔넷으로는 해보지 못해서 자세히 모르구요. ftp로 하면 훨 쉽구 편하죠.
가끔 ftp로 퍼미션 설정이 안될 경우도 있는데 이럴때는 텔넷으로 접속해야겠죠.

'인터넷관련' 카테고리의 다른 글

HTML 4.01 엔티티(Entities) (0)	2008.01.23
한국 전통 표준색 (0)	2008.01.23
웹사이트 특정 부분만 출력하기 (0)	2008.01.23
ftp 업로드시 아스키모드 / 바이너리모드란 ? (0)	2008.01.23
국제 표준 배너 규격(CASIE & IAB) 사이즈 참고규격입니다. (0)	2008.01.23
input/textarea 한.영키 사용않고 한글이나 영문 자동으로 나오게... (0)	2008.01.23
URL / 절대경로 / 상대경로란 ? (0)	2008.01.23
404 Not Found 국가별 에러메시지 (0)	2008.01.23

Posted by 알 수 없는 사용자

,

국제 표준 배너 규격(CASIE & IAB) 사이즈 참고규격입니다.

인터넷관련 2008. 1. 23. 16:01

국제표준규격(CASIE & IAB) 배너 사이즈 참고규격입니다.

NEW INTERACTIVE MARKETING UNITS
① 120x600 IMU Skyscraper
② 160x600 IMU Wide Skyscraper
③ 180x150 IMU Rectangle
④ 300x250 IMU Medium Rectangle
⑤ 336x280 IMU Large Rectangle
⑥ 240x400 IMU Vertical Rectangle
⑦ 250x250 IMU Square Pop-up

EXISTING BANNER UNITS
① 468x60 IMU Full Banner
② 234x60 IMU Half Banner
③ 120x90 IMU Button #1
④ 120x60 IMU Button #2
⑤ 88x31 IMU Micro Button
⑥ 120x240 IMU Vertical Banner
⑦ 125x125 IMU Square Button

기본형 배너 : 보편적으로 사용되는 배너 크기 입니다.

468 * 60

234 * 60

150 * 50

120 * 50

일반 배너 : 국제배너사이즈표준(CASIE & IAB )안을 포함하여 현재 국내 및 해외에서 사용되고 있는 일반 배너 크기 입니다.

820 * 90

728* 90

640 * 60

600 * 90

468 * 60

400 * 340

400 * 110

400 * 95

400 * 40

350 * 300

350 * 60

336 * 280

300 * 250

300 * 60

255 * 95

234 * 60

160 * 600

150 * 120

150 * 50

148 * 600

140 * 40

137 * 28

130 * 110

130 * 60

120 * 600

120 * 240

120 * 90

120 * 60

120 * 50

120 * 30

88 * 31

70 * 50

표준 규격외의 개인사이트에서 많이 쓰는 가장 작은 규격으로
제가 만들면 주로 이 사이즈 입니다.

90 * 30

'인터넷관련' 카테고리의 다른 글

한국 전통 표준색 (0)	2008.01.23
웹사이트 특정 부분만 출력하기 (0)	2008.01.23
ftp 업로드시 아스키모드 / 바이너리모드란 ? (0)	2008.01.23
퍼미션이란 ? 퍼미션 설정하는 방법. (0)	2008.01.23
input/textarea 한.영키 사용않고 한글이나 영문 자동으로 나오게... (0)	2008.01.23
URL / 절대경로 / 상대경로란 ? (0)	2008.01.23
404 Not Found 국가별 에러메시지 (0)	2008.01.23
div 중앙에 나열하기 (0)	2008.01.23

Posted by 알 수 없는 사용자

,

input/textarea 한.영키 사용않고 한글이나 영문 자동으로 나오게...

인터넷관련 2008. 1. 23. 16:01

내용은 제목 그대로입니다. 소스는 참 간단하구요.

먼저 첫번째 <input type=text> 이렇게 소스를 적용하면 한/영키를 눌러야지만 한글이 써지죠..

한/영 키를 누르지 안은 상태에서 바로 글 입력시 한글이 나오게 할려면 IME-MODE: active를 적용하면 됩니다.
<input type=text style='IME-MODE: active'>

이렇게 소스를 적용하면 글 입력시 바로 한글이 나오죠.

textarea도 마찬가지로 아래와 같이 하시면 됩니다.
<textarea cols="50" rows="10" style='IME-MODE: active'>
</textarea>

그리고 영어를 나오게 할려면 active 대신 inactive를 넣습니다.
이건 굳이 쓰지 안아도 페이지 로딩시 처음에 영어로 나오니까 쓰지 안아도 됩니다.
<input type=text style='IME-MODE: inactive'>

또, auto는 이전의 인풋이나 텍스트리어에 적용한 것을 그대로 나타냅니다.
무슨 말이냐 하면 아래 처럼 소스를 적용했다구 하면요.
<input type=text style='IME-MODE: active'>
<input type=text style='IME-MODE: auto'>
<input type=text style='IME-MODE: inactive'>
<input type=text style='IME-MODE: auto'>
<input type=text style='IME-MODE: auto'>

첫번째에 한글 쓰기가 되었죠. 그럼 두번째도 마찬가지로 한글이 써집니다.
세번째는 영문 쓰기가 되었구요. 네번째는 세번째 영향을 받아서 영문이 써집니다.
다섯번째는 전 기능을 해제.

위 소스는 아마 IE5 이상에서 적용되는 걸로 아는데 이하 버전에서는 테스트 안해봤습니다.
이 이하 버전 쓰는 곳은 pc방 밖에 없겠죠...

'인터넷관련' 카테고리의 다른 글

웹사이트 특정 부분만 출력하기 (0)	2008.01.23
ftp 업로드시 아스키모드 / 바이너리모드란 ? (0)	2008.01.23
퍼미션이란 ? 퍼미션 설정하는 방법. (0)	2008.01.23
국제 표준 배너 규격(CASIE & IAB) 사이즈 참고규격입니다. (0)	2008.01.23
URL / 절대경로 / 상대경로란 ? (0)	2008.01.23
404 Not Found 국가별 에러메시지 (0)	2008.01.23
div 중앙에 나열하기 (0)	2008.01.23
레이어를 셀렉트박스, 자바애플릿 위에 오게 하는 방법 (0)	2008.01.23

Posted by 알 수 없는 사용자

,

URL / 절대경로 / 상대경로란 ?

인터넷관련 2008. 1. 23. 16:01

절대경로와 상대경로는 홈페이지를 만들면서 꼭 알아야만 하는 것입니다.

1. URL

URL경로란 도메인이나 IP를 기반으로 한 웹 문서의 경로를 의미합니다.
http://로 시작되는 경로들은 URL경로라고 합니다.
어느 페이지에서나 링크가 깨지지 않는 장점이 있지만,
만약 홈페이지의 주소가 변경된다면 일일히 수정해 주어야 한다는 단점이 있습니다.
어떤곳에서도 아래 주소를 입력하면........
<a href="http://oxtag.com>카멜롯™의 태그피아</a> 클릭했을때 이동되는 곳은 제 홈으로 이동됩니다.
URL경로가 많이 사용되는 곳은 링크 페이지와 같이 타 홈페이지를 링크하는 곳에 많이 사용됩니다.

2. 절대경로

절대 경로란 서버 또는 컴퓨터상의 절대적인 물리적 경로를 의미합니다.
CGI나 PHP에서 파일을 다루는 경우에 자주 사용되고, html문서에도 물론 만이 사용합니다.
절대경로를 써주었을 경우는 서버가 변경되는 경우 일일히 수정해 주어야 합니다. 머리아픈 작업이죠...-_-;;
즉 자신의 컴퓨터에서의 절대 경로는 『C:\Documents and Settings\All Users\바탕 화면』와 같이 되며,
서버상에서의 절대경로는 /home/tagpia/html/img/angel.gif 와 같이 됩니다.
서버상의 절대 경로는 각 서버마다 틀릴수 있으며 서버관리자에게 문의 하시면 된답니다. ^-----------^

3, 상대경로

상대경로는 웹상에서 가장 많이 쓰이는 경로입니다.
상대경로란 현제 실행되는 문서의 위치를 기준으로 한 디렉토리의 경로를 의미합니다.
서버가 바뀐 경우 디렉토리 구조만 지키면 일일히 경로를 수정하지 않아도 된다는 장점이 있습니다.
한달전에 컴내꺼에서 인트로로 태그피아가 홈 이전을했죠. 일반 html 문서에 상대경로가 아닌 파일경로를
링크시 http://oxtag.com.ne.kr/img/angel.gif 이런식으로 모든 링크 경로를 모두 썼다면 홈 이전하는게
결코 쉬운일이 아닙니다. 한두개의 문서라면 조금만 시간을 투자하면 되지만 저 같은 경우는 종일 해야만 한다는...
그래서 계정내의 모든 문서를 작성할때는 그 문서를 기준으로 디렉토리 경로를 설정해서 링크하는 것입니다.

ex1) 실행할 문서와 이미지가 같은 디렉토리(폴더)에 있을 경우
실행할 sample.html 파일과 sample.html에서 사용할 파일인 sample.jpg파일이 같은 디렉토리에 있을경우.
<img src="sample.jpg">와 같이 바로 파일명만 불러오거나. <img src="./sample.jpg">와 같이 ./를 붙여 불러오면 됩니다.
문서도 마찬가지구요.

ex2) 실행할 문서를 기준으로 이미지 파일이 한단계 상위 디렉토리에 있을 경우
실행할 sample.html 파일과 sample.html에서 사용할 파일인 sample.jpg파일이 한단계 상위 디렉토리에 있을경우.
<img src="../sample.jpg">이나 <img src="./../sample.jpg"> 같이 ./../와 ../를 붙여 불러오면 됩니다.

ex3) 실행할 문서를 기준으로 이미지 파일이 두단계 상위 디렉토리에 있을 경우
실행할 sample.html 파일과 sample.html에서 사용할 파일인 sample.jpg파일이 두단계 상위 디렉토리에 있을경우.
<img src="../../sample.jpg">나 <img src="./../../sample.jpg"> 같이 ./../../와 ../../를 붙여 불러오면 됩니다.

ex4) 실행할 문서를 기준으로 이미지 파일이 한단계 하위 디렉토리에 있을 경우
실행할 sample.html 파일과 sample.html에서 사용할 파일인 sample.jpg파일이 한단계 하위 디렉토리에 있을경우.
<img src="디렉토리명(폴더명)/sample.jpg">나 <img src="./디렉토리명(폴더명)/sample.jpg"> 같이 하위 디렉토리 이름만 붙여
불러오거나 ./를 넣어서 불러오면 됩니다.

ex5) 실행할 문서를 기준으로 이미지 파일이 두단계 하위 디렉토리에 있을 경우
실행할 sample.html 파일과 sample.html에서 사용할 파일인 sample.jpg파일이 두단계 하위 디렉토리에 있을경우.
<img src="디렉토리명/디렉토리명/sample.jpg">나 <img src="./디렉토리명/디렉토리명/sample.jpg"> 같이 하위 디렉토리 이름/하위 디렉토리 이름을
붙여 불러오면 됩니다.

즉 현제 실행할 파일을 기준으로 사용할 파일이 있는 위치가 하위 디렉토리일 경우 하위 디렉토리 경로만 써 넣으면 되며.
상위 디렉토리일 경우 ../는 한단계 상위디렉토리를 나타냅니다.
만약 한단계 상위 디렉토리에서 그 아래 하위 디렉토리일 경우 ../하위 디렉토리명 과 같은 식으로 작성하시면 됩니다.

'인터넷관련' 카테고리의 다른 글

ftp 업로드시 아스키모드 / 바이너리모드란 ? (0)	2008.01.23
퍼미션이란 ? 퍼미션 설정하는 방법. (0)	2008.01.23
국제 표준 배너 규격(CASIE & IAB) 사이즈 참고규격입니다. (0)	2008.01.23
input/textarea 한.영키 사용않고 한글이나 영문 자동으로 나오게... (0)	2008.01.23
404 Not Found 국가별 에러메시지 (0)	2008.01.23
div 중앙에 나열하기 (0)	2008.01.23
레이어를 셀렉트박스, 자바애플릿 위에 오게 하는 방법 (0)	2008.01.23
embed 태그 다양한 옵션 효과 (0)	2008.01.23

Posted by 알 수 없는 사용자

,

404 Not Found 국가별 에러메시지

인터넷관련 2008. 1. 23. 16:01

<div class="middle">
<h2>404 Not Found</h2>
<p style="color: #B81E00">http://oxtag.com/</p>

<p xml:lang="ko" lang="ko">죄송합니다, 귀하의 입력과 일치하는 웹 페이지는 oxtag.com에 없습니다. 주소를 잘못 입력하셨거나 더 이상 존재하지 않는 페이지일 수 있습니다.</p>

<p xml:lang="en" lang="en">We’re sorry, but there is no oxtag.com Web page that matches your entry. It is possible you typed the address incorrectly, or the page may no longer exist.</p>

<p xml:lang="ja" lang="ja" class="b">申し訳ありません。リクエストされたページは oxtag.com 上で見つけることができませんでした。入力された URL が間違っているか、またはそのページが存在していない可能性があります。</p>

<p xml:lang="zh-cn" lang="zh-cn" class="b">很抱歉，oxtag.com 没有合乎您要找的网页。您输入的地址可能不正确，或者该网页并不存在。</p>

<p xml:lang="es" lang="es">Lo sentimos, no hay ninguna página en oxtag.com que coincida con su petición. Es posible que haya introducido la dirección incorrectamente, o la página ya no exista.</p>

<p xml:lang="de" lang="de">Leider kann die von Ihnen angeforderte Seite nicht gefunden werden. Haben Sie die Adresse richtig eingegeben? Möglicherweise existiert die Seite auch nicht mehr.</p>

<p xml:lang="fr" lang="fr">Désolé, cette page n'existe pas ou plus. Il est possible que vous ayez mal saisi l'adresse, ou que nous ayons supprimé cette page.</p>

<p xml:lang="fi-fi" lang="fi-fi">Sivua ei löytynyt. Sivu, jolle yritit päästä on joko vaihtanut paikkaa tai poistettu. Jos olet varma, että osoite on oikein, voit kokeilla sivun päivittämistä selaimessasi.</p>

<p xml:lang="pt" lang="pt">Não foi possível encontrar a página que você procura no site oxtag.com na Web. Pode ser que você tenha digitado o endereço de forma incorreta ou que a página não exista mais.</p>

<p xml:lang="hr" lang="hr">Nažalost, na web-mjestu oxtag.com ne postoji stranica koja udovoljava vašem unosu. Možda ste pogrešno utipkali adresu ili stranica više ne postoji.</p>

<p xml:lang="el" lang="el">Λυπούμαστε, αλλά δεν υπάρχει ιστοσελίδα oxtag.com που να ταιριάζει με την καταχώρησή σας. Μπορεί να πληκτρολογήσατε λάθος τη διεύθυνση ή ίσως η σελίδα να μην υπάρχει πλέον.</p>

<p xml:lang="ru" lang="ru">Причины, которые могли привести к ошибке: Неправильно набран адрес, Такой страницы никогда не было на сайте, Такая страница была, но по этому адресу её больше нет</p>

<p xml:lang="it" lang="it">Siamo spiacenti, la pagina che state cercando non esiste. È possibile che abbiate inserito un indirizzo sbagliato o che la pagina sia stata rimossa. Potete visitare una delle pagine elencate qui sotto per avere informazioni sui servizi e sui prodotti oxtag.com</p>

<p xml:lang="cs" lang="cs">Požadovaná stránka není k dispozici. Omlouváme se, na serveru oxtag.com se nenachází požadovaná stránka. Možná jste napsali odkaz chybně nebo byla stránka již zrušena.</p>

<p xml:lang="sk" lang="sk">Ospravedlňujeme sa, na lokalite oxtag.com sa požadovaná stránka nenachádza. Možno ste napísali odkaz chybne, alebo bola stránka už zrušená.</p>

<p xml:lang="nl" lang="nl">De pagina die u hebt opgegeven kan niet worden gevonden op de site van oxtag.com. U hebt mogelijk een verkeerd adres ingetypt of de opgegeven pagina bestaat niet meer.</p>

<p xml:lang="nb" lang="nb">Beklager, denne siden finnes ikke Siden du forsøker å finne eksisterer ikke eller er blitt flyttet. Dersom du er sikker på at adressen er riktig, kan du forsøke å oppdatere siden i webleseren din.</p>

<p xml:lang="fr-be" lang="fr-be">Désolé, il n'y a pas de page correspondant à cette requête. Il est possible que vous ayez mal saisi l'adresse, ou que nous ayons supprimé cette page.</p>

<p xml:lang="hu" lang="hu">A keresett fájl nem elérhető! Ha erre az oldalra egy Internet cím (URL) begépelése után jutott, kérjük, ellenőrizze, hogy jól adta -e meg a hivatkozást!</p>

<p xml:lang="en-id" lang="en-id">Maaf, halaman web yang Anda cari tidak ditemukan di situs oxtag.com. Mungkin alamat yang Anda ketik belum benar atau halaman yang Anda cari sudah tidak aktif lagi.</p>

<p xml:lang="he-il" lang="he-il" class="b" style="direction: rtl">אנו מתנצלים, אך לא קיים דף אינטרנט של oxtag.com התואם לכתובת שהזנת. ייתכן שהקלדת את הכתובת בצורה שגויה, או שהדף אינו קיים עוד.</p>
</div>

'인터넷관련' 카테고리의 다른 글

퍼미션이란 ? 퍼미션 설정하는 방법. (0)	2008.01.23
국제 표준 배너 규격(CASIE & IAB) 사이즈 참고규격입니다. (0)	2008.01.23
input/textarea 한.영키 사용않고 한글이나 영문 자동으로 나오게... (0)	2008.01.23
URL / 절대경로 / 상대경로란 ? (0)	2008.01.23
div 중앙에 나열하기 (0)	2008.01.23
레이어를 셀렉트박스, 자바애플릿 위에 오게 하는 방법 (0)	2008.01.23
embed 태그 다양한 옵션 효과 (0)	2008.01.23
국가코드 (0)	2008.01.21

Posted by 알 수 없는 사용자

,

div 중앙에 나열하기

인터넷관련 2008. 1. 23. 16:01

div를 중앙에 나열하고 싶을때....

특히 겔러리 같은 느낌으로 정렬하고 싶을때...

<!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>
<title> div 중앙에 나열하기</title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<style type="text/css">
html { height:100%; border:0; }
body { height:100%; margin: 40px; padding: 0px; font-size:9pt; }

.imgdiv{
float:left;
background-color: #cccccc;
border: 1px solid #e1e1e1;
text-align:center;
position:relative;
display:inline;
margin: 10px;
padding:6px;
width:120px;
height:140px;
}

.imgdivdiv {
border: 1px solid #E08600;
margin: 0px auto;
}

.div_img {
width:100px; height:100px;
border: 1px solid #9D9DA1;
margin: 4px auto;
}

.centerimg {
margin:10px;
width:100px; height:100px;
border: 4px solid #E08600;
}

.clear {
clear: both;
}
</style>
<script language="javascript" type="text/javascript">
/* <![CDATA[ */

// float 중앙정렬하기 by 알릭 http://www.alik.info
// float: left 가 적용된 div 들의 묶음 div 의 아이디를 넘겨받음
// 공백 계산후 묶음 div 의 parent 에 padding-left 값을 추가해줌
function centerFloatLeft(wrapID, redo) {
var cnt = 0;
var imgDiv;
var wrap = document.getElementById(wrapID);
if(redo && window.attachEvent) {
wrap.style.paddingLeft = '0px';
}
for(i=0; i<wrap.childNodes.length; i++) {
var imgDivi = wrap.childNodes[i];
if(imgDivi.nodeName == 'DIV' && imgDivi.className != 'clear') {
imgDiv = imgDivi;
cnt ++;
}
}
var marginLeft = getElementStyle(imgDiv,'marginLeft', 'margin-left');
var for1 = imgDiv.offsetWidth + (parseInt(marginLeft)*2);
var inside = parseInt(wrap.offsetWidth / for1);
if(cnt < inside) {
inside = cnt;
}
var leftover = wrap.offsetWidth - (for1 * inside);
wrap.style.paddingLeft = (leftover/2) + (parseInt(marginLeft)/2) + 'px';

if(!redo) {
if(window.addEventListener){
window.addEventListener('resize', function() {
centerFloatLeft(wrapID, true);
}, false);
} else {
window.attachEvent('onresize', function() {
centerFloatLeft(wrapID, true);
});
}
}
}

// 위 함수와 같이 다녀야 하는 스타일 속성의 값 뽑는 함수
function getElementStyle(elem, IEStyleProp, CSSStyleProp) {
if (elem.currentStyle) {
return elem.currentStyle[IEStyleProp];
} else if (window.getComputedStyle) {
var compStyle = window.getComputedStyle(elem, "");
return compStyle.getPropertyValue(CSSStyleProp);
}
return "";
}

/* ]]> */
</script>
</head>

<body>
<center><h3>div 중앙에 나열하기</h3></center>
<table border=1 width=100%>
<tr>
<td height=20>
이미지들만 나열할경우에는 이미지들을 감싼 div 에 align=center 또는 text-align:center 의 속성을 주면 끝~
<br />이미지들 간의 간격은 margin 이나.. hspace 나...이용함. <b>그렇다면 div 로도 이렇게 할순 없을까요??</b>(오늘의 주제!!)
</td>
</tr>
<tr>
<td id=cell0>
<div id="imgWrap0" style="text-align:center; w"><img class="centerimg" src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" /> <img class="centerimg" src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" /> <img class="centerimg" src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" /> <img class="centerimg" src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" /> <img class="centerimg" src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" /></div>
</td>
</tr>
<tr>
<td height=20>
그러나~ 이미지가 아닌 div 를 나열 할 경우 float:left 를 사용하면 아래처럼 된다..
<br />div를 감싸고 있는 div 에 align=center 또는 text-align:center 의 속성을 주어도 달라지는것 없음.
<br />float: left 는 왼쪽으로.. right 는 오른쪽으로 쏠림.. ㅡ.ㅡ
</td>
</tr>
<tr>
<td id=cell1>
<div id="imgWrap1">
<div class=imgdiv>
<img src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" class="div_img" border=0>
<div class=imgdivcap>이미지 설명...</div>
</div>
<div class=imgdiv>
<img src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" class="div_img" border=0>
<div class=imgdivcap>이미지 설명...</div>
</div>
<div class=imgdiv>
<img src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" class="div_img" border=0>
<div class=imgdivcap>이미지 설명...</div>
</div>
<div class=imgdiv>
<img src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" class="div_img" border=0>
<div class=imgdivcap>이미지 설명...</div>
</div>
<div class=imgdiv>
<img src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" class="div_img" border=0>
<div class=imgdivcap>이미지 설명...</div>
</div>
<div class="clear"></div>
</div>
</td>
</tr>
<tr>
<td height=20>
그래서 생각해낸게... float:left 되는 div들을 묶어서 테이블에 넣고 그 테이블을 중앙정렬하는것!
<br />한줄에 다 나올땐 오예! 멋진데.... 넓이를 줄여보면.. 줄바꿈이 되면서 또 왼쪽으로 쏠린다... 브라우져가 공백계산을 못하는걸깡?
</td>
</tr>
<tr>
<td id=cell2>
<table align=center border=1>
<tr>
<td>
<div id="imgWrap1">
<div class=imgdiv>
<img src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" class="div_img" border=0>
<div class=imgdivcap>이미지 설명...</div>
</div>
<div class=imgdiv>
<img src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" class="div_img" border=0>
<div class=imgdivcap>이미지 설명...</div>
</div>
<div class=imgdiv>
<img src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" class="div_img" border=0>
<div class=imgdivcap>이미지 설명...</div>
</div>
<div class=imgdiv>
<img src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" class="div_img" border=0>
<div class=imgdivcap>이미지 설명...</div>
</div>
<div class=imgdiv>
<img src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" class="div_img" border=0>
<div class=imgdivcap>이미지 설명...</div>
</div>
<div class="clear"></div>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height=20>
위와 같은 상황에서 float:left 의 div 들을 감싸고 있는 div 의 ID를 centerFloatLeft('아이디') 형식으로 넘겨주며 실행하면 아래처럼 된다. (스크립트는 소스보기)
</td>
</tr>
<tr>
<td id="cell3">
<div id="imgWrap2">
<div class=imgdiv>
<img src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" class="div_img" border=0>
<div class=imgdivcap>이미지 설명...</div>
</div>
<div class=imgdiv>
<img src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" class="div_img" border=0>
<div class=imgdivcap>이미지 설명...</div>
</div>
<div class=imgdiv>
<img src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" class="div_img" border=0>
<div class=imgdivcap>이미지 설명...</div>
</div>
<div class=imgdiv>
<img src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" class="div_img" border=0>
<div class=imgdivcap>이미지 설명...</div>
</div>
<div class=imgdiv>
<img src="http://www.playnow.co.kr/load.php/4820fe5b33e1/멍~.jpg" class="div_img" border=0>
<div class=imgdivcap>이미지 설명...</div>
</div>
<div class="clear"></div>
</div>
</td>
</tr>
<tr>
<td height=20>
그나마 전체적으로 중앙정렬이 유지된다....굿~!! <br />브라우져의 귀퉁이를 잡고 사이즈를 늘렷다 줄였다 해보고... 달라진 창크기에서 새로고침도 해보도록 하자!
</td>
</tr>
</table>
<script>
centerFloatLeft('imgWrap2');
</script>
</body>
</html>

'인터넷관련' 카테고리의 다른 글

국제 표준 배너 규격(CASIE & IAB) 사이즈 참고규격입니다. (0)	2008.01.23
input/textarea 한.영키 사용않고 한글이나 영문 자동으로 나오게... (0)	2008.01.23
URL / 절대경로 / 상대경로란 ? (0)	2008.01.23
404 Not Found 국가별 에러메시지 (0)	2008.01.23
레이어를 셀렉트박스, 자바애플릿 위에 오게 하는 방법 (0)	2008.01.23
embed 태그 다양한 옵션 효과 (0)	2008.01.23
국가코드 (0)	2008.01.21
설치가 필요없는 ftp, telnet 프로그램 (0)	2008.01.21

Posted by 알 수 없는 사용자

,

레이어를 셀렉트박스, 자바애플릿 위에 오게 하는 방법

인터넷관련 2008. 1. 23. 16:01

---------------------------------------
main.html
---------------------------------------

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
</head>

<body>
<iframe name="menuFrame1" src="menu1.html" marginWidth=0 marginHeight=0 frameBorder=0 scrolling=no style="position:absolute;top:44;left:345;width:150;height:205; visibility:visible; filter:alpha(opacity=85); z-index:5;"></iframe>
<table>
<tr height=100>
<td width=300></td>
<td valign=bottom>아래의 콤보박스가 레이어에 가려져보입니다</td>
</tr>
<tr>
<td></td>
<td><select name=""><option>SelectBox</option></select></td>
</tr>
</table>
</body>
</html>
---------------------------------------

---------------------------------------
menu1.html
---------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title>Menu</title>
</head>
<body leftmargin=0 topmargin=0 style="background-color:transparent">
<table width='150' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td width=100% valign=top>
<TABLE cellSpacing=1 cellPadding=0 width=100% border=0 style='border:3px solid #1770CD' bgcolor='#4286CE'>
<tr>
<td height=5></td>
</tr>
<TR>
<TD style='padding-left:4px;' valign=top height=191>
<table width=100% border='0' cellspacing='0' cellpadding='0'>
<TR>
<TD style='padding-left:4px;' height=25><a href="링크1" target="_parent" class='menutop'>메뉴1</A></TD>
</tr>
</table>
</TD>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

---------------------------------------

위 파일 두개를 같은 곳에 저장한 뒤 테스트 하시기 바랍니다

분명 셀렉트 박스 위에 레이어가 올라가는걸 알수 있습니다
위에 설명했듯이 자바 애플릿 위에도 잘 올라갑니다
(일반 레이어의 경우 애플릿 경계선으로 완전히 잘려버리죠 ㅡㅡㅋ)

'인터넷관련' 카테고리의 다른 글

input/textarea 한.영키 사용않고 한글이나 영문 자동으로 나오게... (0)	2008.01.23
URL / 절대경로 / 상대경로란 ? (0)	2008.01.23
404 Not Found 국가별 에러메시지 (0)	2008.01.23
div 중앙에 나열하기 (0)	2008.01.23
embed 태그 다양한 옵션 효과 (0)	2008.01.23
국가코드 (0)	2008.01.21
설치가 필요없는 ftp, telnet 프로그램 (0)	2008.01.21
윈도우 XP SP2 소스보기 (0)	2008.01.21

Posted by 알 수 없는 사용자

,

embed 태그 다양한 옵션 효과

인터넷관련 2008. 1. 23. 16:00

http://oxtag.com/html/ex/embedTag.html

미리보기는 상단 링크를...
embed 태그를 많이 써서 그런지 로딩이 더딤니다.

<pre style="font-size:9pt;">
기본 embed 태그
<embed src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=1 >

사용방법
<<!>embed style="필터옵션" src="음악주소" volume="0" >
<<!>span style="background-color:색상"><<!>embed style="필터옵션" src="음악주소" ><<!>/span>

01. style="filter:alpha(Opacity:5,style:1,finishOpacity:100)"
<embed style="filter:alpha(Opacity:5,style:1,finishOpacity:100)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

02. style="filter:blur(add=1,direction=135,strength=20)"
<embed style="filter:blur(add=1,direction=135,strength=20)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

03. style="filter:gray()"
<embed style="filter:gray()" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 > <embed style="filter:gray(Opacity=0.5)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 > filter:gray(Opacity=0.5)

04. style="filter:invert()"
<embed style="filter:invert()" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 > <embed style="filter:invert(Opacity=0.5)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 > filter:invert(Opacity=0.5)

05. style="filter:xray()"
<embed style="filter:xray()" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 > <embed style="filter:xray(Opacity=0.5)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 > filter:Xray(Opacity=0.5)

06. style="filter:progid:DXImageTransform.Microsoft.BasicImage(Opacity=0.5)" / 0.0~1
<embed style="filter:progid:DXImageTransform.Microsoft.BasicImage(Opacity=0.5)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

07. style="filter:progid:DXImageTransform.Microsoft.Engrave(Bias=1)"
<embed style="filter:progid:DXImageTransform.Microsoft.Engrave(Bias=1)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

08. style="filter:progid:DXImageTransform.Microsoft.Emboss(Bias=1)"
<embed style="filter:progid:DXImageTransform.Microsoft.Emboss(Bias=1)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

09. style="filter:progid:DXImageTransform.Microsoft.Glow(color=blue,Strength=1)" / Strength=1 ~
<embed style="filter:progid:DXImageTransform.Microsoft.Glow(color=blue,Strength=1)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 > <embed style="filter:progid:DXImageTransform.Microsoft.Glow(color=blue,Strength=2)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >
color=blue,Strength=1 color=blue,Strength=2

<embed style="filter:progid:DXImageTransform.Microsoft.Glow(color=red,Strength=2)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 > <embed style="filter:progid:DXImageTransform.Microsoft.Glow(color=red,Strength=3)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >
color=red,Strength=2 color=red,Strength=3

10. style="filter:progid:DXImageTransform.Microsoft.MotionBlur(Strength=15,Direction=135)"
<embed style="filter:progid:DXImageTransform.Microsoft.MotionBlur(Strength=15,Direction=135)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

11. style="filter:progid:DXImageTransform.Microsoft.Wave(Freq=2,Strength=0,LightStrength=40,Phase=50)"
<embed style="filter:progid:DXImageTransform.Microsoft.Wave(Freq=2,Strength=0,LightStrength=40,Phase=50)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

12. style="filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=7,OffY=7,color=deepskyblue )"
<embed style="filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=7,OffY=7,color=deepskyblue )" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 > <embed style="filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=10,OffY=7,color=orange )" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 > OffX=10,OffY=7,color=orange

13. <<!>span style="background-color:색상"><<!>embed style="필터옵션" src="음악주소" ><<!>/span> 필터옵션에 Opacity 가 있는것이 잘됩니다.

<<!>span style="background-color: blue"> style="filter:alpha(Opacity=70)"
<span style="background-color: blue"><embed style="filter:alpha(Opacity=70)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 ></span>

<<!>span style="background-color: darkblue"> style="filter:gray alpha(Opacity=80)"
<span style="background-color: darkblue"><embed style="filter:gray alpha(Opacity=80)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0></span>

<<!>span style="background-color: yellow"> style="filter:alpha(Opacity=70)"
<span style="background-color: yellow"><embed style="filter:alpha(Opacity=70)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 ></span>

<<!>span style="background-color: brown"> style="filter:alpha(Opacity=80) progid:DXImageTransform.Microsoft.Glow(color=blue,Strength=1)"
<span style="background-color: brown"><embed style="filter:alpha(Opacity=80) progid:DXImageTransform.Microsoft.Glow(color=blue,Strength=1)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 ></span>

<<!>span style="background-color: brown"> style="filter:alpha(Opacity=80) progid:DXImageTransform.Microsoft.Wave(Freq=2,Strength=0 LightStrength=60,Phase=80)"
<span style="background-color: brown"><embed style="filter:alpha(Opacity=80) progid:DXImageTransform.Microsoft.Wave(Freq=2,Strength=0 LightStrength=60,Phase=80)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 ></span>

옵션을 잘 조합하면 더욱 멋진 효과가 나올것 입니다.

실제로는 사용하기 힘든 효과
버튼기능을 사용하기 힘들거나 사용하지 못함 (조절 위치가 실제와 다름)
01. style="filter:progid:DXImageTransform.Microsoft.BasicImage(Mirror=1)" / filter:fliph() 와 같은 효과
<embed style="filter:progid:DXImageTransform.Microsoft.BasicImage(Mirror=1)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

02. style="filter:fliph()"
<embed style="filter:fliph()" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

03. style="filter:flipv()"
<embed style="filter:flipv()" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >

04. style="filter:progid:DXImageTransform.Microsoft.BasicImage(Rotation=1)" / 0~3
<embed style="filter:progid:DXImageTransform.Microsoft.BasicImage(Rotation=1)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 > Rotation=1 <embed style="filter:progid:DXImageTransform.Microsoft.BasicImage(Rotation=2)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >Rotation=2 <embed style="filter:progid:DXImageTransform.Microsoft.BasicImage(Rotation=3)" src="mms://211.176.63.161/4/low_wma/376/376654.asf" volume="0" autostart=0 >Rotation=3

<EMBED autostart=false style="FILTER: alpha(opacity=70,style=2,finishopacity=0)" src=http://mfiles.naver.net/6abb5e8091cba6103b50/data19/2007/2/4/290/doll-3146-damuldo.wma width=80 height=27 type=audio/x-ms-wma></span>

<TABLE style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" cellSpacing=0 cellPadding=0 bgColor=#ff9933>
<TBODY>
<TR>
<TD>
<EMBED style="FILTER: alpha(opacity=30,style=2,finishopacity=0)" src=http://mfiles.naver.net/6abb5e8591c9a6103b53/data19/2007/2/4/290/doll-3146-damuldo.wma width=80 height=27 type=audio/x-ms-wma Autostart="1" volume="0" LOOP="1" enablecontextmenu="0">
</TD>
</TR>
</TBODY>
</TABLE>

<TABLE style="FILTER: alpha(opacity=100,style=2,finishopacity=0)" cellSpacing=0 cellPadding=0 bgColor=#ff9cff>
<TBODY>
<TR>
<TD>
<EMBED style="FILTER: alpha(opacity=30,style=2,finishopacity=0)" src=http://mfiles.naver.net/6abb5e8591c9a6103b53/data20/2006/9/9/164/loveholic-doll-bulsazo23.wma width=80 height=27 type=audio/x-ms-wma enablecontextmenu="0" LOOP="1" volume="0" Autostart="0">
</TD>
</TR>
</TBODY>
</TABLE>
</pre>

'인터넷관련' 카테고리의 다른 글

URL / 절대경로 / 상대경로란 ? (0)	2008.01.23
404 Not Found 국가별 에러메시지 (0)	2008.01.23
div 중앙에 나열하기 (0)	2008.01.23
레이어를 셀렉트박스, 자바애플릿 위에 오게 하는 방법 (0)	2008.01.23
국가코드 (0)	2008.01.21
설치가 필요없는 ftp, telnet 프로그램 (0)	2008.01.21
윈도우 XP SP2 소스보기 (0)	2008.01.21
특정 사이트 차단하기 - 유해사이트 차단 및 성인사이트 차단 (0)	2008.01.21

Posted by 알 수 없는 사용자

,

QT그리고···

'2008/01/23'에 해당되는 글 40건

웹사이트 특정 부분만 출력하기

'인터넷관련' 카테고리의 다른 글

ftp 업로드시 아스키모드 / 바이너리모드란 ?

'인터넷관련' 카테고리의 다른 글

퍼미션이란 ? 퍼미션 설정하는 방법.

'인터넷관련' 카테고리의 다른 글

국제 표준 배너 규격(CASIE & IAB) 사이즈 참고규격입니다.

'인터넷관련' 카테고리의 다른 글

input/textarea 한.영키 사용않고 한글이나 영문 자동으로 나오게...

'인터넷관련' 카테고리의 다른 글

URL / 절대경로 / 상대경로란 ?

'인터넷관련' 카테고리의 다른 글

404 Not Found 국가별 에러메시지

'인터넷관련' 카테고리의 다른 글

div 중앙에 나열하기

'인터넷관련' 카테고리의 다른 글

레이어를 셀렉트박스, 자바애플릿 위에 오게 하는 방법

'인터넷관련' 카테고리의 다른 글

embed 태그 다양한 옵션 효과

'인터넷관련' 카테고리의 다른 글

카테고리

태그목록

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함

달력

링크

티스토리툴바