伪站创建代码-山东理工
生活随笔
收集整理的這篇文章主要介紹了
伪站创建代码-山东理工
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
山東理工大學(xué)官網(wǎng)建立偽站：
<!doctype html> <html><head><meta charset="utf-8"><title>山東理工大學(xué)</title><link rel="stylesheet" href="ligong.css"><link rel="shortcut icon" href="favicon.ico"></head><body><!--整體布局--><div class="all"><!--頭部區(qū)域--><div id="head"><img src="english-bg.jpg" alt=""><!-- 頭部右邊區(qū)域--><div id="h-1"><!-- 右上邊區(qū)域--><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><!-- 右下邊區(qū)域--><div id="h-3"><input type="text" placeholder="請(qǐng)輸入關(guān)鍵字"><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">首頁(yè)</a></li><li><a href="" target="_self">新聞網(wǎng) </a></li><li><a href="" target="_self">學(xué)校概況</a></li><li><a href="" target="_self">機(jī)構(gòu)設(shè)置</a></li><li><a href="" target="_self">師資隊(duì)伍</a></li><li><a href="" target="_self">科學(xué)研究</a></li><li><a href="" target="_self">人才培養(yǎng)</a></li><li><a href="" target="_self">招生就業(yè)</a></li><li><a href="" target="_self">大學(xué)文化</a></li><li><a href="" target="_blank">國(guó)際交流</a></li><li><a href="" target="_blank">校友聯(lián)誼</a></li></ul></div></div><!-- 輪播圖片--><div id="photo"><img src="234.jpg" alt="" height="282px"></div> <div class="all"><!-- 身體部分--><div id="text"><!-- 身體左側(cè)--><div id="text-1"><div class="x"><h3>學(xué)校新聞</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' >讓每一位教師都主動(dòng)成為“驅(qū)動(dòng)單元”</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日，當(dāng)音樂(lè)學(xué)院劉楠老師從學(xué)校發(fā)布的《關(guān)于聘任方曉英等工作人員相應(yīng)崗位的通知》中找到自己的名字，并看到對(duì)應(yīng)的崗位等級(jí)為“8級(jí)”時(shí)...</a><a href="http://lgwindow.sdut.edu.cn/2018/0608/c1058a181333/page.htm">[詳細(xì)]</a></p></div><div class="x4"><ul> <!-- <hr style="border:1px solid ">--><li><span class="z1">紀(jì)念改革開(kāi)放40周年作品征集啟事</span><span class="z2">05-04</span></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li><span class="z1">“善小”獎(jiǎng)學(xué)金、助學(xué)金頒發(fā)儀式舉行</span><span class="z2">06-08</span></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li><span class="z1">學(xué)校召開(kāi)研究生工作會(huì)議</span><span class="z2">06-08</span></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li><span class="z1">學(xué)校頒發(fā)2018年研究生優(yōu)秀成果單項(xiàng)獎(jiǎng)</span><span class="z2">06-07</span></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li><span class="z1">“2018代數(shù)圖論國(guó)際前沿研討會(huì)”舉行</span><span class="z2">06-07</span></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li><span class="z1">學(xué)校舉行鞏固防治“吃空餉”問(wèn)題工作會(huì)議</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'>誠(chéng)聘海內(nèi)外高層次人才啟事</a> </li> <!-- <hr style="border: 1px dashed #ccc">--></ul></div></div><!-- 身體中間部分--><div id="text-2"><div class="x1"><ul><li class="y1"><h3>圖說(shuō)理工</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">媒體報(bào)道</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'>山理工大學(xué)加強(qiáng)研究生基地建設(shè)管理構(gòu)協(xié)同</a></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li>〖山東省教育廳〗<a href='http://lgwindow.sdut.edu.cn/2018/0607/c1070a181280/page.htm' target='_blank'>山東省高校青年教師教學(xué)比賽決賽在山...</a></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li>〖山東省教育廳〗<a href='http://lgwindow.sdut.edu.cn/2018/0607/c1070a181281/page.htm' target='_blank'>山理工推出安全環(huán)保紙袋助力“限塑”...</a></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li>〖山東省教育廳〗<a href='http://lgwindow.sdut.edu.cn/2018/0607/c1070a181282/page.htm' target='_blank'>山理工動(dòng)真碰硬集中治理違建建設(shè)和諧...</a></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li>〖山東省教育廳〗<a href='http://lgwindow.sdut.edu.cn/2018/0601/c1070a178511/page.htm' target='_blank'>山理工“第二課堂成績(jī)單”助力“五有...</a></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li>〖山東省教育廳〗<a href='http://lgwindow.sdut.edu.cn/2018/0601/c1070a178512/page.htm' target='_blank'>山東理工大學(xué)成立科學(xué)技術(shù)協(xié)會(huì)推進(jìn)科...</a></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --><li>〖山東省教育廳〗<a href='http://lgwindow.sdut.edu.cn/2018/0601/c1070a178513/page.htm' target='_blank' >山理工大學(xué)成立新舊動(dòng)能轉(zhuǎn)換研究中心</a></li> <!-- <hr style="border: 1px dashed #BCB5B5"> --></ul></div></div><!-- 身體右側(cè)部分區(qū)域--><div id="text-3"><div class="x1"><h3 class="y1">學(xué)術(shù)活動(dòng)</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'>山東理工大學(xué)“兩學(xué)一做”學(xué)習(xí)教育網(wǎng)站</a></li> <!-- <hr style="border: 1px dashed #ccc">--><li><a href='http://lgwindow.sdut.edu.cn/qggxzzlm/list.psp' target='_blank' >山東理工大學(xué)“一精神”“一規(guī)劃”專題</a></li> <!-- <hr style="border: 1px dashed #ccc">--><li><a href='http://charter.sdut.edu.cn/' target='_blank'>山東理工大學(xué)“大學(xué)章程建設(shè)”專題網(wǎng)站</a></li> <!-- <hr style="border: 1px dashed #ccc">--></ul></div></div></div> <!--下面導(dǎo)航欄--><div id="nav-1"><ul><li><a href="" target="_self">圖書(shū)館</a></li><li><b>·</b></li><li><a href="" target="_self">信息公開(kāi)</a></li><li><b>·</b></li><li><a href="" target="_self">招標(biāo)采購(gòu)</a></li><li><b>·</b></li><li><a href="" target="_self">辦公系統(tǒng)</a></li><li><b>·</b></li><li><a href="" target="_self">郵件系統(tǒng)</a></li><li><b>·</b></li><li><a href="" target="_self">校園VPN</a></li><li><b>·</b></li><li><a href="" target="_self">在線學(xué)習(xí)</a></li><li><b>·</b></li><li><a href="" target="_self">站點(diǎn)導(dǎo)航</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開(kāi)始*/ #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開(kāi)始構(gòu)建*/ #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'); }?
轉(zhuǎn)載于:https://www.cnblogs.com/dk2557/p/9167836.html
總結(jié)
以上是生活随笔為你收集整理的伪站创建代码-山东理工的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 第四阶段 04_Linux基本操作
- 下一篇： [环境]Mac Homebrew自动安装