웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
TAG로 이미지테두리 만들기
2005.02.12 12:36
포토샾없이 TAG로 이미지테두리를 이쁘게 하는 방법입니다.
(밑에 포토샾없이 이미지효과 주기가 있어서 한번 적어봤습니다.)
테두리를 만드는 방법은 여러가지이고.. 여기서 예로 한가지만 하겠습니다.
(웹검색시 좋은 것이 나오면 활용하시면 되겠죠..^^)
적용예는 링크를 걸었습니다.(출처는 해당 URL입니다.)
[원본은 플래시] http://www.greetings.co.kr/greetingsfolder/cards/goodluck/newyear_04/card.swf
[테두리 적용시] http://yangnam.co.kr/contents/t2.html
[홈피에 넣으면] http://yangnam.co.kr/main_01r.php
[테두리 소스는 그대로 복사해서 에디터에서 확인할 수 있습니다../..다른 그림도 넣어 보세요..]
<!--copy할 때는 끝까지 하시고 간격이 띄워져 있는 이유는 에디터에서 미리보기하시면 알 수 있습니다.-->
<TABLE width="500" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td height="1" bgcolor="CFAC3A"></td></tr>
<tr><td height="30" valign="middle"><div align="center" class="text">송구영신</div></td></tr>
<tr><td bgcolor="CFAC3A" height="1"></td></tr>
<tr><td valign="top" bgcolor="F6F0DE">
<TABLE width="500" border="0" cellspacing="1" cellpadding="4">
<tr><td height="150" valign="top" class="text">
<TABLE style="BORDER-RIGHT: #eab708 5px ridge; BORDER-TOP: #eab708 5px ridge; BORDER-LEFT: #eab708 5px ridge; BORDER-BOTTOM: #eab708 5px ridge" cellSpacing=20 background=http://user.chollian.net/~kjleel/background/board/border46.jpg><TBODY><TR><TD>
<TABLE borderColorDark=#f9fc07 width=480 align=center borderColorLight=#f9fc07 border=3><TR><TD width=500><P align=center>
<TABLE height=26 cellPadding=0 width=303 bgColor=#abdc65 border=0>
<TR><TD><P align=center> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" WIDTH="480" HEIGHT="300"><param name="movie" value="http://www.greetings.co.kr/greetingsfolder/cards/goodluck/newyear_04/card.swf"><param name="quality" value="high"></object>
<PRE><b><font face=바탕 color=000000 style="font-size:9pt;"><UL>
새해 福 많이 받으세요
지난 한 해 베풀어 주신 은혜에
머리숙여 깊은 감사를 드리며
밝아오는 새해에는 가정의 화목과
건강과 행복이 가득하시고
소망하는 모든 일이 이루어지시는
복된 한 해가 되시길 바랍니다.
2005년 새해에도 변함없는 사랑과 미소로
보살펴 주시길 .......
♡운영자 ♡
</UL></font></P>
</TD></TR></TABLE>
</TD></TR></TABLE>
</TD></TR></TABLE>
</TD></TR></TABLE>
</TD></TR></TABLE><bgsound src="http://myhome.thrunet.com/~kido560/music/an152.mid" loop="infinite">
(밑에 포토샾없이 이미지효과 주기가 있어서 한번 적어봤습니다.)
테두리를 만드는 방법은 여러가지이고.. 여기서 예로 한가지만 하겠습니다.
(웹검색시 좋은 것이 나오면 활용하시면 되겠죠..^^)
적용예는 링크를 걸었습니다.(출처는 해당 URL입니다.)
[원본은 플래시] http://www.greetings.co.kr/greetingsfolder/cards/goodluck/newyear_04/card.swf
[테두리 적용시] http://yangnam.co.kr/contents/t2.html
[홈피에 넣으면] http://yangnam.co.kr/main_01r.php
[테두리 소스는 그대로 복사해서 에디터에서 확인할 수 있습니다../..다른 그림도 넣어 보세요..]
<!--copy할 때는 끝까지 하시고 간격이 띄워져 있는 이유는 에디터에서 미리보기하시면 알 수 있습니다.-->
<TABLE width="500" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td height="1" bgcolor="CFAC3A"></td></tr>
<tr><td height="30" valign="middle"><div align="center" class="text">송구영신</div></td></tr>
<tr><td bgcolor="CFAC3A" height="1"></td></tr>
<tr><td valign="top" bgcolor="F6F0DE">
<TABLE width="500" border="0" cellspacing="1" cellpadding="4">
<tr><td height="150" valign="top" class="text">
<TABLE style="BORDER-RIGHT: #eab708 5px ridge; BORDER-TOP: #eab708 5px ridge; BORDER-LEFT: #eab708 5px ridge; BORDER-BOTTOM: #eab708 5px ridge" cellSpacing=20 background=http://user.chollian.net/~kjleel/background/board/border46.jpg><TBODY><TR><TD>
<TABLE borderColorDark=#f9fc07 width=480 align=center borderColorLight=#f9fc07 border=3><TR><TD width=500><P align=center>
<TABLE height=26 cellPadding=0 width=303 bgColor=#abdc65 border=0>
<TR><TD><P align=center> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" WIDTH="480" HEIGHT="300"><param name="movie" value="http://www.greetings.co.kr/greetingsfolder/cards/goodluck/newyear_04/card.swf"><param name="quality" value="high"></object>
<PRE><b><font face=바탕 color=000000 style="font-size:9pt;"><UL>
새해 福 많이 받으세요
지난 한 해 베풀어 주신 은혜에
머리숙여 깊은 감사를 드리며
밝아오는 새해에는 가정의 화목과
건강과 행복이 가득하시고
소망하는 모든 일이 이루어지시는
복된 한 해가 되시길 바랍니다.
2005년 새해에도 변함없는 사랑과 미소로
보살펴 주시길 .......
♡운영자 ♡
</UL></font></P>
</TD></TR></TABLE>
</TD></TR></TABLE>
</TD></TR></TABLE>
</TD></TR></TABLE>
</TD></TR></TABLE><bgsound src="http://myhome.thrunet.com/~kido560/music/an152.mid" loop="infinite">
댓글 3
-
QQQ
2005.02.13 23:01
플래시로 보니깐 간단하게 만들 수 있습니다. 그래도 디자인이 좋네요. -
하나둘
2005.02.18 05:20
이미지/플래시/음악은 상기 출처에서 문제제기시 삭제예정입니다.
단지 설명을 돕기 위해 사용한 것입니다.
자작으로 제작하신 분이 계시면 글을 남겨주세요.
그분의 작품으로 대체할 예정입니다. -
하나둘
2005.03.13 23:46
제목 | 글쓴이 | 날짜 |
---|---|---|
브라우저 도메인 주소 안나타나게 하기 [2] | 인테리어뱅크 | 2006.04.10 |
제 홈페이지 분석(뭐징?) [5] | 박현우 | 2006.03.11 |
게시판 글 적을 시에 주소 입력 후 링크연결 안되게 하는 법 [2] | 트릭썬더 | 2006.01.27 |
본문만들기 2장 [4] | 민개 | 2005.12.15 |
HTML 이란? 1장 [1] | 민개 | 2005.12.13 |
[HTML] 동영상 강좌_ html 기초부분 [1] | 다모폐인 | 2005.11.15 |
무지 짧은 소스로 스크롤바를 왼쪽으로 옮겨보자 [4] | 한용 | 2005.11.10 |
[동영상강좌] 노프레임 홈페이지만들기 [8] | 꼬냐닷컴 | 2005.10.02 |
필터를 적용한 EMBED 태그 | SHINIYA | 2005.10.01 |
FTP로 홈페이지 출판하기 | 어린공주 | 2005.09.30 |
배경을 가로 또는 세로로 반복하여 보여주는 기능. [1] | 꼬냐닷컴 | 2005.09.19 |
Rain# 위로 흐르는글 만들기 | Rain | 2005.08.14 |
색상값의 속성 [2] | 대류 | 2005.08.10 |
효율적인 폰트 속성 지정 [4] | 대류 | 2005.08.10 |
textarea 속에 내용넣기 (마우스클릭시 사라짐) [5] | 우연 | 2005.04.16 |
iframe 그때그때 달라요 ~ [높이자동변경] [15] | kim's | 2005.02.18 |
TAG로 이미지테두리 만들기 [3] | 하나둘 | 2005.02.12 |
문서 출입시 여러가지효과나타내기(메타태그) [1] | HYESOO | 2005.02.11 |
포토샵없이 이미지에 멋진 효과 내기 # [5] | Kasis | 2005.02.04 |
XHTML 1.0 팁 [8] | EDENe | 2005.01.22 |