신문기사스타일로 조행기 작성하기

||0||0일단 적용예제 부터 보여 드립니다.

* 신동지 조행기 : http://goldworm.net/bbs/zboard.php?id=gj&no=6823


신문기사 스타일이 가만히 읽다보면 눈이 참 편안하다 싶습니다.
이유는 글자크기와 줄간격 때문인데요.
간단하게 따라할 수 있는 예제를 한번 보여드리도록 하겠습니다.

[테이블시작1]<font style='font-family: verdana,Gulim,굴림,UnDotum,AppleGothic,sans-serif; font-size: 14px; line-height: 22px;'>

... 글내용 ...

<img src=/bbs/uks_data/gal3/filename.jpg>
<font style='color:#0066ff;font-size: 12px; line-height: 18px;'>▲ 사진설명 </font>


... 글 내용 ...

</font>
[테이블끝]


맨위 첫줄에 긴 폰트태그가 글자를 크게하고 줄간격을 조절해주는 태그입니다.
그리고 맨 마지막에 </font>  이부분도 꼭 들어가야 하고요.

사진이 들어갈부분에서는 일단 링크는 앞부분을 제외한 /bbs/...  부터 넣으셔도 됩니다.
사진아래 설명이 부분에 대한 폰트태그는 사이즈와 크기때문에 각각 넣어야 합니다.
그리고 사진설명이란 부분을 설명으로 바꿔적으면 되겠죠.

조행기 작성시 위의 박스 내용만 복사해다가 붙여넣고 고쳐주시면 됩니다.
물론 상단에 [HTML사용]에 체크하셔야 합니다.


작은 그림을 좌우에 번갈아 넣고 싶을때가 있습니다.
한글워드 문서작성을 예로 설명하자면 어울림속성 적용 같은거죠.

<img src=그림링크 hspace=10 vspace=10 align=left>

이렇게 써주면 그림이 왼쪽으로 가고 오른쪽에 글자들이 써지게 됩니다.
물론 그림크기는 적절히 작아야 겠죠.
보통 가로폭이 300~400 픽셀 정도면 적당합니다.

그림의 위치가 본문의 오른쪽에 가고 싶다면 align=right 라고 쓰면 됩니다.


기존에 그림을 크기를 줄여서 올리고 싶다면

<img src=그림링크 hspace=10 vspace=10 align=left width=400 height=300>

이런식으로 width 와 hiehgt를 강제로 세팅해도 됩니다.
이때 주의하실점은 원본그림의 가로세로 비율과 일치해야 그림이 찌그러지지 않습니다.