iotcat
/
personal.navigation.website
mirror of https://github.com/IoTcat/personal.navigation.website.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

personalize

Browse Source
master
IoTcat 5 years ago
parent b9bbe48372
commit c565afc729
2 changed files with 104 additions and 242 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 337
      Ensk's Web/Index.html
  2. 9
      Ensk's Web/css/Index.css

337
Ensk's Web/Index.html
Unescape View File

@ -1,10 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>toJohn</title>
<title>Yimian HomePage</title>
<script type="text/javascript">document.write('<style type="text/css">body{background-image: url("https://api.yimian.xyz/moe?i=PCBackground&k&s='+Math.random()+'");}</style>');</script>
<style type="text/css">
body{
background-size: 100% 100%;
font-family: 'Microsoft YaHei UI',arial,sans-serif;
font-size: 13px;
}
</style>
<link rel="stylesheet" href="./css/Index.css">
<link rel="shortcut icon" href="images/favicon.png"/>
<link rel="shortcut icon" href="https://cdn.yimian.xyz/img/logo/logo.ico"/>
<script>
//LISTEN ENTER KEYDOWN EVENT
document.onkeydown = function(e){
@ -42,7 +50,7 @@
alert("search text is empty ! ");
return false;
}
var search_url = "https://www.baidu.com/s?wd=" + search_txt;
var search_url = "https://www.google.com/search?newwindow=1&hl=zh-CN&q=" + search_txt;
window.open(search_url);
}
}
@ -53,60 +61,60 @@
<!---------------------------------------------------------------------------------------------------->
<div id="logo">
<img src="./images/Logo.png" alt="tojohnonly">
<a href="https://iotcat.me" target="_blank"><img src="https://cdn.yimian.xyz/img/logo/logo.png" alt="tojohnonly"></a>
</div>
<!---------------------------------------------------------------------------------------------------->
<div id="search-bar">
<input id="search-bar-input" onkeydown="on_enter_key()" type="text" placeholder="search everything ..." autocomplete="off">
<button style="margin-left: 185px;" onclick="do_baidu_search()">Google</button><a class="close"></a>
<button onclick="do_google_search()">手气不错</button><a class="close"></a>
<button style="margin-left: 185px;" onclick="do_google_search()">Google</button><a class="close"></a>
<button onclick="do_baidu_search()">百度</button><a class="close"></a>
</div>
<!---------------------------------------------------------------------------------------------------->
<div id="nav-panel">
<a class="nav-panel-item" title="Google" href="https://www.google.com/" target="_blank">
<img src="./images/web_icons/Google.png" alt="Google" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Google</div>
<a class="nav-panel-item" title="西交利物浦" href="https://www.xjtlu.edu.cn/" target="_blank">
<img src="https://gss1.bdstatic.com/5bVZsj_p_tVS5dKfpU_Y_D3/qiusuo_icon/ffa0c2155aa92fbfab7bbdb06f3b02cb.png" alt="Google" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">西交利物浦</div>
</a>
<a class="nav-panel-item" title="Wikipedia" href="https://zh.wikipedia.org/" target="_blank">
<img src="./images/web_icons/Wikipedia.png" alt="Wikipedia" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Wikipedia</div>
<a class="nav-panel-item" title="WeChat" href="https://wx.qq.com/" target="_blank">
<img src="https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=3528894059,640966735&fm=58" alt="Wikipedia" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">微信</div>
</a>
<a class="nav-panel-item" title="Dictionary" href="http://dict.youdao.com/" target="_blank">
<img src="./images/web_icons/Dictionary.png" alt="Dictionary" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Dictionary</div>
<a class="nav-panel-item" title="Github" href="https://github.com/" target="_blank">
<img src="./images/web_icons/Github.png" alt="Github" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Github</div>
</a>
<a class="nav-panel-item" title="Blog" href="file:///C:/Program%20Files/Ensk's%20Blog/Index.html" target="_blank">
<img src="./images/web_icons/Blog.png" alt="Blog" height="16" width="16" class="nav-panel-item-img">
<a class="nav-panel-item" title="IoTcat" href="https://www.eee.dog/" target="_blank">
<img src="https://cdn.yimian.xyz/img/logo/head.jpg" alt="Blog" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Blog</div>
</a>
<a class="nav-panel-item" title="Baidu" href="https://www.baidu.com/" target="_blank">
<img src="./images/web_icons/Baidu.png" alt="Baidu" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Baidu</div>
<a class="nav-panel-item" title="Bilibili" href="https://www.bilibili.com/" target="_blank">
<img src="./images/web_icons/Bilibili.png" alt="Bilibili" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Bilibili</div>
</a>
<!----------------------------------------------2------------------------------------------------------>
<div class="nav-panel-line" style="background-color: #d9e9f4"></div>
<a class="nav-panel-item" title="InfoQ" href="http://www.infoq.com/cn/" target="_blank">
<img src="./images/web_icons/InfoQ.png" alt="InfoQ" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">InfoQ</div>
<a class="nav-panel-item" title="ICE" href="https://ice.xjtlu.edu.cn/" target="_blank">
<img src="https://gss0.bdstatic.com/5bVSsj_p_tVS5dKfpU_Y_D3/qiusuo_icon/0bca72cba3fa7050294271ec0e961710.png" alt="InfoQ" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">ICE</div>
</a>
<a class="nav-panel-item" title="CBlog" href="http://blog.csdn.net/tojohnonly" target="_blank">
<img src="./images/web_icons/CBlog.png" alt="CBlog" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">CBlog</div>
<a class="nav-panel-item" title="e-Bridge" href="https://ebridge.xjtlu.edu.cn/" target="_blank">
<img src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1696532274,1981152654&fm=27&gp=0.jpg" alt="CBlog" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">e-Bridge</div>
</a>
<a class="nav-panel-item" title="Toutiao" href="http://toutiao.io/" target="_blank">
<img src="./images/web_icons/Toutiao.png" alt="Toutiao" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Toutiao</div>
<a class="nav-panel-item" title="Zhihu" href="http://www.zhihu.com/" target="_blank">
<img src="./images/web_icons/Zhihu.png" alt="Zhihu" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Zhihu</div>
</a>
<a class="nav-panel-item" title="Hackers" href="https://news.ycombinator.com/" target="_blank">
@ -114,265 +122,124 @@
<div class="nav-panel-item-txt">Hackers</div>
</a>
<a class="nav-panel-item" title="Stack" href="http://stackoverflow.com/" target="_blank">
<img src="./images/web_icons/Stack.png" alt="Stack" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Stack</div>
<a class="nav-panel-item" title="BaiDisk" href="http://pan.baidu.com/disk/home" target="_blank">
<img src="./images/web_icons/BaiDisk.png" alt="BaiDisk" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">BaiDisk</div>
</a>
<!----------------------------------------------3------------------------------------------------------>
<div class="nav-panel-line"></div>
<a class="nav-panel-item" title="Tmtpost" href="http://www.tmtpost.com/" target="_blank">
<img src="./images/web_icons/Tmtpost.png" alt="Tmtpost" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Tmtpost</div>
<a class="nav-panel-item" title="Youtube" href="https://www.youtube.com/" target="_blank">
<img src="./images/web_icons/Youtube.png" alt="Youtube" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Youtube</div>
</a>
<a class="nav-panel-item" title="IThome" href="http://www.ithome.com/" target="_blank">
<img src="./images/web_icons/IThome.png" alt="IThome" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">IThome</div>
<a class="nav-panel-item" title="Twitter" href="https://twitter.com/" target="_blank">
<img src="./images/web_icons/Twitter.png" alt="Twitter" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Twitter</div>
</a>
<a class="nav-panel-item" title="Leiphone" href="http://www.leiphone.com/" target="_blank">
<img src="./images/web_icons/Leiphone.png" alt="Leiphone" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Leiphone</div>
<a class="nav-panel-item" title="Weibo" href="https://weibo.com/" target="_blank">
<img src="./images/web_icons/Weibo.png" alt="Weibo" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Weibo</div>
</a>
<a class="nav-panel-item" title="Huxiu" href="http://www.huxiu.com/" target="_blank">
<img src="./images/web_icons/Huxiu.png" alt="Huxiu" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Huxiu</div>
<a class="nav-panel-item" title="LinkedIn" href="https://www.linkedin.com/feed/" target="_blank">
<img src="https://gss0.bdstatic.com/5bVYsj_p_tVS5dKfpU_Y_D3/qiusuo_icon/129fcef5e6cae3e8a44333afb3b5add6.png" alt="Huxiu" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">LinkedIn</div>
</a>
<a class="nav-panel-item" title="iFanr" href="http://www.ifanr.com/" target="_blank">
<img src="./images/web_icons/iFanr.png" alt="iFanr" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">iFanr</div>
<a class="nav-panel-item" title="Telegram" href="https://web.telegram.org/#/im" target="_blank">
<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1554552970603&di=913d1c1bb1149fcc8f768dd93e0245b1&imgtype=0&src=http%3A%2F%2Fa5.mzstatic.com%2Fus%2Fr30%2FPurple6%2Fv4%2Fea%2F2f%2Ff3%2Fea2ff33d-3241-4acf-e17b-53c4b429475f%2FAppIcon.512x512-75.png" alt="Telegram" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Telegram</div>
</a>
<!-----------------------------------------------4----------------------------------------------------->
<div class="nav-panel-line"></div>
<a class="nav-panel-item" title="Github" href="https://github.com/" target="_blank">
<img src="./images/web_icons/Github.png" alt="Github" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Github</div>
<a class="nav-panel-item" title="126" href="https://mail.126.com/" target="_blank">
<img src="https://mail.163.com/favicon.ico" alt="163" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">126邮箱</div>
</a>
<a class="nav-panel-item" title="V2EX" href="https://www.v2ex.com/" target="_blank">
<img src="./images/web_icons/V2EX.png" alt="V2EX" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">V2EX</div>
<a class="nav-panel-item" title="V2EX" href="https://www.wjx.cn/newwjx/manage/myquestionnaires.aspx" target="_blank">
<img src="https://www.wjx.cn/favicon.ico" alt="V2EX" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">问卷星</div>
</a>
<a class="nav-panel-item" title="Geekpark" href="http://www.geekpark.net/" target="_blank">
<img src="./images/web_icons/Geekpark.png" alt="Geekpark" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Geekpark</div>
<a class="nav-panel-item" title="蛐蛐钢琴网" href="https://www.tan8.com/piano.html" target="_blank">
<img src="https://www.tan8.com/favicon.ico" alt="蛐蛐钢琴网" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">蛐蛐钢琴网</div>
</a>
<a class="nav-panel-item" title="Engadget" href="https://cn.engadget.com/" target="_blank">
<img src="./images/web_icons/Engadget.png" alt="Engadget" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Engadget</div>
<a class="nav-panel-item" title="随手记" href="https://www.feidee.com/money/tally/new.do" target="_blank">
<img src="https://www.feidee.com/favicon.ico" alt="随手记" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">随手记</div>
</a>
<a class="nav-panel-item" title="Cnbeta" href="https://www.cnbeta.com/" target="_blank">
<img src="./images/web_icons/Cnbeta.png" alt="Cnbeta" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Cnbeta</div>
<a class="nav-panel-item" title="Greasy Fork" href="https://greasyfork.org/zh-TW" target="_blank">
<img src="https://gss1.bdstatic.com/5bVZsj_p_tVS5dKfpU_Y_D3/qiusuo_icon/3844f41936de5dc907545cb83a92f5bc.png" alt="Greasy Fork" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Greasy Fork</div>
</a>
<!----------------------------------------------5------------------------------------------------------>
<div class="nav-panel-line" style="background-color: #d9f4de"></div>
<a class="nav-panel-item" title="Map" href="http://map.baidu.com/" target="_blank">
<img src="./images/web_icons/Map.png" alt="Map" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Map</div>
<a class="nav-panel-item" title="网易公开课" href="https://c.open.163.com/center/myCourse.htm" target="_blank">
<img src="http://c.open.163.com/favicon.ico" alt="网易公开课" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">网易公开课</div>
</a>
<a class="nav-panel-item" title="Drive" href="https://drive.google.com/drive/my-drive" target="_blank">
<img src="./images/web_icons/Drive.png" alt="Drive" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Drive</div>
<a class="nav-panel-item" title="MOOC" href="https://www.icourse163.org/" target="_blank">
<img src="https://gss0.bdstatic.com/5bVSsj_p_tVS5dKfpU_Y_D3/qiusuo_icon/bc80781cfa3aaf81ae0ebdebed282dcd.png" alt="MOOC" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">中国大学MOOC</div>
</a>
<a class="nav-panel-item" title="Outlook" href="https://outlook.live.com/" target="_blank">
<img src="./images/web_icons/Outlook.png" alt="Outlook" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Outlook</div>
<a class="nav-panel-item" title="Google站长平台" href="https://search.google.com/search-console" target="_blank">
<img src="./images/web_icons/Google.png" alt="Google站长平台" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Google站长平台</div>
</a>
<a class="nav-panel-item" title="163" href="http://mail.163.com/" target="_blank">
<img src="./images/web_icons/163.png" alt="163" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">163</div>
<a class="nav-panel-item" title="IEEE" href="https://ieeexplore.ieee.org/Xplore/home.jsp" target="_blank">
<img src="https://ieeexplore.ieee.org/favicon.ico" alt="IEEE" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">IEEE</div>
</a>
<a class="nav-panel-item" title="BaiDisk" href="http://pan.baidu.com/disk/home" target="_blank">
<img src="./images/web_icons/BaiDisk.png" alt="BaiDisk" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">BaiDisk</div>
<a class="nav-panel-item" title="Pixiv" href="https://www.pixiv.net/" target="_blank">
<img src="https://www.pixiv.net/favicon.ico" alt="Pixiv" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Pixiv</div>
</a>
<!--------------------------------------------6-------------------------------------------------------->
<div class="nav-panel-line"></div>
<a class="nav-panel-item" title="Youtube" href="https://www.youtube.com/" target="_blank">
<img src="./images/web_icons/Youtube.png" alt="Youtube" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Youtube</div>
<a class="nav-panel-item" title="vultr" href="https://my.vultr.com/" target="_blank">
<img src="https://my.vultr.com/favicon.ico" alt="vultr" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">vultr</div>
</a>
<a class="nav-panel-item" title="Twitch" href="https://www.twitch.tv/" target="_blank">
<img src="./images/web_icons/Twitch.png" alt="Twitch" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Twitch</div>
</a>
<a class="nav-panel-item" title="Bilibili" href="http://www.bilibili.com/" target="_blank">
<img src="./images/web_icons/Bilibili.png" alt="Bilibili" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Bilibili</div>
<a class="nav-panel-item" title="腾讯云" href="https://console.cloud.tencent.com/" target="_blank">
<img src="https://imgcache.qq.com/qcloud/app/resource/ac/favicon.ico" alt="腾讯云" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">腾讯云</div>
</a>
<a class="nav-panel-item" title="Vimeo" href="https://vimeo.com/" target="_blank">
<img src="./images/web_icons/Vimeo.png" alt="Vimeo" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Vimeo</div>
</a>
<a class="nav-panel-item" title="Panda" href="http://www.panda.tv/" target="_blank">
<img src="./images/web_icons/Panda.png" alt="Panda" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Panda</div>
</a>
<!---------------------------------------------7------------------------------------------------------->
<div class="nav-panel-line"></div>
<a class="nav-panel-item" title="SRs" href="http://www.nfcmag.com/" target="_blank">
<img src="./images/web_icons/SRs.png" alt="SRs" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">SRs</div>
<a class="nav-panel-item" title="华为云" href="https://console.huaweicloud.com/console/" target="_blank">
<img src="https://console-static.huaweicloud.com/static/framework/5.0.0/theme/default/images/favicon.ico?ttf=1653661296" alt="华为云" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">华为云</div>
</a>
<a class="nav-panel-item" title="BBC" href="http://www.bbc.com/zhongwen/simp" target="_blank">
<img src="./images/web_icons/BBC.png" alt="BBC" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">BBC</div>
</a>
<a class="nav-panel-item" title="WashPost" href="https://www.washingtonpost.com/" target="_blank">
<img src="./images/web_icons/WashPost.png" alt="WashPost" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">WashPost</div>
</a>
<a class="nav-panel-item" title="VOA" href="http://www.voachinese.com/" target="_blank">
<img src="./images/web_icons/VOA.png" alt="VOA" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">VOA</div>
</a>
<a class="nav-panel-item" title="People" href="http://www.people.com.cn/" target="_blank">
<img src="./images/web_icons/People.png" alt="People" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">People</div>
</a>
<!----------------------------------------------8------------------------------------------------------>
<div class="nav-panel-line"></div>
<a class="nav-panel-item" title="Zhihu" href="http://www.zhihu.com/" target="_blank">
<img src="./images/web_icons/Zhihu.png" alt="Zhihu" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Zhihu</div>
<a class="nav-panel-item" title="阿里云" href="https://home.console.aliyun.com/" target="_blank">
<img src="https://home.console.aliyun.com/favicon.ico" alt="阿里云" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">阿里云</div>
</a>
<a class="nav-panel-item" title="Hupu" href="https://soccer.hupu.com/" target="_blank">
<img src="./images/web_icons/Hupu.png" alt="Hupu" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Hupu</div>
<a class="nav-panel-item" title="internet.bs" href="https://internetbs.net/zh/domain-name-registrations/HomePage.html" target="_blank">
<img src="https://internetbs.net/favicon.ico" alt="internet.bs" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">internet.bs域名</div>
</a>
<a class="nav-panel-item" title="Facebook" href="https://www.facebook.com/" target="_blank">
<img src="./images/web_icons/Facebook.png" alt="Facebook" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Facebook</div>
</a>
<a class="nav-panel-item" title="Twitter" href="https://twitter.com/" target="_blank">
<img src="./images/web_icons/Twitter.png" alt="Twitter" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Twitter</div>
</a>
<a class="nav-panel-item" title="Douban" href="https://www.douban.com/" target="_blank">
<img src="./images/web_icons/Douban.png" alt="Douban" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Douban</div>
</a>
<!----------------------------------------------9------------------------------------------------------>
<div class="nav-panel-line"></div>
<a class="nav-panel-item" title="Sports" href="http://sports.qq.com/" target="_blank">
<img src="./images/web_icons/Sports.png" alt="Sports" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Sports</div>
</a>
<a class="nav-panel-item" title="Apple" href="https://www.apple.com/cn/" target="_blank">
<img src="./images/web_icons/Apple.png" alt="Apple" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Apple</div>
</a>
<a class="nav-panel-item" title="Weibo" href="http://weibo.com/tojohnonly/home" target="_blank">
<img src="./images/web_icons/Weibo.png" alt="Weibo" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Weibo</div>
</a>
<a class="nav-panel-item" title="ZhiBo8" href="https://www.zhibo8.cc/" target="_blank">
<img src="./images/web_icons/ZhiBo8.png" alt="ZhiBo8" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">ZhiBo8</div>
</a>
<a class="nav-panel-item" title="LeQiu" href="https://leqiuba.com/" target="_blank">
<img src="./images/web_icons/LeQiu.png" alt="LeQiu" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">LeQiu</div>
</a>
<!-------------------------------------------------10--------------------------------------------------->
<div class="nav-panel-line" style="background-color: #fdebeb"></div>
<a class="nav-panel-item" title="JD" href="http://www.jd.com/" target="_blank">
<img src="./images/web_icons/JD.png" alt="JD" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">JD</div>
</a>
<a class="nav-panel-item" title="Starbucks" href="https://www.starbucks.com.cn/" target="_blank">
<img src="./images/web_icons/Starbucks.png" alt="Starbucks" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Starbucks</div>
</a>
<a class="nav-panel-item" title="Amazon" href="https://www.amazon.cn/" target="_blank">
<img src="./images/web_icons/Amazon.png" alt="Amazon" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Amazon</div>
</a>
<a class="nav-panel-item" title="Taobao" href="https://www.taobao.com/" target="_blank">
<img src="./images/web_icons/Taobao.png" alt="Taobao" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Taobao</div>
</a>
<a class="nav-panel-item" title="MeiTuan" href="https://www.meituan.com" target="_blank">
<img src="./images/web_icons/MeiTuan.png" alt="MeiTuan" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">MeiTuan</div>
</a>
<!--------------------------------------------------11-------------------------------------------------->
<div class="nav-panel-line"></div>
<a class="nav-panel-item" title="PlayStation" href="https://store.playstation.com/zh-hans-hk/home" target="_blank">
<img src="./images/web_icons/PlayStation.png" alt="PlayStation" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">PlayStation</div>
</a>
<a class="nav-panel-item" title="Steam" href="http://store.steampowered.com/" target="_blank">
<img src="./images/web_icons/Steam.png" alt="Steam" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Steam</div>
</a>
<a class="nav-panel-item" title="3DM" href="http://www.3dmgame.com/" target="_blank">
<img src="./images/web_icons/3DM.png" alt="3DM" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">3DM</div>
</a>
<a class="nav-panel-item" title="Gamersky" href="http://www.gamersky.com/" target="_blank">
<img src="./images/web_icons/Gamersky.png" alt="Gamersky" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Gamersky</div>
</a>
<a class="nav-panel-item" title="Stone" href="http://ls.duowan.com/" target="_blank">
<img src="./images/web_icons/Stone.png" alt="Stone" height="16" width="16" class="nav-panel-item-img">
<div class="nav-panel-item-txt">Stone</div>
</a>
</div>

9
Ensk's Web/css/Index.css
Unescape View File

@ -1,9 +1,4 @@
body{
background-image: url("../images/body.jpg");
font-family: 'Microsoft YaHei UI',arial,sans-serif;
font-size: 13px;
}

#logo{
width: 280px;
height: 100px;
@ -65,7 +60,7 @@
margin-top: 20px;
margin-bottom: 100px;
width: 840px;
height: 485px;
height: 285px;
margin-left: auto;
margin-right: auto;
padding-left: 30px;

Write Preview
Loading…
Cancel
Save