테스트 아이디 : test
테스트 비밀번호 : test
제가 디자인한 html파일을 두개로 쪼개서
각각 header.php와 footer.php로 만든다음에 1:1문의 게시판 설정 부분에서
적용을 시켜주었거든요?
먼저 리스트 화면은 제대로 출력이 되었는데
(http://paohao.dothome.co.kr/data/bbs/qalist.php)
글쓰기와 글 제목을 클릭해서 들어가면
단축키 알람이라는 버튼 하나만 나오게 되네요..
이 오류는 어떤 부분을 수정해야 하는지 알려주셨으면 합니다ㅠㅠ
header.php
Copy
<!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
Copy
</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개
채택된 답변
+20 포인트
11년 전
header와 footer를 작업하기에 앞서
기존의 그누보드가 어떻게 구성되어 있나 살펴보시기 바랍니다...
index.php를 분석해 보시면 될 것 같네요...
head.sub.php
head.php
컨텐츠
tail.php
tail.sub.php
식으로 구성되어 있습니다..
사용자 해더부분은 대부분 head.php 영역일 것 같습니다...
답변을 작성하려면 로그인이 필요합니다.