1:1문의 게시판 삽입문제로 질문드려요
본문
테스트 아이디 : test
테스트 비밀번호 : test
제가 디자인한 html파일을 두개로 쪼개서
각각 header.php와 footer.php로 만든다음에 1:1문의 게시판 설정 부분에서
적용을 시켜주었거든요?
먼저 리스트 화면은 제대로 출력이 되었는데
(http://paohao.dothome.co.kr/data/bbs/qalist.php)
글쓰기와 글 제목을 클릭해서 들어가면
단축키 알람이라는 버튼 하나만 나오게 되네요..
이 오류는 어떤 부분을 수정해야 하는지 알려주셨으면 합니다ㅠㅠ
header.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BoDA-I SEE [ ]</title>
<meta name="Resource-type" content="Document" />
<link rel="stylesheet" type="text/css" href="css/page.css" />
<link rel="stylesheet" type="text/css" href="examples.css" />
<link rel="stylesheet" type="text/css" href="css/animate.css" />
<link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
<link rel="stylesheet" href="http://paohao.dothome.co.kr/data/css/default.css">
<link rel="stylesheet" href="http://paohao.dothome.co.kr/data/skin/qa/basic/style.css">
<!--[if IE]>
<script type="text/javascript">
var console = { log: function() {} };
</script>
<link rel="stylesheet" href="css/style2.css">
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="html5shiv.js"></script>
<![endif]-->
<script>
document.createElement('header');
document.createElement('nav');
document.createElement('aside');
document.createElement('hgroup');
document.createElement('footer');
document.createElement('article');
document.createElement('section');
document.createElement('main');
document.createElement('wrap');
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/page.js"></script>
<script type="text/javascript" src="js/text_rotator.js"></script>
<script type="text/javascript" src="js/font.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#fullpage').fullpage({
anchors: ['firstPage', 'secondPage', '3rdPage', '4thpage', '5thpage', '6thpage'],
menu: '#menu',
loopTop: true,
loopBottom: true,
scrollBar: true,
resize: true,
autoScrolling:true,
});
});
$(function(){ // document ready
if (!!$('#sticky').offset()) { // make sure "#sticky" element exists
var stickyTop = $('#sticky').offset().top; // returns number
$(window).scroll(function(){ // scroll event
var windowTop = $(window).scrollTop(); // returns number
if (stickyTop < windowTop){
$('#sticky').addClass("fixedtop");
}
else {
$('#sticky').removeClass("fixedtop");
}
});
}
});
</script>
<style>
#bo_list{width:70%; margin:0 auto}
</style>
</head>
<body>
<header id="sticky">
<div class="menu">
<div style="width:33%; float:left"><a href="#firstPage"><img style="margin-left:1em;" class="pc_logo" src="images/logo_small.png"><img style="margin-left:1em;" class="m_logo" src="images/logo_mobile.png"></a></div>
<div style="width:34%; float:left">
</div>
<div style="width:33%; float:left">
<a id="cd-menu-trigger" href="#0"><span class="cd-menu-text">Menu</span><span class="cd-menu-icon"></span></a>
</div>
</div>
</header>
<main class="cd-main-content">
<div id="fullpage">
<!--메인 스크립트-->
<div class="section " id="section0" style=" background:url(images/main_bg.jpg)center;">
footer.php
</div>
<!--메인 스크립트 끝-->
</main> <!-- cd-main-content -->
<nav id="cd-lateral-nav">
<ul class="cd-navigation">
<li class="item-has-children">
<a href="#secondPage">회사소개</a>
<ul class="sub-menu">
<li><a href="#secondPage">'보다'란?</a></li>
<li><a href="#secondPage/1">마케팅 툴</a></li>
<li><a href="#secondPage/2">직원소개</a></li>
<li><a href="#6thpage">오시는 길</a></li>
</ul>
</li> <!-- item-has-children -->
<li class="item-has-children">
<a href="#0">온라인 마케팅</a>
<ul class="sub-menu">
<li><a href="#3rdPage">키워드 마케팅</a></li>
<li><a href="#3rdPage/1">바이럴 마케팅</a></li>
<li><a href="#3rdPage/2">쇼셜 마케팅</a></li>
<li><a href="#3rdPage/3">브랜드 마케팅</a></li>
<li><a href="#3rdPage/4">로그 분석</a></li>
</ul>
</li> <!-- item-has-children -->
<li class="item-has-children">
<a href="#0">오프라인 마케팅</a>
<ul class="sub-menu">
<li><a href="#4thpage">지면 광고</a></li>
<li><a href="#4thpage/1">옥외 광고</a></li>
<li><a href="#4thpage/2">매체 광고</a></li>
</ul>
</li> <!-- item-has-children -->
<li class="item-has-children">
<a href="#0">Web / Mobile</a>
<ul class="sub-menu">
<li><a href="#5thpage">랜딩페이지 제작</a></li>
<li><a href="#5thPage/1">홈페이지 제작</a></li>
<li><a href="#5thPage/2">모바일페이지 제작</a></li>
</ul>
</li> <!-- item-has-children -->
</ul> <!-- cd-navigation -->
<ul class="cd-navigation cd-single-item-wrapper">
<li><a href="#0">Tour</a></li>
<li><a href="#0">Login</a></li>
<li><a href="#0">Register</a></li>
<li><a href="#0">Pricing</a></li>
<li><a href="#0">Support</a></li>
</ul> <!-- cd-single-item-wrapper -->
<div class="cd-navigation socials">
<a class="cd-twitter cd-img-replace" href="#0">Twitter</a>
<a class="cd-github cd-img-replace" href="#0">Git Hub</a>
<a class="cd-facebook cd-img-replace" href="#0">Facebook</a>
<a class="cd-google cd-img-replace" href="#0">Google Plus</a>
</div> <!-- socials -->
<ul class="cd-navigation cd-single-item-wrapper" style="bottom: 0px; position: absolute; width:100%;">
<li style="padding-left:32px"><img src="images/logo_mobile.png" /></li>
<li><a href="#0" style="line-height:1.2; font-weight:600;">2014.BODA<br>ALL RIGHT RESEVED</a></li>
<li><a href="#0" style="font-size:0.5em">Design By PAOHAO</a></li>
</ul> <!-- cd-single-item-wrapper -->
</nav>
<script src="js/main.js"></script>
<!-- Resource jQuery -->
</body>
</html>
답변 1
header와 footer를 작업하기에 앞서
기존의 그누보드가 어떻게 구성되어 있나 살펴보시기 바랍니다...
index.php를 분석해 보시면 될 것 같네요...
head.sub.php
head.php
컨텐츠
tail.php
tail.sub.php
식으로 구성되어 있습니다..
사용자 해더부분은 대부분 head.php 영역일 것 같습니다...
답변을 작성하시기 전에 로그인 해주세요.
