웹마스터 팁
Content 위젯 목록 가로로 정렬 하기 편법
2010.04.01 07:11
(list) 출력만 적용 합니다..테이블은 않봐서 몰겠음다..
위젯이 다음과 같이 세로로 정렬 되는데요..
타이틀이름 : 분류 : 제목 : 기타출옵션...
타이틀이름 : 분류 : 제목 : 기타출옵션...
타이틀이름 : 분류 : 제목 : 기타출옵션...
타이틀이름 : 분류 : 제목 : 기타출옵션... : 타이틀이름 : 분류 : 제목 : 기타출옵션... : 타이틀이름 : 분류 : 제목 : 기타출옵션...
nomal.html 에서 목록 출력 부분인 다음 코드를
<a href="{$item->getLink()}" class="title">{$item->getTitle($widget_info->subject_cut_size)}</a>
아래와같이 span 을 추가해 주시구요...( 제목 색상을 css 에서 지정해 하기 편하게 하기 위해서..
<span class="title"><a href="{$item->getLink()}" class="title">{$item->getTitle($widget_info->subject_cut_size)}</a></span>
widget.css 에서 해당 출력 부분인 다음 코드를
ul.widgetA { margin:0; padding:0; list-style:none; }
ul.widgetA li { margin:0; padding:0; list-style:none; }
아래와같이 추가 수정 주시세요..
ul.widgetA li { margin:0; list-style:none; width:150px; float:left; padding:0 0 5px 0;}
ul.widgetA li .title { color:#666666;}
가로폭 수정은 width:150px 값을고쳐주삼..
그럼 다음과 같이 될겁니다..
페이지 보기수를 늘리려면
info.xml
에서 페이지 보기 셀렉 항목을 추가하심 되죵...