본문 바로가기
정보/# 태그 소스 자료실***

[스크랩] table,backgrouhd,marquee

by Danpung ! 2010. 5. 6.
..

우리 가족님들

이곳에 원하는 글을 쓰면됩니다

글자가 올라가고있네요

<table border="2" cellpadding="2" width="600" height="300" background="http://myhome.hanafos.com/~plmlpl/l.gif"> <tr> <td width="479"><p align="left"><font face="굴림" size="2" color="gray"> <marquee direction="up" scrollamount="1.5" scrolldelay="100" loop="ture" width="480" height="200"><p> 우리 가족님들 <p> 이곳에 원하는 글을쓰면됩니다 <p> 글자가 올라가고있네요~^^ <p> </font></p></TD></TR></TABLE>
** 활용하기 **


테이블 크기조절하기



 <table border="2" cellpadding="2" width="600" height="300"  
 지금 이 영상편지가 테이블을 이용해서만든거거든요~
 소스보면 첫째줄 widht = 이 테이블의 가로싸이즈를 나타내는거구요 
 height = 이건 테이블의 세로싸이즈를 나타내는거랍니다 
 얼마든지 원하는크기데로 숫자를 바꺼서 사용할수가있습니다

원하는 이미지 삽입하기

 
 background="이미지주소" 
 소스에서 2번째줄에보면 백그라운드가있어요 보이나요?
 이미지주소라고 쓴부분에 배경으로깔 이미지를 넣어주면되는데요
 물론 자기가 직접 포토샵으로만들고 계정받아서주소 써도되구요 (계정 받는법은 들꽃노을 태그자료실방)
 주의점 >> 아래강좌에도했지만 이미지크기를알아내고 테이블싸이즈를 마쳐주세요 ~ 
 테이블싸이즈랑 이미지싸이즈랑 서로같게 !!

글자의 위치지정

 
 <td width="479"><p align="left"><font face="굴림" size="2" color="gray">
 소스에서세번째줄보면  p align ="left" 라고있지요~ 
 이미지위에 올라갈글자가 왼쪽에서 올라가도록 지정한것입니다 
 만약 오른쪽에서 위로올라가게 하고싶다면 left..대신에 right 을써주고
 가운데서올라가게하고싶다면 center 로  바꺼주기만하면되는거죠 ^^ 
 그리고 face 는 글씨체  Size는 글씨싸이즈 Color 은 색깔지정하는것.
 원하는데로 바꺼서 쓸수가있는데 다배운태그니까 쉽게할수있을꺼예요

글자의 속도지정하기

 <marquee direction=up scrollamount=1.5 scrolldelay=100 loop=ture width=480 height=200> 
 소스에서 4째줄~  marquee direction="up"  이건 글씨방향 up !! 
 위로올라가게하자..라는뜻이구요.. 아래로내려가게할려면 down 이라고 써주면됩니다.
 그옆에 scrollamount="1.5" 는 글자가올라가는 속도예요 숫자가커질수록 빨리올라갑니다 연습해보세요~
 

글쓰기

 맨아래 원하는글쓰기 라고 제가 쓴부분에는  
 말그데로 원하는글을 쓰면 글이올라가는것을 확인할수있을꺼예요 
 그럼다 된겁니다  이미지위에 글이 올라가는지 태그연습장에 연습삼아해볼까요? 클릭 

출처 : 나물먹고 물마시고
글쓴이 : 칠봉 원글보기
메모 :

TOP

TEL. 02.1234.5678 / 경기 성남시 분당구 판교역로