|
 |
| |
ช่วยด้วยครับ dropmenu ไม่ดรอปให้ในหน้าแรกแต่ดรอปในอีกหน้าแทน |
| |
 |
|
|
 |
 |
|
Code ครับ
<nav class="navba navbar-default" style="background: #478847;">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">คลินิกสมจริง</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="home"><a href="home.php">หน้าแรก</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">จัดการข้อมูล<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">จัดการข้อมูล</a></li>
<li><a href="#">จัดการข้อมูล1</a></li>
<li><a href="#">จัดการข้อมูล</a></li>
</ul>
</li>
<li><a href="home.php?page=addinfo">เพิ่มข้อมูล</a></li>
<li><a href="home.php?page=pr int">สั่งปริ้น</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><p class="showerl">Welcome</p><?php $_SESSION["UserID"]; ?></li>
<li><a href="login.php">Logout</a></li>
</ul>
</div>
</div>
</nav>
CSS
}
.navbar-nav > li > a, .navbar-brand{
padding-top:6px !important;
padding-bottom:0 !important;
height: 33px;
}
.navbar-nav > li > p{
padding-top:15px !important;
padding-bottom: 0 !important;
}
.nav navbar-nav navbar-right {
background:#478847;
}
.navbar-default {
background-color: #e74c3c;
border-color: #c0392b;
}
.navbar-default .navbar-brand {
color: #ecf0f1;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #ffffff;
}
.navbar-default .navbar-text {
color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,{
color: #ffffff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
color: #ffffff;
background-color: #c0392b;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
color: #ffffff;
background-color: #c0392b;
}
.navbar-default .navbar-link {
color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
color: #ffffff;
}
.breadcrumb{
background:#cccccc;
color:#333333;
}
.breadcrumb a{
color:#333333;
}
#footer{
background:#333333;
color:#ffffff;
text-align:center;
padding:30px;
margin-top:30px;
}
.container a {
color: #ffffff;
text-decoration: none;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #ecf0f1;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ffbbbc;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #ffbbbc;
background-color: #c0392b;
}
}
อันนี้ codeหน้าที่ไปแสดง
<?php require_once('Connections/connect.php'); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>คลินิกหมอสมจริง</title>
<!-- Bootstrap core CSS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/styleshit.css" rel="stylesheet">
</head>
<body style="background-color:#FFE4B5">
<nav class="header">
<?php require('nav.php')?>
</nav>
<header id="header">
<div class="container">
<div class="row">
<div class="col-md-10">
<h1>จัดการข้อมูล</h1>
</div>
</div>
</div>
</header>
<section id="breadcrumb">
<div class="container">
<ol class="breadcrumb">
<li class="active">Dashboard</li>
</ol>
</div>
</section>
<section id="main">
<div class="container">
<div class="row">
<div class="col-md-12">
<!-- Website Overview -->
<?php
$page = isset($_GET['page']) ? ($_GET['page']): 'main';
include($page.'.php');
?>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
<footer id="footer">
<?php require('footer.php')?>
</footer>
</body>
</html>
Tag : PHP, HTML, CSS, jQuery, Bootstrap Framework, Windows
|
|
|
 |
 |
 |
 |
| Date :
2017-11-11 17:13:56 |
By :
phikanatekung |
View :
1211 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ลองตรวจสอบไฟล์ plugin ที่เรียกใช้ดูครับว่า เรียกใช้ครบหรือไม่? และพวก javascript plugin ต่างๆที่เรียกใช้ ต้องไม่ซ้ำกันนะครับ ลองใช้ firebug ใน firefox ดู error ก็ได้ครับ ว่ามัน error หรือ ไม่ทำงานเพราะอะไร
|
| |
|
|
| |
| Date :
2017-11-22 01:50:59 |
By :
Manussawin |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 05
|
