태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.
PaperinZ
        paperinz




[ 오오츠카 아이 ] 金魚花火-PV


위와 같이 박스안에 글이 들어간 글상자를 넣는걸 말한다

글을 작성할때 위에 edit를 눌러 html 상태로 바꾼후 아래 코드를 바로 넣으면 된다

<FIELDSET style="PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; LINE-HEIGHT: 20pt; width: 400px; PADDING-TOP: 0px; TEXT-ALIGN: left" border="0">
<LEGEND style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px"> [ 오오츠카 아이 ] </LEGEND>
<P>
<A href="http://skyaid.name/23" target=_blank>金魚花火-PV</A>
</P>
</FIELDSET>

위에 초록색으로 색칠한 부분만 본인이 원하는 내용을 쓰면 된다

좀더 쉽게 쓰는 방법은 위에 하늘색으로 칠한 <P> 와 </P> 사이의 내용을 모두 비우고 나머지 부분만 html 에서 코드를 넣은후 edit 상태로 돌아오면 박스만 만들어져 있는데 박스안에 직접 글을 입력하면 된다   글을 입력후 하이퍼링크도 걸 수 있고 글자 색, 크기 다 지정이 가능하다   당근 [오오츠카 아이] 이내용도 바꿀수 있다  그리고 내용이 두줄, 세줄 늘어나도 박스 크기는 자동으로 커진다
(IE 에서는 박스를 두번 클릭해야 박스안으로 커서가 이동이되며 FF 에서는 박스안에 바로 커서를 옮길수 있다)

크기는 위에 핑크색이 칠해진 width 수치를 조절하면 가로폭의 조절이 가능하다   핑크색 칠한 부분을 지우면 자동으로 가로폭이 꽉 차게 맞춰준다   세로 크기는 자동으로 되어 있다  내용이 늘어날 수록 크기가 자동으로 커질려면 세로는 자동으로 두는게 좋다

이글은 메인 블로그로 운영중인 'aid,,,의 놀이터'에서 옮겨온 글임 




Share           블로그코리아에 블UP하기

포스트가 유용하셨다면 구독해 보세요~ ^^* : RSS 구독   Email 구독



  1. BlogIcon gostopgo90 2007/12/03 23:24 댓글주소 | 수정 | 삭제 | 댓글

    예전부터 이런 글상자는 어떻게 만드는지 궁금했었는데...
    여기 돌아다니다 발견하게 되네요.

    잘 사용하겠습니다.

  2. BlogIcon 멋진그대 2008/06/09 17:11 댓글주소 | 수정 | 삭제 | 댓글

    제 블로그의 추천, 구독 버튼 상자글을 고쳤으니
    이제 망가지지 않았나 보아 주시면
    감사하겠습니다..

    그리고,, 제가 뭐를 잘못했나 fieldset태그를 사용하면
    상자의 글이 균형있게 자리잡고 않고
    첫 부분의 공백이 많습니다..
    제 블로그의 망가진 추천 상자도 <p>를 빼고 만들었는데
    ie에서는 잘 보이나 님이 FF에서 망가져 나온다고 해서
    또 공부를 해서 style.css를 이용하였으니 한번 살펴봐주세요..
    지금도 망가지지 않았나를..

    • BlogIcon 이드,,, 2008/06/09 21:02 댓글주소 | 수정 | 삭제

      블로그에 답변을 드렸습니다

    • BlogIcon 멋진그대 2008/06/10 20:37 댓글주소 | 수정 | 삭제

      곰곰히 망가지는 원인을 살펴보니 </tr>이라고 써야 되는데 <tr>라고 써서, <tr><tr>아라고 써졌던 게 망가지는 원인이었 것 같습니다.
      이제 완전히 고쳤습니다.
      불여우도 키우고.. 전 FF를 사용하면 IE를 사용 못하는 알았는데, 그렇지 않더군요..

      제가 헤맨 원인을 블로그에 자세히 적었습니다.
      관심 가져준데 대하여 고맙게 생각합니다..