신문기사스타일로 조행기 작성하기
||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를 강제로 세팅해도 됩니다.
이때 주의하실점은 원본그림의 가로세로 비율과 일치해야 그림이 찌그러지지 않습니다.
* 신동지 조행기 : 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를 강제로 세팅해도 됩니다.
이때 주의하실점은 원본그림의 가로세로 비율과 일치해야 그림이 찌그러지지 않습니다.
상기 처럼추가로 박스처리와 박스 칼라는 어떻게 하나요?
07.07.27. 15:49
박재완(키퍼)
"테이블시작1" 적을내용..... "테이블끝"
이렇게 해주시면 되는데 " " 대신에 [ ]로 바꿔 주셔야 됩니다.
이렇게 해주시면 되는데 " " 대신에 [ ]로 바꿔 주셔야 됩니다.
07.07.27. 15:56
김진충(goldworm)
테이블시작1 , 테이블끝
이 두개가 이모티콘처럼 작동하고 있습니다.
이것말고도 이모티콘에는 비밀이 좀 있죠.
이 두개가 이모티콘처럼 작동하고 있습니다.
이것말고도 이모티콘에는 비밀이 좀 있죠.
07.07.27. 16:00
김진충(goldworm)
이것도 주의하실점은 반드시
테이블시작1 ~ 테이블끝 이것 두개가 셋트를 이뤄야 합니다.
안그러면 포맷이 완전히 무너지거든요.
테이블시작1 ~ 테이블끝 이것 두개가 셋트를 이뤄야 합니다.
안그러면 포맷이 완전히 무너지거든요.
07.07.27. 16:03
이젠 낚시 갈때 "보도"라는 완장 하나 차고 낚시한 뒤에 신문기사처럼 조행기 적어야지~~~~[씨익]
07.07.27. 16:07
김진충(goldworm)
어느신문사 소식이냐고 물어보면... "염장일보" [씨익]
07.07.27. 16:25
제한테는 너무 어려워 보입니다....[외면]
무슨말인지...도통
무슨말인지...도통
07.07.27. 16:51
신고
"님의 댓글"
이 댓글을 신고하시겠습니까?
