최신글 글씨 깨짐 수정이 안되고 있는데요...

· 2012-04-15 (일) 20:35:46 · 2501 · 3
gsda.JPG
최근 글이 아래와 같이 깨지고 있습니다.
코드셋을 변경하여 업로드 했는데두요 전혀 개선이 안되고 있습니다.
깨진 게시물을 클릭하면 해당 보드로 이동이 안되는것고 그렇구요
어디가 잘못된거 같은데요 찾지를 못하구 있습니다.
조언 좀 부탁 드리겠습니다.
아래는 해당 스킨은 php입니다.

----------------------- script.js -----------------------------
$(document).ready(function(){
/* This code is executed after the DOM has been completely loaded */

/* Defining an array with the tab text and AJAX pages: */
var Tabs = {
'공지사항' : 'gnuboard4/skin/latest/tto.basic.tab/latesdoc/tab1.php',
'또샵 Q?A' : 'gnuboard4/skin/latest/tto.basic.tab/latesdoc/tab2.php',
'또샵 다운' : 'gnuboard4/skin/latest/tto.basic.tab/latesdoc/tab3.php',
'스킨 다운' : 'gnuboard4/skin/latest/tto.basic.tab/latesdoc/tab4.php',
'일반 안내' : 'gnuboard4/skin/latest/tto.basic.tab/latesdoc/tab5.php' /* 미사용시 현재행만 주석처리 하면 됨 - 사용시 유지 후 15행, 29행, 37행 관련 확인 및 styles.css 133행 부분 관련 사항 추가 */
}

/* The available colors for the tabs: */
// var colors = ['blue','green','red','orange']; // 기본 4개
var colors = ['blue','green','red','orange','black'];

/* The colors of the line above the tab when it is active: */
var topLineColor = { /* 클릭된 탭의 상단 영역 색상 */
/* 기본 4개
blue:'lightblue',
green:'lightgreen',
red:'red',
orange:'orange'
*/
blue:'black',
green:'black',
red:'black',
orange:'black',
black:'black' /* 일반 내용 확장 */
}

/* Looping through the Tabs object: */
var z=0;
$.each(Tabs,function(i,j){
/* Sequentially creating the tabs and assigning a color from the array: */
// var tmp = $('<li><a href="#" class="tab '+colors[(z++%4)]+'">'+i+' <span class="left" /><span class="right" /></a></li>'); // 기본 4개
var tmp = $('<li><a href="#" class="tab '+colors[(z++%5)]+'">'+i+' <span class="left" /><span class="right" /></a></li>'); /* 일반 내용 확장 */

/* Setting the page data for each hyperlink: */
tmp.find('a').data('page',j);

/* Adding the tab to the UL container: */
$('ul.tabContainer').append(tmp);
})

/* Caching the tabs into a variable for better performance: */
var the_tabs = $('.tab');

the_tabs.click(function(e){
/* "this" points to the clicked tab hyperlink: */
var element = $(this);

/* If it is currently active, return false and exit: */
if(element.find('#overLine').length) return false;

/* Detecting the color of the tab (it was added to the class attribute in the loop above): */
var bg = element.attr('class').replace('tab ','');

/* Removing the line: */
$('#overLine').remove();

/* Creating a new line with jQuery 1.4 by passing a second parameter: */
$('<div>',{
id:'overLine',
css:{
display:'none',
width:element.outerWidth()-2,
background:topLineColor[bg] || 'white'
}}).appendTo(element).fadeIn('slow');

/* Checking whether the AJAX fetched page has been cached: */

if(!element.data('cache'))
{
/* If no cache is present, show the gif preloader and run an AJAX request: */
$('#contentHolder').html('<img src="gnuboard4/skin/latest/tto.basic.tab/img/ajax_preloader.gif" width="64" height="64" class="preloader" />');

$.get(element.data('page'),function(msg){
$('#contentHolder').html(msg);

/* After page was received, add it to the cache for the current hyperlink: */
element.data('cache',msg);
});
}
else $('#contentHolder').html(element.data('cache'));

e.preventDefault();
})

/* Emulating a click on the first tab so that the content area is not empty: */
the_tabs.eq(0).click();
});
---------------------------------------------------------------------

----------------------- _common.php 파일-----------------------------
<?
$g4_path = "/.."; // common.php 의 상대 경로
include_once("$g4_path/common.php");
?>
----------------------------------------------------------------------- 끝

----------------------- latest.skin.php 파일 --------------------------- 시작
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>

<table width=100% cellpadding=0 cellspacing=0>
<tr>
<td width=93%></td>
<td width=7%><a href='<?=$g4[bbs_path]?>/board.php?bo_table=<?=$bo_table?>'>더보기</a></td>
</tr>
</table>

<table width=100% cellpadding=0 cellspacing=0>
<? for ($i=0; $i<count($list); $i++) { ?>
<tr>
<td colspan=4 align=left>
<table width=98%>
<tr>
<td height=18><img src='<?=$latest_skin_path?>/img/latest_icon.gif' align=absmiddle>  
<?
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'];
?></td></tr>
</table></td>
</tr>
<? } ?>

<? if (count($list) == 0) { ?><tr><td colspan=4 align=center height=50><font color=#6A6A6A>게시물이 없습니다.</a></td></tr><? } ?>

</table>
----------------------------------------------------------------------- 끝


----------------------- latest.tab.main.php 파일 ------------------------ 시작
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<link rel="stylesheet" type="text/css" href="<?=$g4[path]?>/skin/latest/tto.basic.tab/styles.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript" src="<?=$g4[path]?>/skin/latest/tto.basic.tab/script.js"></script>
<div id="main">

<ul class="tabContainer">
<!-- The jQuery generated tabs go here -->
</ul>

<div class="clear"></div>

<div id="tabContent">
<div id="contentHolder">
<!-- The AJAX fetched content goes here -->
</div>
</div>
</div>
----------------------------------------------------------------------- 끝

----------------------- styles.css 파일 -------------------------------- 시작

/* Simple page reset
body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{
margin:0;
padding:0;
}

/* Setting default text color, background and a font stack
body{
color:#cccccc;
font-size:0.825em;
background-color: #fff;
font-family:Arial, Helvetica, sans-serif;
}
*/

.tabContainer{ /* 탭 맞춤, 여백 */
/* The UL */
/* float:right;
padding-right:0px; */
float:left;
padding-left:10px;
}

/* 최신글 스킨 에 맞게 height 수정 및 색상 변경 - margin에 의해 테두리 두깨 등 처리 됨 */
#contentHolder{
background-color:#fff;
border:0px solid #efefef; /* 테두리 굵기 - 최신글 자체 테두리 사용위해 fff로 */
height:185px; /* 높이 */
margin:0px; /* 최신글과 contentHolder 여백 */
color:#000; /* 테두리 색상 */
padding:8px 2px 5px 2px; /* 내부 최신글과의 안여백 */
}

#tabContent{
background-color:#333;
border:3px solid #444; /* contentHolder 외곽 tabContent 테두리 굵기 - 최신글 자체 테두리 사용위해 fff로 */
margin-top:-13px; /* 탭 하단과 contentHolder 위쪽 간격 조절 */
width:600px; /* 너비 */
}

#tabContent, .tabContainer li a,#contentHolder{
-webkit-box-shadow:0 0 2px black;
-moz-box-shadow:0 0 2px black;
box-shadow:0 0 2px black;
}

.tabContainer li{
/* This will arrange the LI-s next to each other */
display:inline;
}

.tabContainer li a,.tabContainer li a:visited{
/* Styling the hyperlinks of the tabs as colorful buttons */

float:left;
font-size:12px;

/* display:block allows for additinal CSS rules to take effect, such as paddings: */
display:block;

padding:7px 16px 1px;
margin:0px 5px;
height:19px;

/* Giving positioning */
position:relative;

/* CSS3 text-shadow */
/* text-shadow:1px 1px 1px #ccc;*/
}

#overLine{
/* The line above the active button. */
position:absolute;

height:5px; /* 선택된 탭의 높이 처리용 색상은 script.js var topLineColor 에서 조정*/
background-color:#000000;
width:110px;

float:left;
left:1px;
top:0px;
overflow:hidden;
}

#main{
margin:0 auto;
position:relative;
width:100%;
margin-bottom:5px;
}


ul .left{
/* The left span in the hyperlink */

height:27px;
left:0;
position:absolute;
top:0;
width:10px;
}

ul .right{
/* The right span in the hyperlink */

height:27px;
right:0;
position:absolute;
top:0;
width:10px;
}

/* Styling the colors individually: */

ul a.green{ background:url(img/green_mid.png) repeat-x top center; color:#fff;} /* 탭 내부 글자색상 */
ul a.green span.left{ background:url(img/green_left.png) no-repeat left top;}
ul a.green span.right{ background:url(img/green_right.png) no-repeat right top;}


ul a.blue{ background:url(img/blue_mid.png) repeat-x top center; color:#fff;} /* 탭 내부 글자색상 */
ul a.blue span.left{ background:url(img/blue_left.png) no-repeat left top;}
ul a.blue span.right{ background:url(img/blue_right.png) no-repeat right top;}


ul a.orange{ background:url(img/orange_mid.png) repeat-x top center; color:#fff;} /* 탭 내부 글자색상 */
ul a.orange span.left{ background:url(img/orange_left.png) no-repeat left top;}
ul a.orange span.right{ background:url(img/orange_right.png) no-repeat right top;}


ul a.red{ background:url(img/red_mid.png) repeat-x top center; color:#fff;} /* 탭 내부 글자색상 */
ul a.red span.left{ background:url(img/red_left.png) no-repeat left top;}
ul a.red span.right{ background:url(img/red_right.png) no-repeat right top;}

/* 확장시 추가 */
ul a.black{ background:url(img/red_mid.png) repeat-x top center; color:#fff;} /* 탭 내부 글자색상 */
ul a.black span.left{ background:url(img/red_left.png) no-repeat left top;}
ul a.black span.right{ background:url(img/red_right.png) no-repeat right top;}


/* The hover states: */
ul a:hover{ background-position:bottom center; text-decoration:none;}
ul a:hover span.left{ background-position:left bottom;}
ul a:hover span.right{ background-position:right bottom;}

.preloader{
display:block;
margin:120px auto;
}

.clear{
/* Old-school clear fix hack to clear the floats: */
clear:both;
height:1px;
overflow:hidden;
}

/* The styles below are only necessary for the styling of the demo page: */

h1{
background:#121b21;
border-bottom:1px solid black;
font-size:1.5em;
font-weight:normal;
margin-bottom:15px;
padding:15px;
text-align:center;
}

h2 {
font-size:0.9em;
font-weight:normal;
padding-right:40px;
position:relative;
right:0;
text-align:right;
text-transform:uppercase;
top:-48px;
}

a, a:visited {
color:#0196e3;
text-decoration:none;
outline:none;
}

a:hover{
text-decoration:underline;
}

p.tutInfo{
/* The tutorial info on the bottom of the page */
padding:10px 0;
text-align:center;
position:fixed;
bottom:0px;
background:#121b21;
border-top:1px solid black;
width:100%;
}

h1,h2,p.tutInfo{
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}
---------------------------------------------------------------------- 끝

이상입니다.

첨부파일

gsda.JPG (33.5 KB)
2회 2012-04-15 20:35
|

댓글 3개

해바라님께서 지금 체크해 주시고 계십니다....
역시 경로오류와 문자셑설정이 답이었네요.
해결 완료되는대로 답을 올리겠습니다.
해바라님 고맙습니다 잘~~~ 해결이 되었습니다.
고맙습니다....
다른 분들이 참고하시게 수정되어진 곳을 정확하게 설명할수 있으면 좋은데요
제가 서툰지라 설명이 잘 안되네요...;;
다시한번 고맙습니다.
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

66,531건

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

+
제목 글쓴이 날짜 조회
12-04-16 조회 3,612
12-04-16 조회 2,535
12-04-16 조회 1,704
12-04-16 조회 1,179
12-04-16 조회 1,077
12-04-16 조회 2,093
12-04-16 조회 900
12-04-16 조회 984
12-04-16 조회 926
12-04-16 조회 1,655
12-04-16 조회 1,841
12-04-16 조회 1,726
12-04-16 조회 1,664
12-04-16 조회 1,174
12-04-15 조회 992
12-04-15 조회 1,078
12-04-15 조회 1,096
12-04-15 조회 2,502
12-04-15 조회 1,785
12-04-15 조회 1,089