1. 링크에 밑줄은 css 를 수정하셔야 하구요 a:hover 부분이 있을겁니다.
3. 작성자는 값을 substr 로 잘라서 뒷부분을 ** 로 처리 해주시면 됩니다.

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

// 스크립트 중복 변수를 막기위환 변수
$ele_head_name = "N".rand(1,999999);
?>
<style type="text/css">
.scTextRow {position:relative; width:350px; border:1px solid #ddd; *zoom:1:}
.scTextRow * {padding:0; margin:0;}
.scTextRow h2 {height:33px; padding-left:15px; line-height:33px; color:#fff; font-size:12px; background:#444;}
.scTextRow h2 a {color:#fff;}
.scTextRow h2 a:visited,
.scTextRow h2 a:visited * {color:#fff;}
.scTextRow h2 a.visited,
.scTextRow h2 a.visited:visited {color:#fff;}
.scTextRow h2 a:hover,
.scTextRow h2 a:hover *,
.scTextRow h2 a.visited:hover {color:#fff;}
.scTextRow .btnUp,
.scTextRow .btnDown {
position:absolute;
width:100%;
text-align:center;
left: -1px;
}
.scTextRow .btnUp {top:38px;}
.scTextRow .btnDown {bottom:5px;}
.scTextRow ul {margin:20px 15px; *margin:20px 0px;}
.scTextRow ul li {position:relative; list-style:none;margin:0px;}
.scTextRow ul li .temp_class_1, .scTextRow ul li .temp_class_2, .scTextRow ul li .temp_class_3 {position:absolute; top:0; right:0;}
.scTextRow ul li .temp_class_1 {color:red;}
.scTextRow ul li .temp_class_2 {color:blue;}
.scTextRow ul li .temp_class_3 {color:gray;}
.scTextRow ul li a {padding-left:7px; background:url(<?=$latest_skin_path?>/img/bu_list.gif) no-repeat left center;}
.scTextRow ul li a:hover {text-decoration:none;}
</style>

<div class="scTextRow">
<h2><?=$board[bo_subject]?></a> l RealTime Joiner List</h2>
  <a href="javascript:;" class="btnUp" id="<?=$ele_head_name;?>_up"><img src="<?=$latest_skin_path?>/img/btn_up.gif" alt="업"></a>
  <ul id="<?=$ele_head_name;?>_latest_rolling">

</ul>
<a href="javascript:;" class="btnDown" id="<?=$ele_head_name;?>_down"><img src="<?=$latest_skin_path?>/img/btn_down.gif" alt="다운"></a>
</div>
<script>
jQuery(document).ready(function($){

var <?=$ele_head_name;?>_rollingDiv = $("#<?=$ele_head_name;?>_latest_rolling");
//방향, 가로사이즈,세로사이즈,보여줄개수
<?=$ele_head_name;?>_rollingDiv.rolling("up", 350, 20, 10);
<?=$ele_head_name;?>_rollingDiv.bind("mouseover", function() {
$("#<?=$ele_head_name;?>_latest_rolling").stopRolling();
});
<?=$ele_head_name;?>_rollingDiv.bind("mouseout", function() {
$("#<?=$ele_head_name;?>_latest_rolling").resumeRolling();
});

<?
$temp_class["발송완료"] = 1;
$temp_class["개통접수"] = 2;
$temp_class["신청대기"] = 3;
for ($i=0; $i<count($list); $i++) {
$name = substr($list[$i]['wr_name'], 0, 6)."*";
$temp_class_num = $temp_class["{$list[$i]['wr_10']}"];
echo "{$ele_head_name}_rollingDiv.addRollingItem(\"<li><a href='{$list[$i]['href']}'> {$list[$i]['datetime2']} &nbsp;&nbsp; {$name} &nbsp;&nbsp; {$list[$i]['ca_name']}  <?=cut_str($list[$i]['subject'],35)?> <span class='temp_class_{$temp_class_num}'>{$list[$i]['wr_10']}</span></a></li>\");";
?>

<? } ?>

//Rolling Animation Time,Viewing Time,Rolling Animation Frame
<?=$ele_head_name;?>_rollingDiv.startRolling(10, 1000, 100);

$('#<?=$ele_head_name;?>_up').bind("click", function() {
if (<?=$ele_head_name;?>_rollingDiv.getRollingDirection() == "down") {
<?=$ele_head_name;?>_rollingDiv.reverseRolling();
}
});

$('#<?=$ele_head_name;?>_down').bind("click", function() {
if (<?=$ele_head_name;?>_rollingDiv.getRollingDirection() == "up") {
<?=$ele_head_name;?>_rollingDiv.reverseRolling();
}
});


});

</script>


이정도로 하면 되려나요.

우선 css에 a:hover{text-decoration:underline}
그리고 발송부분만 따로 css적용해서 right정렬..
별표보여지는건 <?=substr($발송변수,0,2)."*"?>
이럼 끝날거같은데..