CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

홈페이지 제작팁

이온디 탭방식 최근게시물 ver. 1.0

조회 수 1 추천 0 2010.05.02 20:24:02
이온디 *.181.14.53

이온디 탭방식 최근게시물 스킨입니다.

기존 웹미니 탭방식 최근게시물 스킨을 수정하였습니다.


2010-05-02 20시 17분 10초.gif


변경한 내역은 다음과 같습니다.

  • 최근게시물 리스트에 코멘트 출력 부분 추가하였습니다.
  • 날짜 출력 방식을 월/일 형식으로 변경하였습니다.
  • 이름 출력 위치를 제목 앞으로 이동하였습니다.
  • 마우스를 제목 위에 갖다데었을 때 밑줄 대신 색을 바꾸는 식으로 변경하였습니다.
  • 그 외, 이름과 제목 그리고 코멘트 부분의 색깔을 변경하였습니다.

변경한 소스는 아래와 같습니다.


2010.5.2
widget/webmini_1.0
normal.css

21 라인
.tabWidget .tabContent .titleBox .regdate { font-family:verdana; font-size:.85em; color:#AAAAAA;}
verdana로 변경함

23 line
.tabWidget .tabContent .titleBox li .comment_cnt { font-family:verdana; font-weight:bold; font-size:10px; color:#F48A23;}
.tabWidget .tabContent .titleBox li .comment_cnt a {color:#F48A23;}
.tabWidget .tabContent .titleBox li .comment_cnt a:hover {color:#F48A23;}
추가함

25 line
.tabWidget .tabContent .titleBox li a:hover { text-decoration:none;color:#9399A1;}


list.html
37 line
<span class="regdate">[{$v->getRegdate("m/d")}]</span>
:를 /로 변경함

41 line
 <span class="comment_cnt">[{$v->getCommentCount()}]</span>
 추가함

 39 line
                     <!--@if($widget_info->display_author == 'Y')-->
                    <span class="author">({$v->getNickName()})</span>
                    <!--@end-->
글쓴이 위치 목록 맨 앞으로 변경함