통합검색
제목+내용
제목
내용
처음으로
방명록으로
게시판으로
쓸만한 곳간으로
잊혀진 시간으로
테마음악방으로
윈도우7, 비스타
태그 강좌
HTML등
포토샵
태그 사전
태그 연습장
문자 태그
마퀴태그
스크롤바 생성기
테마음악방
로그인
로그인 유지
회원가입
ID/PW 찾기
인증메일 재발송
HTML등
포토샵
2019.
11
일
월
화
수
목
금
토
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
글 수
74
회원가입
로그인
Marquee를 이용한 타자치는 효과를
오작교
https://park5611.pe.kr/xe/Study_02/128857
2006.05.06
20:28:07 (*.105.151.165)
14452
24
/
0
CSS
목록
단순한 태그로도 타자치는 효과를... 어때여?*^^*
스크롤되는 방향을 오른쪽 왼쪽 정해주면
단순한 태그로도 타자치는 효과를 낼 수 있어요.
마퀴소스앞에 요것만 써 주면 되여.
<marquee direction=right><marquee direction=left>
단순한 태그로도 타자치는 효과를... 어때여?*^^*</marquee></marquee>
이 게시물을
목록
번호
분류
HTML (68)
CSS (74)
Script (87)
Swish (3)
일반 (54)
PHP (16)
글쓴이
조회 수
추천 수
날짜
최근 수정일
공지
HTML
HTML 기초 다지기
4
오작교
230624
2008-06-17
2010-08-19 13:08
공지
HTML
HTML과 CSS의 종합 정리
1
오작교
300518
2007-10-01
2010-08-19 12:45
공지
일반
스타일시트의 총정리
오작교
248659
14
2006-09-14
2010-08-19 12:45
34
CSS
마우스를 올리면 변하는 색상
오작교
19158
41
2006-04-17
2006-04-17 14:58
위의 테이블 위에 마우스커서를 각각 올려보세요. 마우스커서가 테이블에 올라가면 셀이나 줄, 혹은 테이블 전체의 색이 변해서 선택되어진 곳을 명확하게 해 줍니다. 의 테이블 안(td, tr, table 중 선택)에 아래 소스를 추가합니다. onmouseover="this.style...
33
CSS
margin의 속성
오작교
19514
2009-07-07
2009-07-07 16:57
마진(margin).....이란..? 설명하자면 여백을 조절하는 속성이라고 할 까요? 이건 예제를 보면서 익히면 금방 이해하실 수 있을 겁니다. 예제를 보기 전에 참고적으로 , margin속성의 수치단위는 px , pt , in ,cm를 사용할 수 있고요... 마이너스(-)값도 사용...
32
CSS
스타일시트 -1
오작교
19546
17
2006-04-17
2006-04-17 16:03
스타일 시트란 ? 홈페이지 만드실때 이런 생각들 해보셨을 겁니다. 한글 문서 작성하듯이 서식과 양식 스타일등을 자유자재로 쓸수 있음 얼마나 좋을까... 자, 이러한 불편을 덜어주기 위해서 나온것이 css(cascading style sheet) 이랍니다. html 4.0의 가장 ...
31
CSS
background-image - 2
오작교
19789
2009-07-07
2010-04-13 13:31
☞ background-position 배경 이미지의 위치를 조절해주는 속성입니다. 속성값은 키워드식 , 픽셀방식 , 퍼센트(%) 방식이 있습니다. 키워드 방식 body { background-position: top left; } 픽셀방식 body { background-position: 40px 50px } 퍼센트 방식 body...
30
CSS
배경 고정시키기
오작교
19942
15
2006-04-17
2006-04-17 16:14
보통 스크롤을 하게 되면 배경 화면도 같이 주루룩 스크롤되기 마련인데 배경이 한군데 고정되어 있는 사이트를 보셨을 겁니다. 우선 예를 한번 볼까요? 멀릴 갈것도 없이 예동의 뽀엠 누나(정녕 누나일까;;;) 홈에 가 보시면(https://poeme.yedong.com) 오른...
29
CSS
스타일 시트 위치조정과 레이어 조정
오작교
20908
2009-07-07
2009-07-07 17:18
이번 장에서는 스타일 시트 위치지정과 레이어에 대해서 알아보겠다. ☞ position , left , top 스타일 시트의 요소의 위치를 조절해주는 속성이다. h2 { position: absolute; left: 100px; top:40px; } 대충 이렇게 사용됩니다. position 속성의 경우 absolute...
28
CSS
글자 반전시키기
오작교
21349
18
2006-04-17
2006-04-17 16:15
이번에는 이미지가 아닌 글자 자체를 반전시켜 나타내는 법을 알려드리겠습니다. 아래를 보시면 글자가 뒤집어져서 보여지는걸 보실수 있으실 겁니다. N+gine N+gine 위처럼 두 문자가 반전된 효과를 보실수 있으실 겁니다. 사용은 별로 어렵지 않습니다. 위의...
27
CSS
칼라에 관한 스타일시트-3
오작교
22544
22
2006-05-06
2006-05-06 10:20
☞ background-position 배경 이미지의 위치를 조절해주는 속성입니다. 속성값은 키워드식 , 픽셀방식 , 퍼센트(%) 방식이 있습니다. 키워드 방식 body { background-position: top left; } 픽셀방식 body { background-position: 40px 50px } 퍼센트 방식 body...
26
CSS
background-image
오작교
22924
2009-07-07
2010-04-13 13:29
background-images 와 background-repeat 에 대한 예제를 보도록 하겠습니다. <style type="text/css"> <!-- body { background-image : url(https://tagmania.net/img/jang.jpg) ; background-repeat : repeat-y ; } .love { font-size : 13px; color : green...
25
CSS
단어와 글자 여백을 조정하는 스타일
오작교
23291
2009-07-07
2009-07-07 16:40
<style type="text/css"> <!-- h1 { word-spacing:5px; } h2 { letter-spacing:7px; } --> </style> <body> 오작교의 스타일 시트 <h1>word-spacing 속성은 단어사이의 여백 조정</h1> <h2>letter-spacing 속성은 글자사이의 여백 조정 </h2> </body>
24
CSS
컬러와 관련된 속성들 -1
오작교
23359
2009-07-07
2009-07-07 17:04
컬러와 관련된 스타일 시트 속성으로는 color , background-color , background-image , background-repeat , background-attachment , background-position , background 등이 있습니다. 모두 다 색상, 배경색과 배경이미지에 대한 것들인데요. ☞ color , bac...
23
CSS
Text Border 속성
오작교
24129
2009-07-07
2009-07-07 17:01
border속성은 해당요소의 테두리의 스타일을 지정하는 기능을 합니다. margin보다는 좁은 영역을 가지는 데요. border-width 속성은 테두리의 굵기를 지정해주고, border-color 속성은 색상을 , border-style 속성은 스타일을 지정해주는 기능을 합니다. <styl...
22
CSS
html문서에 그라데이션 적용하기
오작교
24499
2009-04-30
2009-04-30 09:41
스타일시트의 필터기능만으로 html 문서 내에 그라데이션 효과를 넣을 수 있습니다. 지금 보고 계신 테이블에는 수직그라데이션을 적용했습니다. 이렇게 가로방향으로 수평그라데이션을 적용할 수도 있습니다. <body>태그 안에 삽입할 경우, 문서 전체배경의 ...
21
CSS
스크롤바 디자인 하기
1
오작교
27976
2021-01-09
2022-02-02 11:30
scroll bar 디자인::-webkit-scrollbar { width: 5.2px; } /* 스크롤 바 */ ::-webkit-scrollbar-track { background-color:#fff; } /* 스크롤 바 밑의 배경 */ ::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; } /* 실질적 스크롤 바 */...
20
CSS
포토샵 태그 - 1
2
오작교
28821
2010-05-25
2022-01-03 11:15
19
CSS
홈페이지에 웹폰트 적용시키기
오작교
29108
2008-05-18
2008-05-18 12:08
홈페이지에 웹폰트 적용하기 <style type="text/css"> <!-- @font-face {font-family: 웹폰트이름; src:url(https://웹폰트가있는주소/웹폰트이름.eot);} a:link {font-family: 웹폰트이름;font-size: 9pt;} a:visited {font-family: 웹폰트이름;font-size: 9p...
18
CSS
a태그에서 밑줄 없애기와 이미지 고정
오작교
29911
2009-07-07
2009-07-07 17:22
☞ 밑줄 없애기 & 앵커 가상 클래스 효과 먼저 우리가 글자에 하이퍼링크를 설정해주면 글자가 파란색으로 변하면서 밑줄이 쫙~ 생기죠... 이걸 없에는 방법이 있습니다. 물론 스타일시트를 이용해서 없앨 수 있습니다. 게다가 앵커 가상 클래스까지 첨부시...
17
CSS
Filter Grow 적용하기
오작교
30006
25
2006-05-06
2006-05-06 20:23
엄숙한 시간 지금 이 세상 어디에선가 우는 사람은, 까닭없이 이 세상에서 우는 사람은 내가 슬퍼 울고 있다. 지금 이 밤 어디에선가 웃는 사람은, 까닭없이 이 밤에 웃는 사람은 나를 비웃고 있다.지금 이 세상 어디에선가 가고 있는 사람은, 까닭없이 이 세...
16
CSS
포토샵 태그 - 2
오작교
30175
2010-05-25
2010-05-25 22:18
15
CSS
여러방법의 창닫기
오작교
30302
23
2006-04-16
2006-04-16 21:41
<HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=ks_c_5601-1987"> <STYLE>BODY { FONT-SIZE: 12px } TD { FONT-SIZE: 12px } </STYLE> <META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD> <BODY> <TABLE cellSpacing=1 cel...
목록
쓰기
첫 페이지
1
2
3
4
끝 페이지
제목+내용
제목
내용
댓글
이름
닉네임
아이디
태그
검색
취소
Close Login Forms
XE Login
아이디
비밀번호
로그인 유지
회원가입
ID/PW 찾기
인증메일 재발송