伪站创建代码-山东理工
生活随笔
收集整理的這篇文章主要介紹了
伪站创建代码-山东理工
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
山東理工大學官網建立偽站：
<!doctype html> <html><head><meta charset="utf-8"><title>山東理工大學</title><link rel="stylesheet" href="ligong.css"><link rel="shortcut icon" href="favicon.ico"></head><body><!--整體布局--><div class="all"><!--頭部區域--><div id="head"><img src="english-bg.jpg" alt=""><!-- 頭部右邊區域--><div id="h-1"><!-- 右上邊區域--><div id="h-2"><ul id="h-nav"><li><a href="http://ehall.sdut.edu.cn/" target="_blank">在校生</a></li><li>+</li><li><a href="http://ehall.sdut.edu.cn/" target="_blank">教職工</a></li><li>+</li><li><a href="http://zszx.sdut.edu.cn/" target="_blank">考生</a></li><li>+</li><li><a href="http://xy.sdut.edu.cn/" target="_blank">校友</a></li><li>+</li><li> <a href="http://xy.sdut.edu.cn/" target="_blank" >訪客</a></li><li>+</li></ul></div><!-- 右下邊區域--><div id="h-3"><input type="text" placeholder="請輸入關鍵字"><img src="sous-bg.jpg" alt=""></div></div></div><!-- <hr style="width:70%;margin-left: auto;margin-right: auto;height: 1px;color: #CFC6C7">--><div id="nav"><ul><li><a href="" target="_self">首頁</a></li><li><a href="" target="_self">新聞網 </a></li><li><a href="" target="_self">學校概況</a></li><li><a href="" target="_self">機構設置</a></li><li><a href="" target="_self">師資隊伍</a></li><li><a href="" target="_self">科學研究</a></li><li><a href="" target="_self">人才培養</a></li><li><a href="" target="_self">招生就業</a></li><li><a href="" target="_self">大學文化</a></li><li><a href="" target="_blank">國際交流</a></li><li><a href="" target="_blank">校友聯誼</a></li></ul></div></div><!-- 輪播圖片--><div id="photo"><img src="234.jpg" alt="" height="282px"></div> <div class="all"><!-- 身體部分--><div id="text"><!-- 身體左側--><div id="text-1"><div class="x"><h3>學校新聞</h3><a href="http://lgwindow.sdut.edu.cn/1058/list.htm" target="_blank" class="y2">[更多]</a></div><div class="x3"><h3 class="y1"><a href='http://lgwindow.sdut.edu.cn/2018/0608/c1058a181333/page.htm' target='_blank' >讓每一位教師都主動成為“驅動單元”</a></h3><h3 class="y2"><a href='http://lgwindow.sdut.edu.cn/2018/0608/c1058a181333/page.htm' target='_blank' >----我校第二輪崗位聘用期滿考核與...</a></h3><p class="y3"><a href='http://lgwindow.sdut.edu.cn/2018/0608/c1058a181333/page.htm' target='_blank' >5月31日，當音樂學院劉楠老師從學校發布的《關于聘任方曉英等工作人員相應崗位的通知》中找到自己的名字，并看到對應的崗位等級為“8級”時...</a><a href="http://lgwindow.sdut.edu.cn/2018/0608/c1058a181333/page.htm">[詳細]</a></p></div><div class="x4"><ul> <!-- <hr style="border:1px solid ">--><li><span class="z1">紀念改革開放40周年作品征集啟事</span><span class="z2">05-04</span></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li><span class="z1">“善小”獎學金、助學金頒發儀式舉行</span><span class="z2">06-08</span></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li><span class="z1">學校召開研究生工作會議</span><span class="z2">06-08</span></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li><span class="z1">學校頒發2018年研究生優秀成果單項獎</span><span class="z2">06-07</span></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li><span class="z1">“2018代數圖論國際前沿研討會”舉行</span><span class="z2">06-07</span></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li><span class="z1">學校舉行鞏固防治“吃空餉”問題工作會議</span><span class="z2">06-07</span></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --></ul></div><div class="x"><h3>通知公告</h3><a href="http://lgwindow.sdut.edu.cn/1058/list.htm" target="_blank" class="y2">[更多]</a></div><div class="x7"><ul><li><a href='http://rshch.sdut.edu.cn/2017/1212/c204a104106/page.psp' target='_blank'>誠聘海內外高層次人才啟事</a> </li> <!-- <hr style="border: 1px dashed #ccc">--></ul></div></div><!-- 身體中間部分--><div id="text-2"><div class="x1"><ul><li class="y1"><h3>圖說理工</h3></li><li class="y2"><h3>視頻理工</h3></li></ul><a href="http://lgwindow.sdut.edu.cn/1058/list.htm" target="_blank" class="y3">[更多]</a></div><div class="x2"><img src="border-1.jpg" ></div><div class="x3"><img src="111.jpg"></div><div class="x4"><h3 class="y1">媒體報道</h3><a href="http://lgwindow.sdut.edu.cn/1058/list.htm" target="_blank" class="y2">[更多]</a></div><div class="x5"><img src="border-1.jpg" ></div><div class="x6"><ul> <!-- <hr style="border:1px solid ">--><li>〖山東省教育廳〗<a href='http://lgwindow.sdut.edu.cn/2018/0607/c1070a181280/page.htm' target='_blank'>山理工大學加強研究生基地建設管理構協同</a></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li>〖山東省教育廳〗<a href='http://lgwindow.sdut.edu.cn/2018/0607/c1070a181280/page.htm' target='_blank'>山東省高校青年教師教學比賽決賽在山...</a></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li>〖山東省教育廳〗<a href='http://lgwindow.sdut.edu.cn/2018/0607/c1070a181281/page.htm' target='_blank'>山理工推出安全環保紙袋助力“限塑”...</a></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li>〖山東省教育廳〗<a href='http://lgwindow.sdut.edu.cn/2018/0607/c1070a181282/page.htm' target='_blank'>山理工動真碰硬集中治理違建建設和諧...</a></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li>〖山東省教育廳〗<a href='http://lgwindow.sdut.edu.cn/2018/0601/c1070a178511/page.htm' target='_blank'>山理工“第二課堂成績單”助力“五有...</a></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li>〖山東省教育廳〗<a href='http://lgwindow.sdut.edu.cn/2018/0601/c1070a178512/page.htm' target='_blank'>山東理工大學成立科學技術協會推進科...</a></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li>〖山東省教育廳〗<a href='http://lgwindow.sdut.edu.cn/2018/0601/c1070a178513/page.htm' target='_blank' >山理工大學成立新舊動能轉換研究中心</a></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --></ul></div></div><!-- 身體右側部分區域--><div id="text-3"><div class="x1"><h3 class="y1">學術活動</h3><a href="http://lgwindow.sdut.edu.cn/1058/list.htm" target="_blank" class="y2">[更多]</a></div><div class="x2"><img src="border-1.jpg" ></div><div class="x3"><ul><li><img src="2.png" alt=""></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li><img src="2.png" alt=""></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li><img src="2.png" alt=""></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li><img src="2.png" alt=""></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --></ul></div><div class="x4"><h3 class="y1">專題信息</h3><a href="http://lgwindow.sdut.edu.cn/1058/list.htm" target="_blank" class="y2">[更多]</a></div><div class="x5"><img src="border-1.jpg" ></div><div class="x6"><ul><li><a href='http://lxyz.sdut.edu.cn/' target='_blank'>山東理工大學“兩學一做”學習教育網站</a></li> <!-- <hr style="border: 1px dashed #ccc">--><li><a href='http://lgwindow.sdut.edu.cn/qggxzzlm/list.psp' target='_blank' >山東理工大學“一精神”“一規劃”專題</a></li> <!-- <hr style="border: 1px dashed #ccc">--><li><a href='http://charter.sdut.edu.cn/' target='_blank'>山東理工大學“大學章程建設”專題網站</a></li> <!-- <hr style="border: 1px dashed #ccc">--></ul></div></div></div> <!--下面導航欄--><div id="nav-1"><ul><li><a href="" target="_self">圖書館</a></li><li><b>·</b></li><li><a href="" target="_self">信息公開</a></li><li><b>·</b></li><li><a href="" target="_self">招標采購</a></li><li><b>·</b></li><li><a href="" target="_self">辦公系統</a></li><li><b>·</b></li><li><a href="" target="_self">郵件系統</a></li><li><b>·</b></li><li><a href="" target="_self">校園VPN</a></li><li><b>·</b></li><li><a href="" target="_self">在線學習</a></li><li><b>·</b></li><li><a href="" target="_self">站點導航</a></li><li><b>·</b></li></ul></div><!-- 底部圖片--><div id="bottom"></div></div></body> </html>外部引用css
*{margin: 0px;padding: 0px;} .all{ /*max-width:1366px;min-width: 1028px; */margin: 0px auto;position: relative; } #head{height: 125px;width: 100%;background:url(head-bg.png);background-position:40% 0; position: relative;background-repeat:no-repeat;} #head img{position: absolute;top:58%;left:36%; }#h-1{height: 125px;width: 35%;position: relative; /* background: green;*/float: right } #h-2{ width:100%; position: absolute; top: 25px; /*background: red;*/ } #h-2 li{list-style-type: none;float: left;margin-left: 8px;font-size: 12px;color: #666;} #h-2 li a{text-decoration: none; } #h-2 li a:hover{color: #ccc; }#h-3{height: 50px;width: 100%;position: absolute;bottom: 14px;box-sizing: border-box; /* background: blue;*/ } #h-3 input{height: 28px;width: 180px; margin-left: 100px; } #h-3 img{width: 40px;height: 30px;position: absolute;top: 0px;left: 282px; }#nav{width: 85%;height: 50px;line-height: 50px; /* background: red;*/position: relative;border-top: 1px solid #C9C0C0;margin: 0px auto; } #nav ul{margin: 0px auto; } #nav li{list-style-type: none;float: left;margin-left: 10px;font-size: 18px;line-height: 50px;position: relative;text-align: center；/* left:10%; */ } #nav li a{padding: 0 10px; } #nav li a:link{text-decoration: none; /* color: #ccc; */ } #photo{width: 100%;height: 282px;text-align: center; /* background: #ccc;*/ /* background: url(234.jpg);*/ /* background-size: cover;*/ } #text{width: 980px;height:630px;margin: 0 auto; /* background: #ccc;*/} #text-2,#text-1{margin-right: 0.5%; }#text-1{width: 33%;height: 630px; /* background:red;*/float: left;position: relative; }#text-2{width: 33%;height:630px; /* background: yellow;*/float:left;position: relative;} #text-3{width: 33%;height: 630px; /* background: green;*/float: left;position: relative; }#text-1 .x{width: 100%;height: 32px;line-height: 32px;background:url(border-1.jpg) no-repeat bottom;position: relative;margin: 0px auto;} #text-1 .x .y1{position:absolute;bottom: 0px;left:0px;color: #666; } #text-1 .x .y2{position:absolute;bottom: 0px;right:0px;color: #666; } #text-1 .x a:link{text-decoration: none;color: red; } #text-1 .x3{width: 100%;height: 120px; /* background: #68C8B2;*/text-align: center; } #text-1 .x3 .y1 a:link{text-decoration: none;font-size: 18px; } #text-1 .x3 .y2 a:link{text-decoration: none;font-size: 12px; } #text-1 .x3 .y3{text-align: left;text-indent:2em;border-bottom: 1px solid #ccc; } #text-1 .x3 .y3 a:link{text-decoration: none;font-size: 12px; } #text-1 .x4{width: 100%;height: 280px; /* background: #F085D8;*/position: relative; } #text-1 .x4 .y1{width: 100%;height: 30px;position:absolute;border-style: solid none none none ;border-color:#706B6B; } #text-1 .x4 li{height: 45px;line-height:45px;list-style-position: inside;font-size: 12px;border-bottom: 1px dashed #ccc; }#text-1 li .z2{float: right; } #text-1 .x5{width: 100%;height: 32px; /* background: #EDB64D;*/position: relative;margin: 0px auto; } #text-1 .x5 .y1{position: absolute;bottom: 0px;left:0px; } #text-1 .x5 .y2{position: absolute;bottom: 0px;right: 0px; } #text-1 .x5 a:link{text-decoration: none;color: red; } #text-1 .x6{width: 100%;height: 1px;position: relative;margin: 0px auto; } #text-1 .x6 img{position:absolute;bottom: 0px;right:0px; } #text-1 .x7{width: 100%;height: 120px; /* background: #5C68F0;*/position:absolute;} #text-1 .x7 a:link{text-decoration: none;font-size: 12px;color: red;} #text-1 .x7 li{height: 45px;line-height: 45px;list-style-position: inside;border-bottom: 1px dashed #ccc; } /*text-2開始*/ #text-2 .x1{width: 100%;height: 32px; /* background: #ccc;*/position: relative; }#text-2 .x1 ul{position: absolute;bottom: 0px; } #text-2 .x1 li{ list-style: none; float: left; margin-left: 10px; } #text-2 .x1 a:link{text-decoration: none;color: red; } #text-2 .x1 .y3{position: absolute;right: 0px;bottom: 0px; } #text-2 .x2{width: 100%;height: 1px;position: relative;margin: 0px auto; } #text-2 .x2 img{position:absolute;bottom: 0px;right:0px; } #text-2 .x3{width: 100%;height: 200px;position: relative; } #text-2 .x3 img{height: 200px;width: 100%; } #text-2 .x4{width: 100%;height: 32px; /* background: #ccc;*/position:relative; } #text-2 .x4 .y1{position: absolute;bottom: 0px;left:0px; } #text-2 .x4 a{position:absolute;bottom: 0px;right:0px;color: #666; } #text-2 .x4 a:hover{text-decoration: none;color: red; } #text-2 .x5{width: 100%;height: 1px;position: relative;margin: 0px auto; } #text-2 .x5 img{position:absolute;bottom: 0px;right:0px; } #text-2 .x6{width: 100%;height: 250px;position: relative;margin: 0px auto;}#text-2 .x6 li{height: 45px;line-height: 45px;border-bottom: 1px dashed #ccc;list-style-position: inside;font-size: 12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} #text-2 .x6 a{color: #5A5656;text-decoration: none; } #text-2 .x6 a:hover{color: red; } /*text-3開始構建*/ #text-3 .x1{width: 100%;height: 32px; /* background: #ccc;*/position: relative; } #text-3 .x1 .y1{position:absolute;bottom: 0px;left:0px; } #text-3 .x1 .y2{position:absolute;bottom: 0px;right:0px;color: #666; } #text-3 .x1 a:link{text-decoration: none;color: red; } #text-3 .x2{width: 100%;height: 1px;position: relative;margin: 0px auto; } #text-3 .x2 img{position:absolute;bottom: 0px;right:0px; } #text-3 .x3{width: 100%;height: 380px;position: relative;margin: 0px auto; } #text-3 .x3 li{height:80px;margin: 10px;list-style-position: inside;border-bottom: 1px dashed #ccc; } #text-3 .x3 ul{list-style: outside none none;list-style-type: none;list-style-image: none;list-style-position: outside; } #text-3 .x4{width: 100%;height: 32px; /* background: #ccc;*/position: relative; } #text-3 .x4 .y1{position:absolute;bottom: 0px;left:0px; } #text-3 .x4 .y2{position:absolute;bottom: 0px;right:0px;color: #666; } #text-3 .x4 a:link{text-decoration: none;color: red; }#text-3 .x5{width: 100%;height: 1px;position: relative;margin: 0px auto; } #text-3 .x5 img{position:absolute;bottom: 0px;right:0px; } #text-3 .x6{width: 100%;height: 250px;position: relative;margin: 0px auto;} #text-3 .x6 li{height: 45px;line-height: 45px;border-bottom: 1px dashed #ccc;list-style-position: inside;font-size: 12px; }#text-3 .x6 li a{color: #5A5656;text-decoration: none; }#text-3 .x6 li a:hover{color: red; } #nav-1{width: 100%;height: 50px; /* background: red;*/position: relative;border-top: 1px solid #DDD8D8; } #nav-1 li{list-style-type:none;float: left;margin-left: 25px;font-size: 18px;line-height: 50px;position: relative;left:12%; } #nav-1 li a:link{text-decoration: none;color: #ccc; } #bottom {width: 100%;height: 90px;background:url('x.png'); }?
轉載于:https://www.cnblogs.com/dk2557/p/9167836.html
總結
以上是生活随笔為你收集整理的伪站创建代码-山东理工的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 第四阶段 04_Linux基本操作
- 下一篇： [环境]Mac Homebrew自动安装