웹표준 준수, div/ul/li 로만 구현한 최근게시물

· 2008-06-04 (수) 01:25:47 · 5219 · 10
namusae_latest.GIF
앞으로 그누보드를 웹표준에 맞춰 만들수 있도록, 스킨을 항상 되도록 테이블을 쓰지 않고 웹 Strict 1.0 규정에 준수해 div, ul, li 의 조합으로 짜고 있습니다. 스킨 자체도 더 깔끔해질뿐만 아니라 정말 가볍고, 호환성이 좋아집니다.

사진에서 위는 웹에서 보았을때에 출력되는 모습이고,

아래는 웹이 아닌곳에서 (구형 핸드폰이나 PDA 브라우저) 텍스트로만 출력했을때 출력된는 모습입니다.

앞으로 더 많은 웹표준 스킨들로 찾아뵐께요~

아차, 그누보드 skin/latest/ 디렉토리에 업로드 해주시고, 출력 방식은 원하시는 곳에

<?=latest("namusae_latest", 불러올 게시판명, 불러올 목록갯수, 제목길이);?>
로 하시면 됩니다.

예를 들어

<?=latest("namusae_latest", testboard_01, 4, 37);?>

하시면 링크1에서 보시는 처음 스킨과 같은 모습입니다. 제목길이는 37이 가장 적합하더군요.
더 넓게 만들고 싶으시면 latest.skin.php 에서 div 의 길이를 250px 에서 원하시는 길이로 조정하시면 됩니다. 하위 div들의 200px 과 50px 도 합쳐서 원하시는 길이에 맞게 되도록 조정하셔야 합니다.

마지막으로, 룰오버시에 간략한 내용이 팁으로 나타나게 했습니다~

첨부파일

namusae_latest.GIF (8 KB)
0회 2008-06-04 01:25
namusae_latest_utf.zip (13.9 KB) 136회 2008-06-04 01:25
|

댓글 10개

2008-06-04 (수) 04:12:34
친절한 설명도
깔끔한 디자인도
감사합니다.
2008-06-04 (수) 09:47:59
캄사합니다 ㅣ(_,._)ㅣ
감사합니다&^^
2008-06-04 (수) 09:48:24
:) ㄳ합니다.
2008-06-04 (수) 08:43:07
깔끔합니다.

감사합니다.

좋은하루
2008-06-04 (수) 09:48:11
좋은하루 되세요~
2008-06-04 (수) 12:29:03
굿입니당~!
2008-06-04 (수) 14:18:11
정말 감사드립니다. 웹표준 준수, div/ul/li 쉽게 공부할수있었습니다.
2009-10-07 (수) 00:26:17
Q
깔끔하니 좋습니다.. 고생하셨습니다.
댓글을 작성하시려면 로그인이 필요합니다.

그누4 스킨

5,847건

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

+
분류 제목 글쓴이 날짜 조회
갤러리 08-06-04 조회 1.9만
최근게시물 08-06-04 조회 5,220
게시판 08-06-03 조회 6,672
최신글 08-06-03 조회 9,840
기타 08-06-03 조회 4,566
게시판 08-06-03 조회 5,017
게시판 08-06-03 조회 4,430
게시판 08-06-03 조회 8,539
갤러리 08-06-02 조회 1.1만