자료실
MH 슬라이딩 배너 0....
MH 위젯스타일
prettyphoto - 본문내...
SCM 플레이어 사용법
XE 1.4.4.2버전 이후에...
네비게이션 위젯
IE 버젼별로 css 따로...
문서보기 유저 지정
문하우스 게시판스킨 V...
내용글 출력시 주소창에...
1. /zbxe/widgets/newest_document/skins/news_ticker/list.html를 편집기로 열어서
<ul>
<!--@foreach($widget_info->document_list as $oDocument)-->
<li>
<!--@if($widget_info->display_regdate == 'Y')-->
<span class="date">{$oDocument->getRegdate("m-d")}</span>
<!--@end-->
<span class="title">
<a href="{$oDocument->getPermanentUrl()}#{$oDocument->getCommentCount()}">{$oDocument->getTitle($widget_info->subject_cut_size)}</a>
<!--@if($oDocument->getCommentCount())-->
<span class="comment">[<a href="{$oDocument->getPermanentUrl()}#comment"><strong>{$oDocument->getCommentCount()}</strong></a>]</span>
<!--@end-->
{$oDocument->printExtraImages($widget_info->duration_new)}
</span>
<!--@if($widget_info->display_author == 'Y')-->
<span class="author">by {$oDocument->getNickName()}</span>
<!--@end-->
<span class="sum"> <font color="#ff6600">/</font> {$oDocument->getSummary()}</span>
</li>
<!--@end-->
</ul>
</div>
<span class="sum"> <font color="#ff6600">/</font> {$oDocument->getSummary()}</span>는 본문의 내용이 나옵니다.
<!--@if($widget_info->display_regdate == 'Y')--> 녹색부분들이 선택유무 지정 소스입니다.
2. /zbxe/widgets/newest_document/skins/news_ticker/css 안에 해당 컬러의 css를 편집기로 여시면(예; black.css)
[변경전]
.news_ticker_black table { width:100%; height:25px; margin:0; padding:0; table-layout:fixed; border-left:1px solid #000000; border-right:1px solid #000000; }
.news_ticker_black table td { white-space:nowrap; overflow:hidden; height:25px; vertical-align:top; padding:0 6px 0 6px;}
.news_ticker_black .tickerBox { height:25px; padding-top:6px; white-space:nowrap; overflow:hidden; }
[변경후]
.news_ticker_black table { width:100%; height:25px; margin:0; padding:0; table-layout:fixed; border-left:1px solid #000000; border-right:1px solid #000000; }
.news_ticker_black table td { white-space:nowrap; overflow:hidden; height:25px; vertical-align:top; padding:0 6px 0 6px;}
.news_ticker_black .tickerBox { height:125px; padding-top:6px; white-space:nowrap; overflow:hidden; }
.news_ticker_black ul li .author { color:#FFFF00; font:.8em seevaa9;}
.news_ticker_black ul li .sum { color:#C0C0C0; font:.9em Tahoma; white-space:nowrap;}
참고로 height:25px가 한줄의 높이입니다. 5줄이라 125px했으니 줄수에 맞추어서 높이 정하시면 됩니다.
그리고 repeat-x를 repeat으로 변경하면 배경이미지가 줄마다 나옵니다.(이게 글이 스크롤되니 보기가 어렵습니다.)
만약 위에 한칸만 나오게 할려면 repeat-x를 그대로 두시고 background:#FFFFFF를 검정색으로 바꿔주시면 됩니다. background:#000000
그것도 아니고 전부를 이미지가 안 나오게 할려면 스킨을 내용만출력으로 선택하시면 됩니다.
.news_ticker_black ul li .author { color:#FFFF00; font:.8em seevaa9;}
이부분이 닉네임의 글꼴,칼라,크기등을 지정합니다.(seevaa9는 웹폰트입니다)
.news_ticker_black ul li .sum { color:#C0C0C0; font:.9em Tahoma; white-space:nowrap;}
이 부분이 본문내용의 글꼴,칼라,크기등을 지정합니다.
적용된 것 보기
[문제점]
한페이지에 2개의 전광판은 스크롤이 되지를 않는군요.
숙지황
저역시 팔공산님 덕분으로 해결하여 멋지게 사용 하고 있읍니다.
소스 분석 은 팔공산님 이 해노으신거 참고 하시고
미리보기는 아래 사이트 참고 하세요.
http://runtop.suelife.net/ABC
위로 스크롤 되는것이 팔공산님이 소스해석해준대로 한것 입니다.
![[레벨:30]](http://moonhouse.co.kr/xe/modules/point/icons/default/30.gif "포인트:265896point, 레벨:30/30"){kind=icon}
숙지황님이 답을 해 주셨네. 감사합니다.
원래 아래에 있던 이미지가 이미지가 아니라 위젯을 적용해 놓아서 5줄이 보였는데,
상단에 최신글전광판 만든다고 한줄로 바꾸었더니 여기도 바뀌어 있네요.
다시 이미지로 올려 놓았습니다.
저거는 가로 면적을 너무 많이 잡아 먹고 5개의 게시물이 있네요
정사각형안에 하나 의 제목하고 그에따른 하나의 내용이 들어가서 계속 바뀌게 할수는 없나요?
그리고 내용 나오는 부분도 글자수 조절을 해야 되니 위젯 자체를 변형해야 합니다.
시간 나면 한번 도전해 보겠습니다.
그리고 님이 말씀 하신 비슷한 것은 이미 만들어져 있습니다. 근데 이미지가 출력됩니다.
http://moonhouse.co.kr/zbxe/110230 여기에 있는 위젯이 그것인데요.
작동되는 것은 Free Stage에 샘플 만들어 두었습니다.
| 번호 | 제목 | 날짜 | 조회 수 |
|---|---|---|---|
49.
위젯
Div라운드 적용된 MH카멜레온최근댓글(4월13일수정) |
|||
48.
Tip
DIV라운드 박스를 스킨에 적용하는 방법 |
|||
|
|||
|
|||
45.
위젯
MH최신글멀티위젯 V1.3(4월5일수정) |
|||
|
|||
»
Tip
전광판위젯 변형해 보기 |
|||
6
