1. 우선 포샵으로 테이블을 만드신 다음에 계정을 받아주세요.
2. 그럼 이제 나모로 넘어갑니다.
넘어 오셨으면 표를 만들어 볼까여?
젤 상단에 보시면 조금한 바둑판 모양이 있죠?
그걸로 표를 만드는거랍니다.
그걸 클릭해서 저처럼 3X3 으로 해주세여.
그러면 바탕화면에 아래 그림처럼 나옵니다.
3. 그럼 마우스를 표안에다 데고 우클릭해주세여.
그리고 [표속성]으로 들어 갑니다.
그리고 나서 테두리선을 [감추기]로 바꿔 주시고
아래 [찾아보기]를 눌러서 만들어 놓은 테이블을 찾은 후에
[확인]을 클릭~!!!
4. 바탕화면에 아래 그림처럼 표가 만들어 집니다.
그럼 점선부분에 마우스를 같다 놓고 화살표가 위아래/좌우인 모양으로
바뀌면 쭈욱 끌어당겨가면서
스크롤바가 들어갈 자리를 잡아 주시면 됩니다.
가로 세로 점선을 그런씩으로 잡아 당겨 가면서
그렇게 자리를 잡아 주세여.
그런다음에 스크롤바가 들어가는 부분에
나중에 찾기 쉽게 간단하게 내용을 적어 넣어 주세여.
[내용]이라던지 [스크롤바]라던지...
이런식으로여. ^-^*
제대로 자리를 잘 잡았는지 확인은
왼쪽 젤 하단부분에 있는
[편집 / HTML / 미리보기] 에서
[미리보기]를 눌러 확인해 보세여.
이상하다 싶은면 다시 [편집]을 눌러서 수정해 주시구여
5. 이젠 본격적으로 스크롤바를 집어 넣어 봐여.
[편집 / HTML / 미리보기] 에서 [HTML]을 눌러 주세여.
그럼 테이블 소스가 나옵니다.
거기에서 아까 찾게 쉽게 하기위해 써 놓은 부분을 찾아주세여.
6. 그부분에 스크롤바 소스를 넣어 주세여.
7. 색상코드에 원하는 색상으로 바꿔주시구여
[가로크기/세로크기]라고 되어 있는 부분은
스크롤바 소스 집어넣는 바로 윗부분에 있는 각각의숫자를
넣어 주시면 됩니다.
스크롤바 소스를 넣고 내용의 글자색, 크기를 정하신 다음에
내용을 쓰시면 됩니다.
그리고 계정 받은 테이블 주소 넣어 주시는 것도 잊지마시구여. "-^*
그런 다음 저장하시고 테이블 소스를 복사해서 쓰시면 됩니다.
뭐 궂이 저장까지 안하셔도 상관없다는... ^-^
★ 이때 저처럼 바탕이 흰색이면 그냥 다 white로 쓰셔도 되구여
저처럼 [-arrow-color] 만 이미지와 비슷한 색으로 바꾸면
스크롤바가 생길때 상하에 있는 조금한 삼각형 모양이 있는 단추(?)
색상이 그색으로 나오게 되는 겁니다.
그리고 만약 [-shadow-color]도 같이 해주시면
스크롤바의 그림자색도 그렇게 바뀌게 되는 거구여.
★ 그럼 스크롤바 들어가는 부분이 흰색이 아니면
어떻게 할까여?
이건 모르고 캡쳐를 안했는데 말로 설명할테니
잘 찾아보세여.
윗부분에 있는 도구틀에서
아까 표만들기 위해 클릭한 바둑판모양 바로 밑에 보시면
굵은 모양의 A가 두개 있어여.
첫번째 [A]는 글자색을 바꿀 수 있구여
두번째 [A]는 글자 배경색을 바꿀수 있답니다.
각각의 A옆에 있는 역삼각형 모양을 누르면 색상표가 나옵니다.
거기서 [사용자정의]를 눌러 보세여.
그런 다음 [사용자정의추가]라고 써져 있는 것 옆에 보심
스포이드가 있는데 그걸 클릭하셔서
이미지안에서 원하는 색상 부분을 콕 찍어주시면
젤 윗부분에 있는 [HTML]옆에 색상코드가 나타나는데
그걸 넣어 주시면 되는거죠.
잘 이해가 되셨나여? ^-^*
★ 그럼 여기서 잠깐 2단 테이블 만드는거에 대해 간단하게 설명할께여.
뭐 특별하게 설명할 건 없구여
표만들기를 하실때
내용이 위아래로 들어가는 2단 테이블인 경우는
[5X3] 으로
내용이 좌우 그러니까 가로로 들아가는 2단인 경우는
[3X5] 로 해서 만드시면 됩니다.
이렇게 해서 표를 만드셨으면 1단 테이블 만드는 방법처럼
똑같이 하셔서 두군데에
스크롤바소스를 넣고 각각 넣으셔서 수정하시면 되는거죠.
이때 찾기 쉽게 간단하게 스크롤바가 들어가는 부분에
[내용1] [내용2]라고 각각 써주시는거 잊지 마시구여. ^-^*
--------------------------------------------------------------------
★ 1단 스크롤바 소스
<style type="text/css">
BODY
{scrollbar-face-color: 색상코드; scrollbar-shadow-color: 색상코드;
scrollbar-highlight-color: 색상코드; scrollbar-3dlight-color: 색상코드;
scrollbar-darkshadow-color: 색상코드; scrollbar-track-color: 색상코드; scrollbar-arrow-color: 색상코드}
</style><head>
<style type="text/css">
#box1 {width:가로크기; height: 세로크기; overflow: auto; padding:7px; border:0 solid;}
</style>
</head><div id="box1">
'♧강의목록1♧ > 중독-인터넷.스마트폰.게임' 카테고리의 다른 글
| 테이블만들기 (0) | 2008.10.31 |
|---|---|
| 테이블만들기 (0) | 2008.10.31 |
| 퍼온글 (0) | 2008.10.31 |
| 테이블이란 무엇이며 어떻게 만드는지 알아봅시다 (0) | 2008.10.31 |
| ◆ 태그 용어 정리 ◆ (0) | 2008.10.24 |