안녕하세요 예전에 연참대전을 잠시 중계했던 루리니아 입니다.
HTML 사용법에 대해 물어보셔서
예전에 제가 쓴 방법을 올려드리려고요.
먼저 연참대전할때 제가 사용한 방법을 알려드리겠습니다.
일단 연참대전쪽 화면서 마우스 우클릭을 해서 소스보기를 합니다.
그럼 라이센스어쩌고 하는 글부터 밑으로 쭉 소스가 보일겁니다.
중간쯤에 table로 시작하는 부분이 있는데 여기부터가 핵심입니다.
살짝 짤라와보면
<tr><td class="rank">1</td><td class="run_writer2"> <a href="show_summary.php?id=bn_789" target="novel_main3" title="누르면 줄거리를 볼 수 있습니다.">신현우</a></td><td class="run_title"> <a href="/bbs/zboard.php?id=bn_789" target="novel_main3">아발론의 문</a></td><td class="run_size" title="32122 자">3만</td></tr>
<tr><td class="rank">2</td><td class="run_writer2"> <a href="show_summary.php?id=bn_714" target="novel_main3" title="누르면 줄거리를 볼 수 있습니다.">검마르</a></td><td class="run_title"> <a href="/bbs/zboard.php?id=bn_714" target="novel_main3">제노사이더</a></td><td class="run_size" title="29219 자">3만</td></tr>
이런식으로 진행되겠지요.
여기서 얻을수 있는 정보는 현재 순위 <td class="rank">1
해당 글의 링크주소 a href="show_summary.php?id=bn_789"
작품명과 작가명 그리고 젤 우측에 보면
<td class="run_size" title="32122 자"> 누적조회수가 있습니다.
그럼 이걸 어떻게 하느냐가 문제겟죠?
예전에 제가 쓴 연참대전을 참고해서 보여드릴게요.
제가 예전에 작성한 글에서 소스보기를 하시면 중간에 table로 시작하는곳이 있습니다.
<table width=580 align=center border=0 cellspacing=0 cellpadding=0><tr><td valign=top bgcolor=#DEEEEC><div class=sv> <br></div><div class=sv>
<table bgcolor=#CDC673 border="2" bordercolor="#9400D3" width="500" cellpadding="3" cellspacing="4">
<tr>
<td bgcolor=#7FFF00><b>순위</b></td>
<td bgcolor=#7FFF00><b>작가명</b></td>
<td bgcolor=#7FFF00><b>장르</b></td>
<td bgcolor=#7FFF00><b>제목</b></td>
<td bgcolor=#7FFF00><b>당일 집계</b></td>
<td bgcolor=#7FFF00><b>누적 집계</b></td>
</tr>
<tr>
</tr>
<tr>
</tr>
젤 윗줄은 테이블 사이즈와 색깔을 넣은겁니다.
<td bgcolor=#7FFF00> 이부분은 테이블 안쪽 쉘에 색을 넣은거고
<b>순위</b> 이부분은 테이블에 제목을 넣은겁니다.
그 밑으론 실제로 순위를 넣어봐야겠죠?
<tr>
<td><b><u>1</u></b></td>
<td><b><a href="/bbs/zboard.php?id=bn_789" target="novel_main3"><b><font color=#00008B><u>신현우</u></b></a></td>
<td><b><b><font color=#006400>판타지</b></b></td>
<td><b><a href="/bbs/zboard.php?id=cn_079" target="novel_main3"><b><font color=#00008B><u>아발론의 문</u></b></a></b></td>
<td><b>11000</b></td>
<td><b>32122</b></td>
</tr>
<tr>
<td><b><u>2</u></b></td>
<td><b><a href="/bbs/zboard.php?id=bn_714" target="novel_main3"><b><font color=#00008B><u>검마르</u></b></a></td>
<td><b><b><b><font color=#9400D3>현대물</b></b></b></td>
<td><b><a href="/bbs/zboard.php?id=cn_033" target="novel_main3"><b><font color=#00008B><u>제노사이더</u></b></a>
</b></td>
<td><b>10581</b></td>
<td><b>29219</b></td>
</tr>
</table>
마지막까지 작성되면 </table> 로 종료후 후기를 적어주심 됩니다.
물론 현재글은 HTML적용을 안시켜서 이렇게 나오는건데
적용을 시키면 HTML적용된거로 보일겁니다.
그리고 HTML 적용할때 주의점은 자동줄바꿈하겠냐고 나올때 아니요를 해주셔야 됩니다.
복잡하게 보이긴 한데 실제론 저기에 빈칸만 바꿔채우시거나
살짝 폼을 조정하면 더 좋은 모양이 나올겁니다.
그리고 이폼을 쓸때 좋은점은 저걸 엑셀에 그대로 넣으면
표로나와서 누적값계산할땐 편하다는거지요.
참고가 된다면 좋을거같네요.. 나중에 시간나면
HTML에 넣는 테그나 효과에 대해 정리를 해볼게요.
그리고 HTML 적용하시고 후기글 쓰실떄는 꼭 줄앞에다가
<br><br> 19분중 19분 전원 생존하셨습니다.
<br><br> 드디어 2011년 첫번째 연참대전이 종료했습니다. 다들 수고가 많으셨습니다.
이런식으로 넣어주셔야 줄바꿈이 됩니다.
그럼 이번 연참대전 다들 수고해주시고 끝까지 건필부탁드립니다.
Comment ' 9