최근게시물~ 브라우저 텍스트크기 설정에 영향안받는방법..(ex 그누보드사이트) 알려주세요
참고로 제가 지금 쓰고있는 최근게시물 스킨 소스입니다
많은 도움 부탁드립니다
<?
if (!defined("_GNUBOARD_")) exit; // °³º° ÆäÀÌÁö Á¢±Ù ºÒ°¡
?>
<table width="273" cellpadding="0" cellspacing="0" border="0">
if (!defined("_GNUBOARD_")) exit; // °³º° ÆäÀÌÁö Á¢±Ù ºÒ°¡
?>
<table width="273" cellpadding="0" cellspacing="0" border="0">
<!-- ÃÖ½Å±Û Á¦¸ñ -->
<tr><td width="273">
<tr><td width="273">
<!-- <table width="100%" height="28" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="7"><img src="<?=$latest_skin_path?>/img/noti_box_left.gif" width="7" height="28"></td>
<td><table width="100%" height="28" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="1" bgcolor="cccccc"> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="<?=$latest_skin_path?>/img/bullet00.gif" width="12" height="12" align="absmiddle">
<strong><a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bo_table?>'><?=$board[bo_subject]?></a></strong></td>
<td align="right"><a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bo_table?>'><img src="<?=$latest_skin_path?>/img/noti_box_bt.gif" width="49" height="14" border="0"></a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="1" bgcolor="cccccc"> </td>
</tr>
</table></td>
<td width="7"><img src="<?=$latest_skin_path?>/img/noti_box_right.gif" width="7" height="28"></td>
</tr>
</table> -->
</td>
</tr>
<tr>
<td width="7"><img src="<?=$latest_skin_path?>/img/noti_box_left.gif" width="7" height="28"></td>
<td><table width="100%" height="28" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="1" bgcolor="cccccc"> </td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="<?=$latest_skin_path?>/img/bullet00.gif" width="12" height="12" align="absmiddle">
<strong><a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bo_table?>'><?=$board[bo_subject]?></a></strong></td>
<td align="right"><a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bo_table?>'><img src="<?=$latest_skin_path?>/img/noti_box_bt.gif" width="49" height="14" border="0"></a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="1" bgcolor="cccccc"> </td>
</tr>
</table></td>
<td width="7"><img src="<?=$latest_skin_path?>/img/noti_box_right.gif" width="7" height="28"></td>
</tr>
</table> -->
</td>
</tr>
<!-- ÃÖ½Å±Û ¸ñ·Ï -->
<? for ($i=0; $i<count($list); $i++) { ?>
<tr>
<td colspan=1 align=left>
<table width=100% border="0" cellpadding="0" cellspacing="0">
<tr>
<td height=15><img src='<?=$latest_skin_path?>/img/latest_icon.png' align=absmiddle>
<?
<? for ($i=0; $i<count($list); $i++) { ?>
<tr>
<td colspan=1 align=left>
<table width=100% border="0" cellpadding="0" cellspacing="0">
<tr>
<td height=15><img src='<?=$latest_skin_path?>/img/latest_icon.png' align=absmiddle>
<?
//³¯Â¥Ç¥½Ã
$date1 = substr($list[$i][datetime],0,10); //³¯Â¥Ç¥½ÃÇü½Äº¯°æ
$date = explode("-", $date1);
$year = $date[0];
$month = $date[1];
$day = $date[2];
$latest_date = $month."/".$day."";
$date1 = substr($list[$i][datetime],0,10); //³¯Â¥Ç¥½ÃÇü½Äº¯°æ
$date = explode("-", $date1);
$year = $date[0];
$month = $date[1];
$day = $date[2];
$latest_date = $month."/".$day."";
echo $list[$i]['icon_reply'] . " ";
echo "<a href='{$list[$i]['href']}'>";
if ($list[$i]['is_notice'])
echo "<font style='font-family:µ¸¿ò; font-size:9pt; LINE-HEIGHT: 1pt; color:#ffffff;'><strong>{$list[$i]['subject']} [{$latest_date}]</strong></font>";
else
echo "<font style='font-family:µ¸¿ò; font-size:9pt; LINE-HEIGHT: 1pt; color:#ffffff;'>{$list[$i]['subject']} [{$latest_date}]</font>";
echo "</a>";
echo "<a href='{$list[$i]['href']}'>";
if ($list[$i]['is_notice'])
echo "<font style='font-family:µ¸¿ò; font-size:9pt; LINE-HEIGHT: 1pt; color:#ffffff;'><strong>{$list[$i]['subject']} [{$latest_date}]</strong></font>";
else
echo "<font style='font-family:µ¸¿ò; font-size:9pt; LINE-HEIGHT: 1pt; color:#ffffff;'>{$list[$i]['subject']} [{$latest_date}]</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>";
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']}>"; }
// 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'];
?></td>
</tr>
<!-- <tr><td></td></tr> -->
</table></td>
</tr>
<? } ?>
echo " " . $list[$i]['icon_file'];
echo " " . $list[$i]['icon_link'];
echo " " . $list[$i]['icon_hot'];
echo " " . $list[$i]['icon_secret'];
?></td>
</tr>
<!-- <tr><td></td></tr> -->
</table></td>
</tr>
<? } ?>
<? if (count($list) == 0) { ?><tr><td colspan=1 align=center height=1> </td>
</tr><? } ?>
</tr><? } ?>
</table>
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 17개
이 부분을 찾아서(3군데) 아래부분에
echo "<font style='font-family:µ¸¿ò; font-size:9pt; LINE-HEIGHT: 1pt; color:#ffffff;'><strong>{$list[$i]['subject']} [{$latest_date}]</strong></font>";
이 부분의 font-size, LINE-HEIGHT 부분을 원하시는 사이즈로 수정하시면 될 것 같습니다.
아니면 아예 <font>......</font>부분을 삭제하시든지...
삭제하시면 그누보드 기본설정으로 됩니다.
폰트사이즈를 외부CSS에서 조절하시는지 아니면 페이지 내에 <style>영역에서 지정하시는지 말씀해주세요
이곳입니다~ 좀 봐주세요 ㅠㅠ
따로 css는 쓰지않고 스킨내에있는 소스만 수정해서 쓰고있구요..
그누보드 폴더에 있는 css도 안건드렸구..
여러곳을 확인해본결과 제 사이트만 이런 현상이 생깁니다..
행간이 고정이 안되고... 텍스트크기에 따라서 왔다갔다 하네요..
작업은 밀려있는데 계속 문제가생기니 어찌해야할지..정말 막막..
일반텍스트는 고정되어있을수도있겠지만,
a 에 관련된 스타일엔 고정하지 않으셔서 발생한문제같습니다.
테스트 브라우저 : 파이어폭스
<font>라든지, <a>라든지 감싸여진 부분에서만 고정적인 사이즈가 지정이되고,
공백이나 이런곳에는 그런것이 지정되지 않아서 입니다.
즉,
<td>
<div style='font-size:11px;font-family:돋움;'>
<a>게시판 리스트 링크와 여러가지</a>
</div>
</td>
이런식으로 전체의 묶음으로 만들어보세요
테스트링크 : http://npc.usn.co.kr/test.html
즉 "공백이 늘어나서 생기는 현상"이지요^^
전체에 스타일을 주시려면, 지금 홈페이지내의 소스를 볼때, 주로, td안의 내용들의 사이즈가 바뀌면 안되겠더군요^^;
<style>
table,td { font-size:사이즈;font-family:글꼴 }
</style>
이렇게 지정해주시면 table안에 있는 값들도 고정되겠지요^^
아, 그리고 괜찮으시다면, <style></style>파일은 모두 한곳에 묶어두시면 보기쉽습니다^^
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title>그누보드4 > 질문답변 </title>
<link rel="stylesheet" href="../style.css" type="text/css">
</head>
요놈을 불러서 잘 살펴보세요.
http://sir.co.kr/style.css
3번째줄에 font-size:9pt; 때문에 텍스트 크기를 조절해도 9포인트(절대크기)로 유지되는 것입니다.
body, td, p, input, button, textarea, select, .c1 {font-family:굴림,Gulim,Tahoma; font-size:9pt; color:#222222;}
만약 이미지 태그에도 폰트 크기를 지정해 주고자 한다면...
img { border:0; font-size:0; }
이런식으로 추가해 주시면 되겠네요.
즐거운 시간되세요.
답변 넘넘 감사드립니다...(__)복받으세요~
그럼 테스트 링크는 지울께요^^