뽁

웹표준(?)인지는 모르겠지만 ol, ul, li, h4를 사용한 최근게시물입니다.

css적용시

css적용시

css미적용시

css미적용시

하이웹솔루션 님 http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=76631&page=2
앵무나라님 http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=77064
두분께서 제작한 스킨과 별반 차이는 없습니다.


졸업한 학과 홈페이지 제작하면서 기존스킨을 뜯어고쳤던 거구요~ㅎ
웹표준에 맞는건지는 모르겠지만.. 소스는 간략하게 되어 있습니다.
가로 크기는 100%로 되어 있어서 출력되는부분의 크기에 맞추시기 편하실겁니다.


* 필수!! 스타일 적용하시기 위해서 style.css 파일에

body, div, table, td, ul, ol, li, h4, h5{margin:0; padding:0; font-size:12px;}

/* 최근게시물 qhrtms_latest를 위한 스타일 */
.q_latest{width:100%;} /* 전체 크기 조절 */
.q_latest_ol{list-style:none;}
.q_latest_ol h4{padding-left:5px; border-bottom:2px solid #696969;}
.q_latest_ol ul{list-style:none;}
.q_latest_ol li{margin-top:5px; width:98%;}
.comment{font-family:굴림; font-size:8pt; color:#FF6633;}
.q_latest_line{clear:both; height:1px; border-bottom:1px dotted #dedede; font-size:1px;}
/* 최근게시물 qhrtms_latest를 위한 스타일 끝 */


위의 부분을 넣어주시고
첨부된 스킨을 skin/latest 폴더에 넣어주시기 바랍니다.
적용방법은 기존방식과 동일합니다.

latest.skin.php파일 안에 대략적인 형태는 아래와 같습니다.
--------------------------------------------------------------------------------------------------------------------
<div>
<ol>
<li>
<h4>해당 타이틀</h4>
</li>
<ul>
<? for 문 시작 ?>
<li>
<div style="float:left;">최근게시물 제목 출력</div>
<div style="float:right;">최근게시물 날짜 출력</div>
<div class="q_latest_line"></div> <!-- float해제와 라인을 위한 div -->
</li>
<? } ?>
</ul>
</ol>

<? if (count($list) == 0) { ?>
<div>
게시물이 없사옵니다.
</div>
<? } ?>

</div> <!-- 최근게시물 전체 div끝-->
--------------------------------------------------------------------------------------------------------------------

첨부파일

qhrtm_01.jpg (19.3 KB)
0회 2008-06-06 12:28
qhrtm_02.jpg (27.6 KB)
0회 2008-06-06 12:28
basic.zip (6.8 KB) 262회 2008-06-06 12:28
|

댓글 7개

웹표준에 오신것을 환영합니다 *0*~
웹표준 잘 쓸께요 ^0 ^
웹표준에 맞는지는 확실하지 못해요~~;; 아직 실력이..ㅠ 암튼 감사해용~ㅎ
부릉부릉~! 행님 좀 더 좋은거 올려주이소.ㅋㅋ
ㅋㅋㅋ바쁘다~ㅎ 사실 능력이~~;;;
댓글을 작성하시려면 로그인이 필요합니다.

그누4 스킨

5,847건

스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다. 스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y 그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.

+
분류 제목 글쓴이 날짜 조회
최신글 08-06-08 조회 7,646
기타 08-06-07 조회 6,298
기타 08-06-06 조회 9,569
최근게시물 08-06-06 조회 4,605
기타 08-06-05 조회 5,507
최근게시물
[최근게시물]
08-06-04 조회 4,913
최신글 08-06-04 조회 1.3만
갤러리 08-06-04 조회 5,912
게시판 08-06-04 조회 2,608