호빵홈 소스자료실
현재위치 : hobbang.co.kr > 소스자료실
소스자료실은 홈페이지를 만들거나 꾸밀 수 있는 자바스크립트와 HTML 소스를 제공합니다.
또한 컴퓨터와 인터넷을 사용하면서 유용한 Tip도 제공하니 각 Category를 선택하세요.

Category

  (Homepage)님의 글입니다.
엔토이 블로그 테마 꾸미기 예제.. 2003-10-17 01:56:26, 조회 : 2,820, 추천 : 17


소스를 가져가는 것은 자유이고 소스 설명을 이해하지 않고 그대로 복사해 가는 경우라면 설명의 출처를 http://hobbang.co.kr 라고 표기해주시구요.. 자신이 이해하고 이 설명을 참고해서 자신의 홈에 올리는 경우라면 출처 안밝혀도 상관 없습니다.. ^^


우선 제 [호빵태그/포토샵 강좌] 테마에 들어오면 글씨들이 모두 웹폰트로 보일 것입니다..

웹폰트 사용에 대해서는 "엔토이 태그" 게시판에서 웹폰트 사용하기에 대한 설명 보기 바랍니다..


◆ 제 엔토이의 블로그(entoi/study) 화면에서처럼 "호빵태그/포토샵 강좌" 테마 화면을 보여드리면 아래 박스의 내용처럼 보입니다..

이 화면은 깨끗하게 닦은 모니터에서 가장 잘 보입니다
호빵 태그는 HTML + JavaScript입니다..
오늘도 즐건 하루~

 

◆ 이것에 대한 태그 소스는 다음과 같습니다..

<style type="text/css">
@font-face {font-family:웹폰트이름; src:url('웹폰트주소');}
body, a, img, marquee, pre, font, xmp, applet, object, fieldset, table, tr, td, p, b, form, textarea, input, select, option, span, div, a {font-family:웹폰트이름; font-size:9pt; text-decoration: none; line-height:160%}
</style>
<center>
<font color=red>이 화면은 깨끗하게 닦은 모니터에서 가장 잘 보입니다 </font><br><b>
호빵 태그는 HTML + JavaScript</b>입니다..<br>
<table width=100% border=0 cellpadding=0 cellspacing=0>
<tr><td style="background-color:white; background-image:url('떨어지는꽃잎그림주소'); background-repeat:repeat; background-position: 70% center" align=center>
<IMG src="http://file.sayclub.co.kr/charimg/item_real2/s_f_01_526_01_01.gif">오늘도 즐건 하루~<IMG src="http://file.sayclub.co.kr/charimg/item_real2/s_f_01_526_01_01.gif">
</td></tr>
</table>
</center>


◆ 태그 설명은 빨간색으로 쓴 부분만 설명할테니 고쳐서 사용하세요..
이 태그 소스는 테마 관리 화면에 있는 테마인사말 꾸미기에서 초보용이 아닌 숙련자용(html)을 선택하고 써야 해요..

웸폰트이름 : "엔토이 태그" 게시판에 보면 웹폰트를 자신의 블로그에 올려서 사용하는 방법 있습니다.. 그것 보고 웹폰트의 이름을 앙증체, 티티체, 웹폰트, 엽토체 처럼 이름을 하나 정해서 써주면 됩니다.. 이름은 같은 이름으로만 통일하면 되니까 자신이 가진 웹폰트의 이름을 모른다면 그냥 아무 이름이나 통일시켜서 써주면 됩니다.. 웹폰트를 사용하기 싫다면 두번째 줄 내용을 지워버리세요..

웸폰트주소 : 이것 역시 "엔토이 태그" 게시판에서 웹폰트 설명 보고 자신의 블로그에 올린 웹폰트 주소 알아내서 주소를 써주면 됩니다..

떨어지는꽃잎그림주소 : 꽃잎그림의 주소를 지정하는 것입니다.. 이것도 웹폰트처럼 자신의 블로그에 게시판에 파일첨부해서 올리고 그 파일 주소 복사해서 고쳐 쓰면 됩니다..

70% center : 이건 꽃잎이 테마 소개 화면에서 나타나는 위치를 정한 것인데요.. 앞에 70%는 가로 위치, 뒤에 center는 세로 위치입니다.. 가운데를 기준으로 나타나고 싶다면 center center 라고 입력하고 그런거 잘 모르겠다 싶드면 70% 50% 처럼 가로 세로 위치를 둘 다 퍼센트(%)로 계산해서 위치 조절해서 쓰면 되요.. 요건 귀찮으면 안 고쳐도 되는 부분입니다.. ^^

http://file.sayclub.co.kr/charimg/item_real2/s_f_01_526_01_01.gif : 이건 귀연 꼬마요정의 그림이에요.. 세이클럽의 아바타인데 가져다 쓰는거에요.. ^^ 요것도 자신의 게시판에 파일 첨부로 올린 후에 주소 고쳐서 써도 되구요.. 다른 이쁜 그림 있다면 그 그림을 사용하세요..

그리고 나머지 화면에 나타나는 글씨는 여러분들이 알아서 고쳐주시면 됩니다.. 줄을 다음 줄로 넘길 때에는 다음줄로 넘기는 글씨 두에서 <BR> 이라고 태그 써주면 됩니다.. ^^

위의 태그 예시는 엔토이에서 뿐만이 아니라 다른 곳에서도 웹폰트와 그림 파일 주소만 고치면 바로 사용할 수 있으니 유용하게 쓰세요..



2022-08-13
00:40:08


  추천하기   목록보기

현재글을 이메일로 보내기

No 제 목 글쓴이 작성일 조회
628   플래시 디지캐럿 시계     10-18 23:25 4205
627   인터넷 익스플로러 제목표시줄의 "Microsoft Internet Explorer" 글자 ...     10-18 18:53 2284
626   네티켓 10원칙     10-18 17:27 1801
625   한글의 우수성     10-18 17:09 2398
  엔토이 블로그 테마 꾸미기 예제..     10-17 01:56 2820
623   모래 위의 큰 점 (네이트닷컴처럼) 만들기     10-16 13:05 2988
622   전광판 자바애플릿 태그     10-12 21:04 4726
621   안철수바이러스연구소의 긴급바이러스 경보 배너 달기     10-11 02:07 2014
620   플래시 일기예보 (한국 일기예보만..)     10-10 20:05 4198
619   플래시 벽시계     10-10 19:46 4789
618   112가지의 만능사전..     10-10 19:01 4128
617   이쁜 마우스 포인터(커서) 사용하기 js 파일 - 2     10-08 06:41 5826
616   이쁜 마우스 포인터(커서) 사용하기 js 파일 - 1     10-08 06:41 4440
615   호빵홈 공지/메모 화면처럼 이쁜 마우스 포인터(커서) 사용하기     10-08 06:10 4374
614   호빵-스노우 플레이어 팝업형을 불러오는 화면만 가면 매번 플레이어가 다시 불려...     10-06 03:30 6495
   [1][2][3][4][5][6][7][8][9] 10 ..[51] [다음 10개]
 
Copyright 1999-2022 Zeroboard / skin by Praise Jesus
Copyright ⓒ 1998~ . Hobbang.co.kr. All rights reserved.