BBCode 안내

소개

BBCode는 무엇인가요? 알기쉽게 설명해 주세요.
BBCode는 HTML을 수행하기 위한 보충적 도구(code)입니다.
본인의 게시글에서 실제로 BBCode를 사용할 수 있는지 여부는 포럼 운영자에 의해 결정됩니다.
게시글 양식은 각 게시글을 통해 추가로 BBCode를 사용하지 않게 할 수도 있습니다.
BBCode는 HTML의 스타일과 대체적으로 비슷하며, 태그(tag)는 < 와 > 보다는 대괄호인 [ 과 ]를 반드시 묶어서 사용해야 합니다.
게시판에 처음 글을 쓸때 보면, 본인의 글판(template) 바로 위 상단에서 BBCode 버튼들을 쉽게 찾을 수 있으며, 클릭하여 자신의 글에 넣어서 사용할 수 있습니다.

그리고 BBCode 버튼에 마우스를 갖다대면, 포럼 양식에 맞는 풍선 도움말이 나타납니다.
상위

글 서식

글자를 굵게 또는 기울이거나 또는 밑줄을 추가하는 방법
태그(tag)를 포함한 BBCode를 빨리 만들려면, 우선은 본인의 HTML문서 스타일에서 탈피해야 합니다. 다음과 같은 방법을 사용합니다.
  • 글을 굵게 표시하고 싶다면 그 글자들을 [b][/b]로 감싸면 됩니다. 예를들면:

    밥은 먹고 [b]댕기니?[/b]

    밥은 먹고 댕기니?


  • 글자에 밑줄을 추가하여 사용할려면 [u][/u] 을 사용. 예를들면:

    너가 [u]밥 사 주면[/u] 안되겠니?

    너가 밥 사 주면 안되겠니?


  • 글자를 기울여서 사용하고 싶다면 [i][/i]을 사용하되, 한글에서는 비추천입니다. 예를들면:

    내가 요즘 [i]주머니 형편이[/i]별루다.

    내가 요즘 주머니 형편이 별루다.
상위

글자의 색상이나 크기를 변경하는 방법
문서안의 글자 색상이나 크기를 변경하려면 다음과 같은 태그(tag)가 사용될 수 있습니다.
나중에 모니터에 출력되는 모습은 자신의 시스템이나 웹브라우저에 따라 약간씩 달라질 수 있습니다.
  • 글자 색상을 변경하려면 [color=][/color] 로 감싸면 됩니다.
    지정한 색상 이름(예: red, green, blue....)을 쓰거나 웹컬러 챠트번호(예: #FF0000, #00FF00, #0000FF....)를 쓸 수 있습니다.
    예를들어, 빨강색 글을 만들려면:

    [color=red]돼지꿈[/color]

    또는

    [color=#FF0000]돼지꿈[/color] 이라고 쓰면,

    돼지꿈 이라고 보입니다.


  • 글자 크기(size)를 변경하려면 [size=][/size] 로 감싸면 됩니다. 이 태그(tag)는 자신의 모니터 해상도에 따라 다르지만 퍼센트(%)로 유추해 볼때,
    20(매우 작은 값)에서 시작해서 200(매우 큰 값)까지 가능합니다. 예를들면:

    [size=30]거시기가 작아[/size] 라고 쓰면,

    거시기가 작아 로 보이고,

    반면에:

    [size=200]거시기가 너무 커[/size] 라고 쓰면,

    거시기가 너무 커 로 보입니다.
상위

태그(tag) 코드를 조합하여 사용할 수 있습니까?
당근이죠. 예를들면, 게시판 회원들의 관심을 받기 위해 작성할 수 있습니다.

[size=200][color=purple][b]나 로또에 당첨되었어![/b][/color][/size] 라고 배열하면,

나 로또에 당첨되었어! 라고 보입니다.

하지만 너무 많이 조합하여 쓰지는 마세요. 무척 헷갈릴테니깐요. ^^

그리고 자신의 글에 태그(tag)를 순서에 맞게 잘 배열하셔야 합니다. 부정확하게 쓰인 사례를 들면:

[b][u]이런 코드 배열은 좋지 않습니다.[/b][/u]
상위

인용 및 고정 형식의 글 사용법

다른 사람이 쓴 글을 인용(quote)이란 형식을 빌어서 댓글을 쓸 수 있습니다
두가지(다른 이의 글을 참조하거나 아니면 그냥 인용코드만 따옴) 인용형태의 태그(tag)를 골라서 사용할 수 있습니다.
  • 우선 로그인 후, 다른 사람의 글이 모니터 화면에 보이는 상태에서, 여기에 자신의 댓글과 인용구를 넣고 싶다면,

    그 사람 글판(template) 오른쪽 위에 [인용] 또는 [quote] 작은 버튼을 마우스로 클릭합니다.

    그럼, 자신이 이곳에 글을 쓰기위한 형태로 댓글 게시판이 열리면서 그 사람 원문 글이 본문 창에

    [quote="그 사람 아이디"]그 사람 글........[/quote] 로 감싸진 블럭형태로 추가 됨을 알 수 있습니다.

    이제 자신의 글 본문 창에서 아래처럼 형태를 만들어 주면 됩니다.

    [quote="그 사람 아이디"]
    그 사람이 쓴 글들(원문).........
    .............................................
    ...................................................
    [/quote]

    위의 형태(순서)로 만들었다면 다 끝났으며 이 코드 [/quote] 바로 아래에다가 자신의 댓글을 적어 넣으면 됩니다.

    그리고 인용하는 그 사람의 "아이디" 가 반드시 이중따옴표 "" 안에 들어 있어야 합니다. 매우 중요하며 선택사항이 아닙니다.


  • 두번째 방법은 다른 사람의 글을 단순히 마우스로 드래그하고 마우스 오른쪽 클릭 복사(C)한 다음,

    자신의 새 게시판이나 댓글 달기 버튼을 클릭하여 거기에 마우스 붙여넣기(P)를 한 후, [quote][/quote] 를 사용하여 아래처럼,

    [quote]
    마우스로 복사하여 가져 온 글......
    [/quote]

    만들면 되며, 이 코드 [quote] 위에다가 자신의 댓글을 쓰던가 이 코드 [/quote] 아래에다가 자신의 댓글을 작성하면 됩니다.
상위

코드(태그 및 프로그래밍 언어) 또는 폭넓은 정보를 출력하기
태그 코드를 단순히 보여주거나 프로그래밍 언어 코드를 나타내고자 할때,

그리고 다양한 어떤 정보를 그대로 표현하고자 할때는 그 해당 서식(글)을 [code][/code] 로 감싸면 됩니다. 예를들면:

[code]window.open("news.html",toolbar=yes,onclick="closewin()")[/code] 처럼하면 됩니다.

[code][/code] 태그안에 모든 서식(글)들이 그대로 유지되며 글자는 녹색의 작은 형태로 보이고,

이런 형태 [code=php][/code] 로 사용할 수도 있는데 청색의 작은 글자로 보입니다. 한글에서의 사용은 비추천.
상위

일반적인 목록(목차) 만들기

정렬하지 않은 목록을 만듭니다
BBCode 에서는 두가지 유형의 목록(목차)을 제공하는데, 순서없는 것과 순서 있는것이 있으며, 사실 HTML 스타일의 그것과 비슷합니다.

우선 [list][/list] 코드만 홀로 사용해선 안됨니다. 꼭 [*] 코드와 함께 사용해야 합니다.

순서가 없는 목록을 만들기 위해선 [list][/list] 를 사용하여 글 전체를 위아래에서 감싸고, 각 항목들 앞부분에 [*] 를 사용합니다.

◊ 이 코드 [list][/list]만 홀로 사용한 예:

[list]
리스트(list)를 잘못 사용한 예시입니다.
[/list] 라고 쓰면,

     리스트(list)를 잘못 사용한 예시입니다.

◊ 제대로 [list][/list][*] 코드를 함께 쓴 올바른 예시는:

[list]
[*]오~뤤지
[*]저는 땅을 사랑합니다.
[*]USA산 움메고기가 먹고 싶어요.
[/list] 라고 쓰면,

  • 오~뤤지
  • 저는 땅을 사랑합니다.
  • USA산 움메고기가 먹고 싶어요.
 처럼 보입니다.

◊ 그리고 [list][/list][*] 코드를 중첩해서 사용할 수도 있습니다. 예를들면:

[list]
[*]제목에 해당하는 목차
     [list]
     [*]세부적인 내용...
     [/list]
[/list] 라고 쓰면,

    •  제목에 해당하는 목차
        ㅇ 세부적인 내용...

◊ 2중 중첩도 가능합니다. 다소 복잡하겠지만, 잠깐 예를들면:

[list]
[*]목차 중첩
     [list]
     [*]1차 중첩
          [list]
          [*]2차 중첩
          [/list]
     [/list]
[/list]
상위

지시(순서 있는) 목록을 만듭니다
두번째 유형인 순서 있는 목록은 위와 마찬가지로 [list=][/list][*] 코드를 반드시 함께 써야 합니다. (그리고 [list=β][/list]에서 β값에는 숫자 또는 알파벳만 가능합니다)

◊ 우선 숫자를 넣어 순서대로 숫자가 출력되는 리스트(list)를 만들어 보겠습니다. 예를들면:

[list=1]
[*]시장엘 가다
[*]물가가 너무 올라 그냥 돌아오다
[*]집에 돌아와서, 인플레이션의 주범인 누구를 욕하다
[/list] 라고 만들면:

  1. 시장엘 가다
  2. 물가가 너무 올라 그냥 돌아오다
  3. 집에 돌아와서, 인플레이션의 주범인 누구를 욕하다
◊ 알파벳을 사용하여 리스트(list)를 만들어 보면:

[list=a]
[*]첫번째로 능력없는 장관을 욕하고
[*]두번째로 그 장관을 뽑은 대통령을 욕하고
[*]세째로 그런 대통령을 선출한 그 나라 국민을 욕하지
[/list] 라고 쓰면,

  1. 첫번째로 능력없는 장관을 욕하고
  2. 두번째로 그 장관을 뽑은 대통령을 욕하고
  3. 세째로 그런 대통령을 선출한 그 나라 국민을 욕하지
상위

링크 만들기

다른 사이트로 연결(Link)합니다
phpBB는 BBCode에서 URL {Uniform(동일한) Resource(원문) Locator(가르키다)} 을 만드는 것을 제공합니다.
  • 첫번째 방법은 [url=][/url] 태그를 사용하는 것으로써, = 다음에 해당 인터넷 주소값을 넣고, [url=][/url] 사이에 주소 설명을 적어 넣으면 됩니다. 예를들면:

    [url=http://www.naver.com/]네이버 포털 사이트[/url] 라고 쓰면,

    네이버 포털 사이트 처럼 보이게 되며, 한가지 주의할 점은 사용자 웹브라우저에 따라 새 창이 열리거나 같은 창에서 열릴 수 있습니다.


  • 만약 URL 자체에서 인터넷 주소 값이 그대로 링크(Link)한 게 보이고 싶다면:

    [url]http://www.nate.com/[/url] 이라고 쓰면,

    http://www.nate.com/ 으로 보입니다.


  • 추가적으로, phpBB에는 Magic Links 라고 부르는 기능이 있어서, URL 코드나 http:// 를 자신의 본문 글 속에 적지 않아도 정확한 주소 값만 적어 넣으면 됩니다. 예를들어:

    자신의 글에 www.daum.net 만을 적어 넣어서 글을 완성 후, 인터넷에 올려 놓고 보면 자동으로 www.daum.net 이렇게 보입니다.


  • 같은 기능으로 e-mail 주소에서도, 그대로 지정한 주소 형태대로 적용된다고 볼 수 있는데, 예를들면:

    [email]Kim Chul Su@naver.com[/email] 라고 쓰면,

    Kim Chul Su@naver.com 라고 보이거나 또는 그냥 Kim Chul Su@naver.com 라는 주소 메세지만 자동으로 변환되어 보입니다.
phpBB 코드 태그(tag)를 작성시에 정확히 열고 닫는 것은 매우 중요한 과제로서, 예를들면:

[url=http://www.google.com/][img]http://www.google.com[/url][/img] 처럼 순서가 잘못 사용되면,

자신이 공들여 쓴 글 자체가 통채로 날라갈 수도 있으며, 웹브라우저에 치명적인 에러가 뜰 수도 있음을 명심하고 주의하세요.
상위

게시글에 이미지(그림) 보이는 방법

게시글에 이미지(그림)를 추가합니다
phpBB의 BBCode는 게시글에 이미지를 포함하는 태그(tag)를 가지고 있습니다. 두세가지 중요한 점을 기억해야 하는데,

하나는 너무 큰 그림을 올려서 다른 사람들의 반감을 사지 않는 것이며, 둘째는 첨부파일 형태로 이미지를 올릴 수도 있고,

세째로 그 이미지가 이미 인터넷이나 웹서버에 올려져 있어서 볼 수 있는 형태여야 한다는 점입니다.
{만약 웹서버(또는 인터넷)에 올려져 있지 않거나, 자신의 컴퓨터에만 있다면 활용할 수 없겠죠.}

이미지를 나타내려면, 인터넷에 올려놓은 해당 이미지를 마우스 오른쪽으로 클릭하여 바로 가기 복사(T)를 한 후,

복사된 url 값을 이 태그 [img][/img] 사이에 반드시 붙여넣기하면 됩니다. 예를들면:

[img]http://www.google.com/intl/en_ALL/images/logo.gif[/img] 처럼 만들거나, [url=][/url] 태그를 같이 사용하여,

[url=http://www.google.com/][img]http://www.google.com/intl/en_ALL/images/logo.gif[/img][/url] 라고 쓸 수 있고,

만일 연결(Link)이 깨지지만 않는다면 일반적으로 아래처럼:

구글 로고 보이고 클릭도 가능합니다.
상위

이 게시글에 첨부파일을 추가합니다
[attachment=β][/attachment] 코드는 BBcode 목록에는 나타나질 않습니다. (β는 첨부파일이 2개 이상일때, 게시판에 보여질 위치 또는 순서)

우선, 일반적인 첨부파일 형태는 포럼 관리자가 모든 회원들에게 게시판에 파일을 첨부할 수 있는 권한을 줄때에만,

해당 게시판에 올리는 것이 가능하며, 자신이 글을 쓸때, 바로 아래쪽에 보면 첨부파일(attachment) 업로드(upload) 항목(탭)이 보일때에만, 가능하고

2MB 범위내에서 올려 놓은 첨부파일은 "올려놓은 위치 조정하기" 라는 버튼을 통해서만 출력이 가능합니다.
상위

다른 문제

내 자신의 태그를 따로 추가할 수 있습니까?
이 경우엔 보드(홈피) 관리자 또는 포럼 운영자가 적절한 권한을 가지고 있어야 하는 것으로, Custom BBCode의 항목(section)을 통해 BBCode를 추가할 수 있습니다.
상위