웹표준(?)인지는 모르겠지만 ol, ul, li, h4를 사용한 최근게시물입니다. 정보
최근게시물 웹표준(?)인지는 모르겠지만 ol, ul, li, h4를 사용한 최근게시물입니다.첨부파일
본문
하이웹솔루션 님 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끝-->
--------------------------------------------------------------------------------------------------------------------
앵무나라님 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끝-->
--------------------------------------------------------------------------------------------------------------------
추천
5
5
댓글 전체
웹표준에 오신것을 환영합니다 *0*~
감사합니다~^^
웹표준 잘 쓸께요 ^0 ^
웹표준에 맞는지는 확실하지 못해요~~;; 아직 실력이..ㅠ 암튼 감사해용~ㅎ
부릉부릉~! 행님 좀 더 좋은거 올려주이소.ㅋㅋ
ㅋㅋㅋ바쁘다~ㅎ 사실 능력이~~;;;
이쁘네요~