테스트 사이트 - 개발 중인 베타 버전입니다

[왕초보]실시간 최신글 적용중에서 막히네요. 질문좀할께요

· 13년 전 · 1564 · 5
Untitled-1.jpg
http://www.sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=115188&sca=&sfl=wr_subject%7C%7Cwr_content&stx=%EC%8B%A4%EC%8B%9C%EA%B0%84&sop=and&page=2

이스킨을 다운받아서 사용중입니다.

문제는 최신글이 2줄만나오는데 5줄정도 보여지게하고싶거든요 어디서 수정을해야되나여?

<? echo latest("sztime_autotab",table1, 5, 30); ?> 일케하니깐 최신글 5개가 2줄로 번갈아가며나옵니다. 그리고 30이란게 글자수인데 16개 글자만 나오고 나머진 ...으로 출력되네여 글자수 조절은 어디서하나여?최신게시물에서 조절을하는것 같은데 잘모르겠습니다.

스킨자체가 2줄만 나오게 되있더라구요

latest.skin.php 소스에영


<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<style>

a { color: #141478; text-decoration: none; }
a:hover { color: #0099ff; }

#page {
width: 100%;
margin: 0 auto;
background-color: #FFF;
margin-bottom: 50px;
}

.highlight {
font-size: 50px;
color: #0099ff;
}

.bar {
background-color: #111;
color: #f0f0f0;
box-shadow: 0px 0px 2px #333;
line-height: 25px;
padding: 0px 20px;
}
.bar a {
color: #DDD;
}
.bar a:hover {
color: #FFFFFF;
}

.ticker {
width: 100%;
height: 40px;
overflow: hidden;
border: 1px solid #DDD;
margin: 0;
padding: 0;
list-style: none;
border-radius: 5px;
box-shadow: 0px 0px 5px #DDD;
}

#ticker_02 {
height: 120px;
}

.ticker li {
height: 30px;
border-bottom: 1px dotted #DDD;
padding: 5px;
margin: 0px 5px;
}
.subject {
height: 30px;
font-family:dotum;
font-size:12px;
color:#333;
font-weight:bold;
}

</style>


<div id="page">

<div class="subject"><a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bo_table?>'><?=$board[bo_subject]?></a></div>

<ul id="ticker_02" class="ticker">
<? for ($i=0; $i<count($list); $i++) { ?>
<li><?
echo $list[$i]['icon_reply'] . " ";
echo "<a href='{$list[$i]['href']}'>";
if ($list[$i]['is_notice'])
echo "<font style='font-family:돋움; font-size:9pt; color:#2C88B9;'><strong>{$list[$i]['subject']}</strong></font>";
else
echo "<font style='font-family:돋움; font-size:9pt; color:#6A6A6A;'>{$list[$i]['subject']}</font>";
echo "</a>";

if ($list[$i]['comment_cnt'])
echo " <a href=\"{$list[$i]['comment_href']}\"><span style='font-family:돋움; font-size:8pt; color:#9A9A9A;'>{$list[$i]['comment_cnt']}</span></a>";

// if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
// if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }

echo " " . $list[$i]['icon_new'];
echo " " . $list[$i]['icon_file'];
echo " " . $list[$i]['icon_link'];
echo " " . $list[$i]['icon_hot'];
echo " " . $list[$i]['icon_secret'];
?></li>
<? } ?>
</ul>

</div>


<script>

function tick(){
$('#ticker_01 li:first').slideUp( function () { $(this).appendTo($('#ticker_01')).slideDown(); });
}
setInterval(function(){ tick () }, 5000);


function tick2(){
$('#ticker_02 li:first').slideUp( function () { $(this).appendTo($('#ticker_02')).slideDown(); });
}
setInterval(function(){ tick2 () }, 3000);


function tick3(){
$('#ticker_03 li:first').animate({'opacity':0}, 200, function () { $(this).appendTo($('#ticker_03')).css('opacity', 1); });
}
setInterval(function(){ tick3 () }, 4000);



</script>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 5개

소스에는 , 2개만 나오도록 처리된 부분은 없는거 같은데요..

<? echo latest("sztime_autotab",table1, 5, 30); ?>

이렇게 했으면 5개가 나와야하는게 맞는거같은데...

30 글자 출력 갯수를 줄여서 텟 해보세여.
13년 전
댓글 감사합니다 5개는 나오는데 그게 2줄로 표시되서 나오거든요 ..이걸 5줄 혹은 제임의대로 바꿔야 하거든요 ㅎㅎ
2줄로 표시되서 나온다는게 제목인가요 ??
.ticker li 의 높이값 지금 소스대로면 41px 이네요 (height값 30px, padding값 위 아래 합계:10px, border값 1px)
5줄이 되려면 205px의 높이가 있어야 됩니다.

#ticker_02 {
height: 120px;
}


#ticker_02 {
height: 205px;
}
로 바꿔보세요

그리고
.ticker {
width: 100%;
height: 40px;
overflow: hidden;
border: 1px solid #DDD;
...
이걸
.ticker {
width: 100%;
height: 41px;
overflow: hidden;
border:0px solid #DDD;
...
으로 수정 보더값이 .ticker li 랑 중복인듯하네요


그리고 .subject 는 필요없는 스타일 같네요.
13년 전
새벽비님 감사합니다.

#ticker_02 {
height: 205px;
}

바꾸니깐 잘되네요 정말 감사합니다.

게시글 목록

번호 제목
284348
284336
284333
284332
284320
284318
284316
284313
284307
284306
284303
284298
284296
284290
284286
284280
284277
284272
284261
284259