JS 파일 및 CSS 파일 불러오는 방법
본문
안녕하세요 XE 막 그누보드로 넘어와서 잘몰라서 ㅜㅠ
부트스트랩 js 및 css 그리고 제이쿼리 js 좀불러오려는데 어찌 불러와야하는지 모르겠네요....
head 파일에 쓰는거 아닌가요??
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_THEME_PATH.'/head.sub.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
include_once(G5_LIB_PATH.'/outlogin.lib.php');
include_once(G5_LIB_PATH.'/poll.lib.php');
include_once(G5_LIB_PATH.'/visit.lib.php');
include_once(G5_LIB_PATH.'/connect.lib.php');
include_once(G5_LIB_PATH.'/popular.lib.php');
if($config['cf_include_head']){
if(!@include_once($config['cf_include_head'])){
die('기본환경');
}
return;
}
if (G5_IS_MOBILE) {
include_once(G5_THEME_MOBILE_PATH.'/head.php');
return;
}
?>
<script src="js/bootstrap.js"></script>
<script src="js/jquery-2.1.3.min.js"></script>
<script src="js/jquery-latest.min.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- 쿼리 메뉴 -->
<script type="text/javascript">
jquery(function(){
jquery("ul.sub").hide();
jquery("ul.menu li").hover(function(){
jquery("ul:not(:animated)",this).slideDown("fast");
},
function(){
jquery("ul",this).slideUp("fast");
});
});
</script>
<!-- 이미지슬라이드 -->
<script>
jquery (document).ready(function() {
jquery ('#myCarousel').carousel('cycle');
jquery ('#myCarousel2').carousel('cycle');
});
</script>
<style>
body{
margin: 0;
padding: 0;
width: 100%;
background-image: url({$layout_info->background_image});
background-repeat: no-repeat;
background-size: cover;
}
ul,li{
padding: 0;
}
#werp{
width: 100%;
height: 1000px;
}
#top_menu{
width: 980px;
height: 150px;
margin: auto;
}
#top_content{
width: 980px;
height: 300px;
margin: auto;
margin-top: 150px;
background-color: white;
}
#mid_content{
padding: 10px;
width: 980px;
margin: auto;
margin-top: 50px;
}
#footer{
width: 100%;
height: 150px;
background-color: fuchsia;
margin-top: 50px;
}
.logo{
width: 150px;
height: 150px;
float: left;
}
.logo img{
padding-top: 10px;
}
.menubar{
width: 720px;
height: 150px;
text-align: center;
}
/* 마우스오버 컬러 */
.menu li a:hover{
color: #F7788A;
}
.menu li{
float: left;
list-style: none;
padding-left: 60px;
text-align: center;
}
/* 메뉴 */
.menu li a{
float: none;
padding-top: 30px;
color: white;
display: block;
font-size: 30px;
font-weight: bold;
text-decoration: none;
}
.sub li{
list-style: none;
padding-top: 10px;
float: none;
padding-left: 0;
}
/* 상세 메뉴 */
.sub li a{
text-align: center;
padding: 0;
list-style: none;
color: white;
display: block;
font-size: 20px;
font-weight: bold;
text-decoration: none;
}
#myCarousel{
width: 630px;
height: 300px;
float: left;
}
.login_menu {
background-color: #232323;
padding-top: 35px;
height: 166px;
text-align: center;
}
/* 마우스오버 컬러 */
.login_menu a:hover{
color: white;
border-color: #ED006D;
background: #ED006D;
}
.login_menu a{
color: black;
text-decoration: none;
font-weight: bold;
border-width:27px;
border-color:white;
border-style:solid;
background-color: white;
}
.login_menu2 {
margin-top: 60px;
}
/* 마우스오버 컬러 */
.login_menu2 a:hover{
color: white;
border-color: #ED006D;
background: #ED006D;
}
.login_menu2 a{
color: black;
text-decoration: none;
font-weight: bold;
border-width:27px;
border-color:white;
border-style:solid;
background-color: white;
}
</style>
<body>
<div id="werp">
<div id="top_menu">
<!--로고-->
<div class="logo">
<img src="{$layout_info->logo_image}">
</div>
<!--메뉴-->
<div class="menuber">
<nav id="gnb">
<h2>메인메뉴</h2>
<ul id="gnb_1dul">
<?php
$sql = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '2'
order by me_order, me_id ";
$result = sql_query($sql, false);
$gnb_zindex = 999; // gnb_1dli z-index 값 설정용
for ($i=0; $row=sql_fetch_array($result); $i++) {
?>
<li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex--; ?>">
<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?></a>
<?php
$sql2 = " select *
from {$g5['menu_table']}
where me_use = '1'
and length(me_code) = '4'
and substring(me_code, 1, 2) = '{$row['me_code']}'
order by me_order, me_id ";
$result2 = sql_query($sql2);
for ($k=0; $row2=sql_fetch_array($result2); $k++) {
if($k == 0)
echo '<ul class="gnb_2dul">'.PHP_EOL;
?>
<li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><?php echo $row2['me_name'] ?></a></li>
<?php
}
if($k > 0)
echo '</ul>'.PHP_EOL;
?>
</li>
<?php
}
if ($i == 0) { ?>
<li id="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <br><a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 > 환경설정 > 메뉴설정</a>에서 설정하실 수 있습니다.<?php } ?></li>
<?php } ?>
</ul>
</nav>
</div>
</div>
<div id="top_content">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!--페이지-->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!--페이지-->
<div class="carousel-inner">
<!--슬라이드1-->
<div class="item active">
<img src="img/bed.jpg" style="width:650px; height:300px;" alt="First slide">
<div class="container">
<div class="carousel-caption">
</div>
</div>
</div>
<!--슬라이드1-->
<!--슬라이드2-->
<div class="item">
<img src="img/bed2.jpg" style="width:650px; height:300px;" data-src="" alt="Second slide">
<div class="container">
<div class="carousel-caption">
</div>
</div>
</div>
<!--슬라이드2-->
<!--슬라이드3-->
<div class="item">
<img src="img/bed3.jpg" style="width:650px; height:300px;" data-src="" alt="Third slide">
<div class="container">
<div class="carousel-caption">
</div>
</div>
</div>
<!--슬라이드3-->
</div>
<!--이전, 다음 버튼-->
<a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>
<!--로그인 영역-->
<div class="Login">
<img class="zbxe_widget_output" widget="login_info" skin="eond_ppomppu" />
<!--로그인 하단 영역-->
<div class="login_menu">
<a href="#">M-OTP</a>
<a href="#">캐시 충전</a>
<a href="#">고객 센터</a>
<nav class="login_menu2">
<a href="#">M-OTP</a>
<a href="#">캐시 충전</a>
<a href="#">고객 센터</a>
</nav>
</div>
</div>
</div>
<!--컨텐츠-->
<div id="mid_content">
답변을 작성하시기 전에 로그인 해주세요.