縮小頁眉，完全刪除頁腳

我正在設計一個網站的前端（處理佈局html + css，稍後將使用php，mvc模式）。該網站有一個標題，正文，側面菜單和頁腳佈局已準備就緒。縮小頁眉，完全刪除頁腳

有幾種形式是異常長/巨大的，因爲所有字段都是必需的，我不能讓它們縮短。該表格將在新頁面中打開。

不要嚇跑用戶我打算縮小表單模板上的標題（設計更改只適用於表單模板）並完全清除頁腳。

我試着找幾個地方，但沒有找到如何去做。簡而言之，我希望網站具有所有塊，即標題，正文，頁腳，但是當涉及到表單時，我想縮小標題並刪除頁腳，以使表單看起來更時尚。

有沒有辦法做到這一點？

注意：我沒有發佈代碼，因爲我沒有問題的代碼，但概念。

來源

2017-06-05 Mecom

爲什麼PHP標籤？這顯然是一個樣式問題=> CSS/HTML相關，而不是PHP - 也沒有關於這個問題的jQuery。 – Qirel

@Qirel，我是汽車建議php和jquery ...新的SO。 – Mecom

對於僅適用於此頁面的CSS規則中的footer元素，您可以使用display: none（例如，該頁面頭部的style標記）。

關於標題，它取決於它是如何構建的，如果它具有徽標，背景圖像，文本，菜單等等。一般來說，你可以減少height，使標誌更小，隱藏文本的部分在裏面等

來源

2017-06-05 12:11:54 Johannes

這個工程，但你只是給了我一個想法，我想我可以使用PHP引擎模板引擎來完成這件事。感謝您的回覆/建議。 – Mecom

You can also done this thing using angularjs 
ng-include 
    <!DOCTYPE html> 
<html> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> 
<body > 
    <div ng-include="'header.html'"> 
    </div> 
     <div ng-include="'footer.html'"> 
    </div> 
</body> 
</html>

來源

2017-06-05 12:13:18

確保頁面的body有一個類，例如.no-footer .small-header或.form-page。然後在你的CSS樣式表中，使用如下所示：

body.no-footer #footer{ 
    display:none; 
} 
body.small-header #header{ 
    height:50px; 
    /* or whatever you want to apply to make the header smaller */ 
}

來源

2017-06-05 12:18:12

縮小頁眉，完全刪除頁腳

回答

相關問題