'잡동사니/태그 자료실' 카테고리의 글 목록

'잡동사니/태그 자료실'에 해당되는 글 6건

2008.09.03 글씨 태그 by 이코노미
2008.09.03 배경화면 태그 by 이코노미
2008.09.03 링크 태그 by 이코노미
2008.09.03 음악 재생기 태그 by 이코노미
2008.09.03 영화 업로드 할때 by 이코노미
2007.09.10 링크위에 마우스를 올리면 색이 변하는 스타일시트 by 이코노미 1

글씨 태그

잡동사니/태그 자료실 2008. 9. 3. 21:55

글씨 태그
기본글씨태그

사랑해!
사랑해!
사랑해!
사랑해!
사랑해!
사랑해!

이쁜글씨

<span style="font-family:휴먼엽서체;font-size:12pt;color:white;width:100%;height:20;Filter:Glow(color=0000ff,strength:2)"><h2>이쁜글씨</span></style></h2>
이쁜글씨
<span style="font-family:휴먼엽서체;font-size:12pt;color:white;width:100%;height:20;Filter:Glow(color=red,strength:2)"><h2>이쁜글씨</span></style></h2>
이쁜글씨
<span style="font-family:휴먼엽서체;font-size:12pt;color:white;width:100%;height:20;Filter:Glow(color=ff99ff,strength:2)"><h2>이쁜글씨</span></style></h2>
이쁜글씨
<span style="font-family:휴먼엽서체;font-size:12pt;color:white;width:100%;height:20;Filter:Glow(color=00cc99,strength:2)"><h2>이쁜글씨</span></style></h2>
이쁜글씨
☞파스텔 글씨

이쁜가여??

이쁜가여??

이쁜가여??

☞테두리와 파스텔의 중간 정도 되는 것 같네여^^;;

<span style=color:ffffff;filter:glow(color=ff99ff);height:0px><font face=고딕체 size=6>반가워요!</font></span></style>
반가워요!

<span style=color:ffffff;filter:glow(color=green);height:0px><font face=고딕체 size=6>반가워요!</font></span></style>
반가워요!

☞휴먼엽서체 바탕글씨

<SPAN style=font:15pt휴먼엽서체;color:white;background-color=red>빨간 바탕</SPAN>
빨간 바탕☜결과

<SPAN style=font:15pt휴먼엽서체;color:white;background-color=green> 녹색 바탕</SPAN>
녹색 바탕

☞그림자 글씨

<span style="font-weight:none; color:White; width:100%; height: 20; font-size: 25pt; Filter: shadow(color=red,direction=135)">빨간색 그림자 글씨</SPAN>
빨간색 그림자 글씨

<span style="font-weight:none; color:White; width:100%; height: 20; font-size: 25pt; Filter: shadow(color=green,direction=135)"> 녹색 그림자 글씨</SPAN>
녹색 그림자 글씨

<span style="font-weight:none; color:White; width:100%; height: 20; font-size: 25pt; Filter: shadow(color=660099,direction=135)"> 보라색 그림자 글씨</SPAN>
보라색 그림자 글씨

<span style="font-weight:none; color:White; width:100%; height: 20; font-size: 25pt; Filter: shadow(color=magenta,direction=135)"> 핑크색 그림자 글씨</SPAN>
핑크색 그림자 글씨

<span style="font-weight:none; color:White; width:100%; height: 20; font-size: 25pt; Filter: shadow(color=orange,direction=135)"> 오렌지색 그림자 글씨</SPAN>
오렌지색 그림자 글씨

☞겹치는 글씨

<span style=filter:dropshadow(color=pink,offy=11);height:10px;><h1>태그코리아</h1>
태그코리아

<span style=filter:dropshadow(color=blue,positive=1);height:10px;><h1>태그코리아</span></h1>
태그코리아

☞글씨를 투명하게...

<span style=filter:alpha(style=2);height:10px;><h1><font color=blue>태그코리아</span></h1></font>
태그코리아

☞글자가 뒤집히는가??

<span style=filter:flipv();height:1px;><h1><font color=red>돌아버리겠네~</span></h1></font>
돌아버리겠네~

☞글씨 크기는 font size=7 까지 할수 있으며, 아래 글씨는 4 입니다. color=아래 예제처럼 좋아하는 색상을 영어로 쓰셔야 하며 face=돋움체,바탕체,궁서체등을 쓰시면 됩니다.

예제)

<font size=4 color=break face=궁서체> 투명한녹색</font>

☞더욱 큰 글씨를 원하시면 아래의 명령어를 사용해 보세요^^

☞정렬 시키는 태그..

<DIV ALIGN=right>오른쪽정렬</div> 오른쪽 정렬

<DIV ALIGN=center>가운데 정렬</div> 가운데 정렬

<DIV ALIGN=left>왼쪽 정렬</div> 왼쪽 정렬

☞요거는 글자가 누워서 써지네요^^

Posted by 이코노미

배경화면 태그

잡동사니/태그 자료실 2008. 9. 3. 21:53

배경화면태그

<body> 와 </body> 사이에 넣는 태그입니다.

이 것도 아주 간단한 태그입니다.명령어는 아래와 갑습니다.

☞<body bgcolor="자신이 원하는 색상"> 이와 같이 명령어를 삽입후 자신이 원하는 색상을 넣으시면 간단하게 바탕화면을 만드실수 있습니다.

아래있는 예제를 태그연습장에서 실행해 보세요.

예제)

<body bgcolor="white"> 흰색 바탕

<body bgcolor="green"> 녹색 바탕

<body bgcolor="red"> 빨간색 바탕

<body bgcolor="000000"> 검정색 바탕

☆위의 자료는 색상만을 지정해 주는 태그 였다면 이번것은 바탕에 그림을 넣을수 있는 태그입니다.명령어는 아래와 같습니다.

☞<body background="자신이 원하는 그림주소"> ☜ 이런 식으로 하는 태그로서 그림태그와 비슷합니다.

참 간단하죠?

다음카페나 다모임,세이등에서는 아래 명령어로 사용해 보시길 바랍니다.

☞<style>BODY{background:url('자신이 원하는 이미지주소')}</Style> 색을 넣으시려면 <style>body{background:색명;}</style> 이렇게 하시면 됩니다.

여러사이트에 다니시다 보면 스크롤바를 움직여도 배경은 그대로 있고 내용만 움직이는 걸 본적이 있을겁니다.

그것은 ☞<BODY BACKGROUND="배경이미지주소" BGPROPERTIES="fixed"> 를 쓰시면 됩니다. 여러분들이 사이트를 다니시다가 원하는 그림이 있으시다면, 그림태그에서 말한것처럼 등록정보를 보시고 주소를 복사해서 명령어에 붙여넣기만 하시면 멋있는 바탕화면이 되겠죠?^^

그럼 아래있는 예제들을 태그연습장에서 실행해 보시고 좋은 바탕을 만들어 보시길....

예제)

<body background="http://board14.superboard.com/background/back38.gif">하늘색 고양이 무늬

<body background="http://my.netian.com/~tagkorea/loveparm_14.gif">제 홈 배경화면

<body background="http://board14.superboard.com/background/back41.gif">

. *"'"* .!!. *"'"*.
''"*. "... " .*"''
.*'.*"::"*.'*.

Posted by 이코노미

링크 태그

잡동사니/태그 자료실 2008. 9. 3. 21:51

☞링크태그의 기본원리 링크태그의 기본은 <a> 와 </a> 태그입니다.
그러나<a> 만을 사용하면 아무것도 나타나지 않습니다.
어느 곳으로 연결시켜줄 것인가를 지정해주어야 하죠.
이걸 지정해주는 속성이 href="주소" 속성입니다.

즉,<a href="링크 시킬 주소">여기를 누르세요.</a> ☜이 것이 링크를 시켜주는 명령어입니다.
그러나, 이것은 지금하고 있는 이 화면이 다른 화면으로 바뀌어 버립니다.

다른 새로운 창을 띄우려면 아래의명령어로 해야 새로운 창이 뜬답니다.
target="_blank" ☜ 이 것이 새창을 뜨게 하는 속성입니다.
그럼 새로운 창을 띄우게 하려면 아래와 같이 하시면 됩니다.

☞ <a href="링크 시킬 주소"target="_blank">여기를 누르세요.</a>

만약,이미지를 삽입하여 링크를 원하시면 밑의 명령어 처럼 해보시길 바랍니다.

※이미지를 삽입한 링크방법

☞ <a href="링크 시킬 주소"><img src="그림 주소"></a> ☜ 이렇게 하시면 됩니다.

이미지를 삽입하여 새창을 뜨게 하는 법도 위에 있는 예제와 같겠죠?

☞ <a href="링크 시킬 주소"target="_blank"><img src="그림 주소"></a> ☜이렇게요^^;

이미지를 삽입한 예가 바로 배너 광고지요^^
근뎅.. 이미지를 삽입하여 그냥 링크를 시킨 것과 새창으로 링크시킨 것에는 뭔가가 틀리네여??
뭐가 틀릴까여? 잘찾아 보세요...!!
이미지를 삽입하여 새창을 띄우는 링크태그에는 이미지에 테두리가 없죠?
그리구 이미지에 마우스 커서를 갖다대면 글씨가 뜨네여..."태그코리아"라고...?
테두리를 없에려면 border라는 속성을 써야 합니다.
border="0"이렇게 하시면 테두리가 없어지죠? 숫자가 클수록 테두리의 두께가 증가합니다.
마우스 커서를 갖다대면 "태그코리아"라는 글씨가 뜨는 속성은 아래와 같습니다.
alt 라는 속성을 쓰시면 됩니다. alt="태그코리아" 이런식으로 쓰시면 글씨가 나옵니다.
이 속성들은 이미지태그 뒤에 연결해서 쓰시면 됩니다.
예제)<img src="이미지 주소" border="0" alt="태그코리아!!"> 이런식으로요^^;

Posted by 이코노미

음악 재생기 태그

잡동사니/태그 자료실 2008. 9. 3. 21:51

음악

음악태그에 관하여 간략하게 설명하겠습니다.

자주 쓰는 음악태그의 명령어는 <embed src="음악 주소"> 와 <bgsound src="음악 주소"> 입니다.

예) <embed src="음악주소"hidden="true">
<embed src="음악주소"hidden="true" loop="infinite" volume="0">

추천
위치 바, 볼륨 없음
<EMBED style="filter=gray()" src="음악주소" width=165 height=28 AUTOSTART="1" AllowScriptAccess="never" type=audio/x-ms-wma showControls="true" playCount="0" volume="0" LOOP="FALSE" invokeURLs=false enablecontextmenu="0">
위치바 볼륨 있음
<EMBED src="음악주소" style="FILTER: gray()" width=287 height=45 invokeURLs=false AUTOSTART="1" AllowScriptAccess="never" type=audio/x-ms-wma showControls="true" playCount="0" volume="0" LOOP="FALSE" enablecontextmenu="0">

<OBJECT id=Player type=audio/x-pn-realaudio-plugin style="FILTER: gray()"
width=200 height=45 classid=CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6 125>
<PARAM NAME="URL" VALUE="음악주소">
<PARAM name="autoStart" value="true">
<param name="volume" value="100">
<PARAM NAME="playCount" VALUE="8">
</object>

위의 음악태그명령어는 왠만한 음악파일들은 다 재생 시킬수 있습니다.

<bgsound src="음악 주소"> 이 태그는 미디어 재생기가 드지 않습니다.
이 태그로는 mid,asf,wav,mp3 등의 파일을 재생시킬수 있지만 앤코딩한 파일 예를 들어 asx 로 끝나는 확장자의 파일은 재생이 불가능 합니다.
제가 연습해 본 결과가 그렇더군요^^;

음악을 반복해서 여러번 듣고 싶을때는 아래처럼 하시면 됩니다.

volume="0" 볼륨최대

loop="-1" , AUTOSTART="1" 무한반복

hidden="true" 재생기 숨기기

style="filter: gray()" : 플레이어 색깔을 회색으로

width="287" : 플레이어의 넓이

height="45" : 플레이어의 높이

enablecontextmenu="0" : 메뉴금지, 결론적으로 마우스 우측 클릭 금지

Posted by 이코노미

영화 업로드 할때

잡동사니/태그 자료실 2008. 9. 3. 21:49

<a href="영화정보"target="_blank"><img src="그림">포스터를 누르면 영화정보가 나와요</a>
--------------------------------------------

<font color=red size="2.5" face=돋움>
☞ 아래 그림을 클릭하시면 영화정보가 보입니다.
</br></br> </font>

</br></br></br>

▣비디오코덱 : XviD MPEG-4 Video Decoder </br>

▣화면크기 : 800 x 336 </br>

▣비트레이트 : 0 kbps</br>

▣프레임레이트 : 24 fps</br></br>

▣오디오코덱 : AC3 From AVI XForm </br>

▣주파수 : 48000Hz </br>

▣재생채널 : 6 </br></br>

▣파일용량 : 700mb / 700mb (2 cd)</br>

▣자막유무 : 있음 </br></br></br></b></font>

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

Posted by 이코노미

링크위에 마우스를 올리면 색이 변하는 스타일시트

잡동사니/태그 자료실 2007. 9. 10. 00:42

Q:
http://fosun.tistory.com/

위의 블로그에서 링크위에 마우스를 올리면 색이 여러가지로 변하는데

이러한 스타일시트는 어떻게 해야하는건가요?

A:

http://www.dynamicdrive.com/dynamicindex5/rainbow.htm

아래

invalid-file

rainbow.js을 눌러서다운받은다음

<head>에 아래 스크립트 삽입

그다음 rainbow.js을 올려주면 되여

Posted by 이코노미

◀ 이전페이지 1 다음페이지 ▶

자료실

'잡동사니/태그 자료실'에 해당되는 글 6건

글씨 태그

배경화면 태그

링크 태그

음악 재생기 태그

영화 업로드 할때

링크위에 마우스를 올리면 색이 변하는 스타일시트

카테고리

최근에 올라온 글

최근에 달린 댓글

글 보관함

달력

링크

티스토리툴바

« 2025/06 »
일	월	화	수	목	금	토
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30