底部导航栏

最新推荐文章于 2024-05-11 13:02:30 发布

SimpleZihao

最新推荐文章于 2024-05-11 13:02:30 发布

阅读量126

点赞数

分类专栏：其他 Web前端 python 文章标签： html css3 django pycharm html5

本文链接：https://blog.csdn.net/weixin_51062176/article/details/119305714

版权

python 同时被 3 个专栏收录

21 篇文章 2 订阅

订阅专栏

其他

19 篇文章 0 订阅

订阅专栏

Web前端

10 篇文章 0 订阅

订阅专栏

Django中使用的底部导航栏节选

{% load static %}
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Deep Learning Visual Understanding Group</title>
    <meta name="viewport" content="width=device-width">
    <meta name="description" content="Deep Learning Visual Understanding Group">
    <link rel="icon" type="image/png" href="/basefolder/static/media/avatar/logo.jpg"/>
    <link rel="stylesheet" href="/static/css/github2.css">
    <link rel="stylesheet" href="/static/css/rouge.css">
    <link rel="stylesheet" href="/static/css/main.css">
    <script async defer src="https://buttons.github.io/buttons.js"></script>
    <style type="text/css">
        .footer {
            position: absolute;
            left: 0px;
            border: 0px;
            width: 100%;
            height: 220px;
            background-color: #111111;
        }

        .footer .alt1 {
            font-size: 16px;
            color: #888;
            margin-left: 60%{#overflow: hidden;#}{#padding: 20px 0;#}{#width: 1160px;#}{#margin: auto;#}
        }


        .footer .alt {
            overflow: hidden;
            padding: 20px 0;
            width: 1160px;
            margin: auto;
        }

        .footer .alt .lfoot {
            float: left;
            color: #fff !important;
            font-size: 30px;
        }

        .footer .alt .rfoot {
            float: right;
            color: #fff !important;
            margin-right: 150px
        }


        .footer .alt .foot p {
            color: #FFF;
            line-height: 28px;
        }

        .footer .alt .foot a {
            color: #999;
            display: block;
            line-height: 24px;
        }

        .footer .alt .foot a:hover {
            color: #CCC;
        }

    </style>

</head>

<body>
<nav class="navbar">
    <ul>
        {% block part1 %}

        {% endblock %}
    </ul>
</nav>

{% block part2 %}


{% endblock %}

</body>

<br>
<br>
<br>

<div class="footer">
    {#    <p style="font-size: 30px; color: #fff!important; margin-top: 10px; margin-left: 10%">Deep Learning Visual#}
    {#        Understanding Group</p>#}
    {#    <p style="font-size: 20px; color: #fff!important; margin-top: 15px; margin-right: 10%">About</p>#}
    {#    <p style="font-size: 16px; color: #888; margin-top: 100px; margin-left: 70%">© Copyright modified by xxx.</p>#}
    <div class="alt">
        <div class="lfoot">
            <p>Deep Learning Visual Understanding Group</p>
        </div>
        <div class="rfoot">
            <p style="font-size: 30px;">About</p>
            <a href="###" style="font-size: 15px">Location</a>
            <br>
            <a href="###" style="font-size: 15px">Contact</a>
        </div>
    </div>
    <div style="border-top:1px #1F1F1F solid;">
        <p class="alt1">© Copyright modified by xxx
        </p>
    </div>


</div>
</html>

SimpleZihao

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
底部导航栏

{% load static %}<html lang="en"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Deep Learning Visual Understanding Group</title> <meta name="viewport" cont
复制链接

扫一扫