본문에 테두리를 주고 싶습니다. > 그누4 질문답변

그누4 질문답변

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

본문에 테두리를 주고 싶습니다. 정보

본문에 테두리를 주고 싶습니다.

본문

오류가 나는곳의 주소를 알려주시면 더 빠르고 정확하게 답변 받을 수 있습니다.

오류 주소 : http://adsms01.cafe24.com

홈페이지는 Webhosting님의 블랙 레이아웃 버젼을 사용 중 인데요.

가운데 본문 구역에 테두리를 주고 싶은데 어떻게 해야할까요.

1번쨰 링크는 재 홈페이지구요.
2번째 링크는 하단 쪽에 예제가 있습니다.(본문에만 파랑색 테두리)

ps. 저 왕왕왕초보예요!

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

include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/lib/poll.lib.php");
include_once("$g4[path]/lib/visit.lib.php");
include_once("$g4[path]/lib/connect.lib.php");
include_once("$g4[path]/lib/popular.lib.php");
include_once("$g4[path]/lib/latest.lib.php");
//print_r2(get_defined_constants());

// 사용자 화면 상단과 좌측을 담당하는 페이지입니다.
// 상단, 좌측 화면을 꾸미려면 이 파일을 수정합니다.

$table_width = 940;
$all_width = 940;
?>

<div border:10px solid #000000;>
<style type="text/css" border:1px #FDFDFD solid;>
.allwidth{width:<?=$all_width?>px;}
</style>
<div class='homewrap'>
<!-- 상단 시작 -->
<div class='toparea clearb allwidth'>
<div class='topbtn allwidth' border:10px solid #1a1a1a;>
<ul>
            <!-- 처음으로 버튼 -->
            <li><a href="<?=$g4['path']?>/">HOME</a></li>
            <? if (!$member['mb_id']) { ?>
            <!-- 로그인 이전 -->
            <li><a href="<?=$g4['bbs_path']?>/login.php?url=<?=$urlencode?>">LOGIN</a></li>
            <li><a href="<?=$g4['bbs_path']?>/register.php">JOIN</a></li>
            <? } else { ?>
            <!-- 로그인 이후 -->
            <li><a href="<?=$g4['bbs_path']?>/logout.php">LOGOUT</a></li>
            <li><a href="<?=$g4['bbs_path']?>/member_confirm.php?url=register_form.php">MEMBER INFOMATION</a></litd>
            <? } ?>
            <!-- 최근게시물 버튼 -->
            <li><a href="<?=$g4['bbs_path']?>/new.php">NEW</a></li>
</ul>
</div>
<hr>
</div>
<div class='toplogoarea clearb allwidth'>
<h1><a href='<?=$g4[path]?>/'><img src='<?=$g4[path]?>/img/toplogo.gif' alt='<?=$g4[title]?>'></a></h1>
<div class='topsearch'>
<!-- 검색 시작 -->
<form name="fsearchbox" method="get" onsubmit="return fsearchbox_submit(this);" style="margin:0px;">
<!-- <input type="hidden" name="sfl" value="concat(wr_subject,wr_content)"> -->
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type="hidden" name="sop" value="and">
            <fieldset>
                <legend>전체검색</legend>
                <label for='stx'>검색</label>
<input name="stx" type="text" maxlength="20" class='topsearch'>
                <input type="image" src="<?=$g4['path']?>/img/btn_search.gif" alt='검색' class='btn_search'>
            </fieldset>
</form>
<script type="text/javascript">
function fsearchbox_submit(f)
{
if (f.stx.value.length < 2) {
alert("검색어는 두글자 이상 입력하십시오.");
f.stx.select();
f.stx.focus();
return false;
}

// 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
var cnt = 0;
for (var i=0; i<f.stx.value.length; i++) {
if (f.stx.value.charAt(i) == ' ')
cnt++;
}

if (cnt > 1) {
alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
f.stx.select();
f.stx.focus();
return false;
}

f.action = "<?=$g4['bbs_path']?>/search.php";
return true;
}
</script>
<!-- 검색 끝 -->
</div>
<div class='clearb'></div>
<hr>
</div>
<div class='topmenu clearb allwidth'>
<ul>
<?
//  상단 메뉴
$sql = " select bo_table, bo_subject from $g4[board_table] order by gr_id, bo_table ";
$result = sql_query($sql);
for ($i=0; $row=sql_fetch_array($result); $i++) {
echo "<li>";
echo latest("topmenu", $row['bo_table']);
echo "</li>";
}
?>
</ul>
</div>
<!-- 상단 끝 -->


<div class='allcontarea0 allwidth'>
<div><img src='<?=$g4[path]?>/img/mainimg.gif' alt='<?=$g4[title]?>' style='margin-bottom:20px;'></div>
<div class='allcontarea'>
<div class='leftarea'>

<?=outlogin("basic"); // 외부 로그인 ?>

<div style='height:10px;'></div>

<?=poll("basic"); // 설문조사 ?>

<div style='height:10px;'></div>

<?=visit("basic"); // 방문자수 ?>

<div style='height:10px;'></div>

<?=connect(); // 현재 접속자수 ?>

</div>
<div class='contarea'>


style.css
body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222;}

form { margin:0px; }

/* img {border:10px;} */

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline; }

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: Verdana, 굴림; color:#222222; }

.ed { border:1px solid #CCCCCC; }
.tx { border:1px solid #CCCCCC; }

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }


/* WEBsiting add CSS by *** 개인정보보호를 위한 이메일주소 노출방지 *** */
body{width:100%; height:100%;}
.homewrap{width:100%; text-align:center; background-image:url(background.jpg);}
img{border:0px;}

.clearb{clear:both;}
.clearb hr{display:none;}
.toparea{margin:0 auto;height:30px; text-align:center; background-color:#444444; border-bottom:1px solid #1a1a1a;}
.topbtn{margin:0 auto; text-align:right;}
.topbtn ul{list-style:none; margin:0px; padding:0px; float:right;}
.topbtn ul li{list-style:none; margin:0px; padding:0px; float:left;}
.topbtn ul li a{display:block; padding:8px 8px 0px 8px; font-family:verdana; font-weight:bold; font-size:8pt; color:#ffffff;}
.topbtn ul li a:link,.topbtn ul li a:visited{ color:#c7c7c7;}
.topbtn ul li a:hover{ color:#ffffff; text-decoration:none;}

.toplogoarea{margin:0 auto; background-color:#333333;}
.toplogoarea h1{margin:0px; padding:20px 0px 20px 0px; float:left; width:220px; text-align:center;}
.toplogoarea .topsearch{float:right; text-align:right; width:330px;}
.toplogoarea .topsearch fieldset{border:0px; padding:20px 0px 0px 0px;}
.toplogoarea .topsearch fieldset legend{display:none;}
.toplogoarea .topsearch fieldset label{display:none;}
.toplogoarea .topsearch fieldset .topsearch{width:280px; height:30px; background:URL(img/searchbg.gif) no-repeat;; padding-left:15px; border:0px; text-align:left; float:left;}
.toplogoarea .topsearch fieldset .btn_search{border:0px;float:left; margin-left:5px;}

.tmbh20{height:20px;}
.topmenu{margin:0 auto;height:47px; background:URL(img/topmenubg.gif) repeat-x;
border-bottom:1px solid #1a1a1a; border-top:1px solid #1a1a1a;
}
.topmenu ul{list-style:none; margin:0px; padding:0px;}
.topmenu ul li{list-style:none; margin:0px; padding:0px; float:left;}
.topmenu ul li a{ height:100%;}
.topmenu ul li a:link,.topmenu ul li a:visited{color:#999999;}
.topmenu ul li a:hover{color:#ffffff; text-decoration:none;}
.topmenu ul li a span{padding:15px 20px 0px 20px; display:block; font-weight:bold;}

.allcontarea0{margin:0 auto; text-align:left; background-color:#ffffff;}
.allcontarea{text-align:left;}

.leftarea{width:220px; text-align:center; float:left; margin-left:10px; padding-bottom:20px;}
.contarea{width:683px; float:right; margin-right:10px; padding-bottom:20px;}

.copyright{margin:0 auto; text-align:left; background-color:#333333;}
.copyright address{font-family:dotum; font-size:8pt; font-style:normal; color:#999999; padding-left:20px;}
.copyright address a:link,.copyright address a:link{color:#999999;}
.copyright address a:hover{color:#ffffff;}
.copyright p{padding:10px 0px 0px 20px; margin:0px; font-family:dotum; font-size:8pt; font-style:normal; color:#999999;}
.copyright1{float:left; padding-top:40px; padding-bottom:40px;}
.copyright2{float:right; margin-right:20px; padding-top:40px; padding-bottom:40px;}

.quick{position:absolute; left:50%; margin-left:490px; z-index:10; width:100px; text-align:center;}
.quicktitle{width:100%; height:47px; background:URL(img/topmenubg.gif) repeat-x; text-align:center;border:1px solid #1a1a1a;}
.quicktitle span{display:block; padding:20px 0px 0px 0px; font-family:verdana; font-size:7pt; font-weight:bold; color:#999999;}
.quickmenu{width:100%; border:1px solid #1a1a1a; background-color:#333333;}
.quickmenu ul{list-style:none; margin:0px; padding:0px;}
.quickmenu ul li{list-style:none; margin:0px; padding:0px; width:100%; text-align:center;}
.quickmenu ul li a{display:block; padding:10px 0px 10px 0px; font-family:dotum; font-size:8pt; font-weight:bold; width:95%; margin:0 auto; text-align:center; border-bottom:1px solid #1a1a1a;}
.quickmenu ul li a:link,.quickmenu ul li a:visited{color:#666666;}
.quickmenu ul li a:hover{color:#ffffff; text-decoration:none;}

.quicktop  a{display:block; padding:10px 0px 10px 0px; font-family:verdana; font-size:8pt; font-weight:bold;text-align:center;}
.quicktop  a:link,.quicktop a:visited{color:#666666;}
.quicktop  a:hover{color:#ffffff; text-decoration:none;}
  • 복사

댓글 전체

.contarea{width:683px; float:right; margin-right:10px; padding-bottom:20px;}
여기에 border속성 추가해주시면 됩니다.
.contarea{width:683px; float:right; margin-right:10px; padding-bottom:20px; border:2px solid #336699;}
테두리 두깨랑 색상은 알아서 적어주시구요
<div class='homewrap'> 아래쪽에
<div class="allwidth" style="margin:0 auto; text-align:left; border:1px solid #ccc;">
넣으시고 <!-- 카피라이트 끝 --> 다음에 </div> 넣어보세요
© SIRSOFT
현재 페이지 제일 처음으로