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

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

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

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

본문

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>
  • 복사

댓글 전체

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

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

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

30 글자 출력 갯수를 줄여서 텟 해보세여.
.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 는 필요없는 스타일 같네요.
© SIRSOFT
현재 페이지 제일 처음으로