navbarと垂直メニューの間に含める

私は現在、私の最初のウェブサイトを作成していますが、いくつかの問題があります。navbarと垂直バーの間にページを入れたいのですが、私の垂直バーのボタン。ここで画面です： Screen of my Website navbarと垂直メニューの間に含める

そしてここでは、私のコードは次のとおりです。

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>Memeable | The 1# world meme generator</title> 
    <link href="css/bootstrap.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
    <script src="js/jquery.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
    <link href="css/bootstrap-social.css" rel="stylesheet"> 
</head> 
<body> 
    <div > 
    <?php 
     include("head.php"); 
    ?> 
    </div> 

</body>

ここに私のhead.phpさ：

<nav class="navbar navbar-default"> 
<div class="container-fluid"> 
<div class="navbar-header"> 
    <a class="navbar-brand" href="#">Memeable</a> 
    <a href="http://www.facebook.com" class="fa fa-facebook "></a> 
    <a href="http://www.twitter.com" class="fa fa-twitter "></a> 
</div> 
</div> 
</nav> 

<div class="vertical-menu"> 
    <a href="#" class="" id = "first">Premier</a> 
    <a href="#" class = "">Deuxième</a> 
    <a href="#" class = "">Troisième</a> 
    <a href="#" class = "">Quatrième</a> 
</div>

私は解決策が簡単であることを確信しているけどどのように行うか見ていない。ありがとうございます！

出典

2017-08-04 Zenor27

ボタンをクリックしたときにhead.phpを表示しますか？どのボタン？ –

それは単一のページアプリケーションですか？ –

垂直メニューのボタン（ "Premier、deuxièmeetc ...） – Zenor27

コンテンツエリアにコンテンツを表示するには、includeを使用してください。引数としてロードするファイル名を指定します。配列を使用して、使用するすべての有効なファイルを指定し、$_GETパラメータを使用して、ロードする正しいサブページを選択します。

あなたはコンテンツが使用以下のコード表示させたい場所に続いて、後

<?php 
$files = array(); 
$files['home'] = 'home.php'; 
$files['contact'] = 'contact.php'; 
$files['whatever'] = 'you_want.php'; 
?>

：右側のサブページは

のようなあなたのURLに ?nav=...クエリパラメータを追加する「コール」する

<?php 
if (isset($_GET['nav'], $files[$_GET['nav']])) { 
    include $files[$_GET['nav']]; 
} else { 
    include $files['home']; // default page 
} 
?>

を

<ul> 
    <li><a href="index.php?nav=home">Home</a></li> 
    <li><a href="index.php?nav=contact">Contact</a></li> 
</ul>

出典

2017-08-04 18:44:33 Progman

navbarと垂直メニューの間に含める

答えて

関連する問題