안녕하세요 궁금해서 글남깁니다.
본문
그 지금 최근게시물 댓글 표시를 이름 왼쪽에 붙여서 나오게 하고 싶은데
지금 최근게시물 제목 옆에 붙여서 나오는데 오른쪽에 보면 댓글 이름 이렇게 뜨게 오른쪽에 붙여서 나오게
할순 없을까요?
그리고 최근게시물 이름과 최근게시물 제목 글자 크기는 어떻게 조절 할수 있나요?ㅠㅠ
소스는 이렇습니다
latest.skin.php
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
?>
<div class="lat">
<ul>
<?php for ($i=0; $i<count($list); $i++) { ?>
<li>
<?php
if ($list[$i]['icon_secret']) echo "<i class=\"fa fa-lock\" aria-hidden=\"true\"></i><span class=\"sound_only\">비밀글</span> ";
if ($list[$i]['icon_new']) echo "<span class=\"new_icon\">N<span class=\"sound_only\">새글</span></span>";
if ($list[$i]['icon_hot']) echo "<span class=\"hot_icon\">H<span class=\"sound_only\">인기글</span></span>";
echo "<a href=\"".$list[$i]['href']."\"> ";
echo $list[$i]['subject'];
echo "</a>";
if ($list[$i]['comment_cnt']) echo "<span class=\"lt_cmt\">댓글:".$list[$i]['comment_cnt']."</span>";
?>
<span class="lt_date"><?php echo $list[$i]['name'] ?></span>
</li>
<?php } ?>
<?php if (count($list) == 0) { //게시물이 없을 때 ?>
<li class="empty_li">게시물이 없습니다.</li>
<?php } ?>
<ul>
<a href="<?php echo G5_BBS_URL ?>/new.php?gr_id=<?php echo $gr_id ?>" class="lt_more"><span class="sound_only"><?php echo $gr_subject; ?></span><i class="fa fa-plus" aria-hidden="true"></i><span class="sound_only"> 더보기</span></a>
</div>
style.css 소스
@charset "utf-8";
/* 새글 스킨 (latest) */
#e2e2e2;color:#253dbe;background:#fcfcfc}
.lat .lat_title a{color:#253dbe;display:inline-block;position:relative}
.lat .lat_title a:after{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#253dbe;content:''}
.lat li {position:relative;line-height:18px;padding:1px 0;padding-right:50px;padding-left:10px;position:relative}
/* .lat li:before{position: absolute;top: 12px;left: 0px;width: 4px;height: 4px;background: #aaa;content: '';border-radius: 50%;} */
.lat li a:hover{color:#a22121}
.lat li .fa-heart{color:#ff0000;}
.lat li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
/*.lat li .new_icon{display:inline-block;width: 16px;line-height:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;} */
.lat li .new_icon{
display:inline-block;
width: 10px;
/*line-height:16px;
font-size:0.833em;
color:#ffff00;
background:#6db142;
text-align:center;
border-radius: 2px;*/
height:11px;
font-size: 0;
background-image: url(img/icon_new.gif);
vertical-align: middle;
}
.lat li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;}
.lat li .fa-caret-right{color:#bbb}
.lat .lt_date{position:absolute;top:3px;right:0;color:#000}
.lat .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;}
.lat .empty_li:before{background:none;padding:0}
.lat .lt_cmt{color:#7E561C; font-size:12px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;
-webkit-box-shadow: inset 0 2px 5px rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 2px 5px rgba(255,255,255,0.4);
box-shadow: inset 0 2px 5px rgba(255,255,255,0.4);}
.lat .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:25px;color:#aaa;border-radius:3px;text-align:center;}
.lat .lt_more:hover{color:#777}
답변 1
.lat .lt_date{position:absolute;top:3px;right:0;color:#000} 를 참조해서
.lat .lt_cmt{position:absolute;top:3px;right:80px;color:#7E561C;~~} 이렇게 추가 right 의 숫자로 위치조절
제목 글자크기는 아래 추가
.lat li a {font-size:14px;}
이름은 아래 추가
.lat .lt_date {position:absolute;top:3px;right:0;color:#000;font-size:14px;}
답변을 작성하시기 전에 로그인 해주세요.
