웹표준 준수, div/ul/li 로만 구현한 최근게시물 정보
최근게시물 웹표준 준수, div/ul/li 로만 구현한 최근게시물관련링크
http://www.namusae.org/ko/
355회 연결
첨부파일
본문
앞으로 그누보드를 웹표준에 맞춰 만들수 있도록, 스킨을 항상 되도록 테이블을 쓰지 않고 웹 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 도 합쳐서 원하시는 길이에 맞게 되도록 조정하셔야 합니다.
마지막으로, 룰오버시에 간략한 내용이 팁으로 나타나게 했습니다~
사진에서 위는 웹에서 보았을때에 출력되는 모습이고,
아래는 웹이 아닌곳에서 (구형 핸드폰이나 PDA 브라우저) 텍스트로만 출력했을때 출력된는 모습입니다.
앞으로 더 많은 웹표준 스킨들로 찾아뵐께요~
아차, 그누보드 skin/latest/ 디렉토리에 업로드 해주시고, 출력 방식은 원하시는 곳에
<?=latest("namusae_latest", 불러올 게시판명, 불러올 목록갯수, 제목길이);?>
로 하시면 됩니다.
예를 들어
<?=latest("namusae_latest", testboard_01, 4, 37);?>
하시면 링크1에서 보시는 처음 스킨과 같은 모습입니다. 제목길이는 37이 가장 적합하더군요.
더 넓게 만들고 싶으시면 latest.skin.php 에서 div 의 길이를 250px 에서 원하시는 길이로 조정하시면 됩니다. 하위 div들의 200px 과 50px 도 합쳐서 원하시는 길이에 맞게 되도록 조정하셔야 합니다.
마지막으로, 룰오버시에 간략한 내용이 팁으로 나타나게 했습니다~
추천
4
4
댓글 전체
친절한 설명도
깔끔한 디자인도
감사합니다.
깔끔한 디자인도
감사합니다.
캄사합니다 ㅣ(_,._)ㅣ
감사합니다&^^
:) ㄳ합니다.
깔끔합니다.
감사합니다.
좋은하루
감사합니다.
좋은하루
좋은하루 되세요~
굿입니당~!
정말 감사드립니다. 웹표준 준수, div/ul/li 쉽게 공부할수있었습니다.
Q
깔끔하니 좋습니다.. 고생하셨습니다.