当前位置:首页 > 技术教程 > 正文内容

2022年zblog博客好看的底部代码分享

万福Blog6个月前 (03-31)技术教程2581

其实这个代码是我刚刚需要,但可以根据自己的使用情况来使用,我觉得很不错,配色方面可以根据自己网站的风格进行修改,CSS已设置为本地,可以跳转网站调整,主要美好效果不错,这里做个分享和备用。代码我会贴出来,为了避免后期代码转义,我会单独发一份附件在页尾。效果图和本站zblog一样,先看个效果图:


第一种白天效果:

I1{H)IW}S5{9()W162)N_6U.png第二种晚上效果:

RTQ6LZDXO_ASWY4H{B$YJGW.png


代码:

接下来直接放代码了,喜欢的可以自己去修改一下:


<center><svg t="1633243199792" class="icon" viewBox="0 0 1026 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="970" width="18" height="18"><path d="M0 401.92l2.56 622.08" fill="#00AEF7" p-id="971"></path><path d="M954.368 359.936H838.144v-213.504c0-41.984-30.208-72.192-72.192-72.192H81.408c-41.984 0-72.192 30.208-72.192 72.192v545.792c0 41.984 30.208 72.192 72.192 72.192h78.848v102.4c0 4.608 2.56 9.216 4.608 13.824 4.608 4.608 11.776 9.216 18.432 9.216 4.608 0 9.216-2.56 13.824-4.608l153.088-122.88h51.2v51.2c0 34.816 27.648 67.584 65.024 67.584h290.304l132.608 104.448c2.56 2.56 7.168 2.56 9.216 2.56s4.608 0 7.168-2.56c4.608-2.56 9.216-7.168 9.216-13.824v-92.672h41.984c34.816 0 65.024-30.208 65.024-67.584v-382.976c-2.56-40.96-32.768-68.608-67.584-68.608z m-612.864 371.712l-151.04 120.832v-120.832h-109.056c-20.992 0-41.984-18.432-41.984-41.984V146.432c0-20.992 18.432-41.984 41.984-41.984H766.464c20.992 0 41.984 18.432 41.984 41.984v545.792c0 20.992-18.432 41.984-41.984 41.984h-424.96v-2.56z m645.12 80.896c0 18.432-13.824 34.816-30.208 34.816H896.512c-9.216 0-16.384 7.168-16.384 16.384v76.8l-109.056-86.016c-2.56-2.56-7.168-2.56-9.216-2.56h-296.96c-16.384 0-30.208-16.384-30.208-34.816v-51.2h334.336c41.984 0 72.192-30.208 72.192-72.192v-304.128H957.44c16.384 0 30.208 16.384 30.208 34.816v388.096z" fill="#16A4E8" p-id="972"></path><path d="M192.512 445.952c0 24.576 19.968 44.032 44.032 44.032 24.576 0 44.032-19.968 44.032-44.032 0-24.576-19.968-44.032-44.032-44.032-24.064 0-44.032 19.456-44.032 44.032zM376.32 445.952c0 24.576 19.968 44.032 44.032 44.032 24.576 0 44.032-19.968 44.032-44.032 0-24.576-19.968-44.032-44.032-44.032-24.576 0-44.032 19.456-44.032 44.032zM559.616 445.952c0 24.576 19.968 44.032 44.032 44.032 24.576 0 44.032-19.968 44.032-44.032 0-24.576-19.968-44.032-44.032-44.032-24.064 0-44.032 19.456-44.032 44.032z" fill="#16A4E8" p-id="973"></path></svg> <a href="https://blog.08qq.cn/about.html" target="_self" rel="noopener noreferrer">关于博主</a> <svg t="1633243512959" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1196" width="18" height="18"><path d="M114 665.53l70.89-42.75 113-68.1 25.88-15.61-36.27-4.68 56.64 46.33 89.86 73.5 20.72 16.95c5.27 4.31 10.26 7.3 17.18 8.23 6 0.81 14 0.27 19.09-3.55l46.69-35.18 74.89-56.42 17.11-12.89h-30.26l30.43 22.09 72.68 52.76 88.33 64.13 76.38 55.45c12.31 8.94 24.38 18.44 37 26.89l0.55 0.4c5.92 4.3 16.3 4.88 23.06 3 6.94-1.92 14.47-7.29 17.89-13.76 3.67-7 5.51-15.36 3-23.07s-7.06-13.05-13.74-17.86l-30.43-22.1-72.68-52.76-88.29-64.13-76.37-55.4c-12.32-8.94-24.39-18.44-37-26.89-0.19-0.12-0.37-0.26-0.55-0.4-7.71-5.59-22.53-5.78-30.22 0l-46.69 35.18-74.89 56.43-17.11 12.89 36.23 4.63-56.63-46.34-89.83-73.5-20.72-16.95c-5.27-4.31-10.27-7.3-17.19-8.23a29.15 29.15 0 0 0-19.08 3.55l-70.89 42.74-113 68.11-25.84 15.62c-13.4 8.08-19.58 27.23-10.74 40.95 8.69 13.47 26.61 19.39 41 10.74z" fill="#FD9A16" p-id="1197"></path><path d="M869.19 835.92H155.53a72.86 72.86 0 0 1-9-0.56l8 1.07a64.17 64.17 0 0 1-15.37-4.27l7.15 3a64 64 0 0 1-9.19-4.94c-0.72-0.48-1.42-1-2.14-1.47-3.42-2.28 3.11 2.21 3 2.3s-4.11-3.71-4.31-3.92c-1.22-1.21-2.27-2.62-3.5-3.81-2.3-2.22 4 5.7 2.27 3-0.46-0.72-1-1.41-1.49-2.12a64.11 64.11 0 0 1-5.31-9.73l3 7.15a64.51 64.51 0 0 1-4.27-15.37l1.07 8c-0.93-7.4-0.56-15-0.56-22.48V287.83c0-23.09-0.16-46.19 0-69.28a73.5 73.5 0 0 1 0.56-8.77l-1.07 8a64.51 64.51 0 0 1 4.27-15.37l-3 7.15a65 65 0 0 1 4.94-9.19c0.48-0.73 1-1.42 1.48-2.14 2.27-3.42-2.22 3.1-2.31 3s3.71-4.1 3.92-4.31c1.21-1.21 2.62-2.27 3.81-3.5 2.22-2.29-5.69 4-3 2.28 0.73-0.47 1.41-1 2.12-1.5a63.19 63.19 0 0 1 9.73-5.3l-7.15 3a64.17 64.17 0 0 1 15.37-4.27l-8 1.07c8.44-1.07 17.19-0.57 25.67-0.57h696.24a72.75 72.75 0 0 1 9 0.57l-8-1.07a64 64 0 0 1 15.37 4.27l-7.15-3a64 64 0 0 1 9.19 4.94c0.73 0.48 1.42 1 2.14 1.47 3.42 2.28-3.1-2.21-3-2.3s4.1 3.71 4.31 3.91c1.21 1.22 2.27 2.63 3.5 3.82 2.29 2.22-4-5.7-2.28-3 0.47 0.72 1 1.4 1.5 2.12a63.19 63.19 0 0 1 5.3 9.73l-3-7.15a64 64 0 0 1 4.27 15.37l-1.07-8c0.94 7.4 0.57 15 0.57 22.48v503.89c0 23.09 0.16 46.19 0 69.27a73.67 73.67 0 0 1-0.57 8.78l1.07-8a64.17 64.17 0 0 1-4.27 15.37l3-7.15a64 64 0 0 1-4.94 9.19c-0.48 0.72-1 1.42-1.47 2.14-2.28 3.42 2.21-3.1 2.3-3s-3.71 4.11-3.91 4.31c-1.22 1.22-2.63 2.27-3.82 3.51-2.22 2.29 5.7-4 3-2.28-0.72 0.46-1.4 1-2.12 1.49a63.24 63.24 0 0 1-9.73 5.31l7.15-3a64 64 0 0 1-15.37 4.27l8-1.07a70.83 70.83 0 0 1-8.24 0.56c-15.65 0.18-30.66 13.64-29.93 29.94 0.72 16.06 13.16 30.12 29.93 29.93 31.67-0.36 61.65-17.12 77.65-44.67A92.75 92.75 0 0 0 959 804.5V220.41c0-11.3-1.42-22.82-5.65-33.35-11.56-28.8-36.38-52.48-68-57.21-11-1.65-21.3-1.63-32.3-1.63H159.21c-2.39 0-4.8-0.05-7.19 0.06-31.29 1.43-61.38 18.75-76.13 46.89A95.31 95.31 0 0 0 65 219.75v584.12a98.42 98.42 0 0 0 9.19 41.43c6.4 14.12 17.21 25.29 29.52 34.39 12.94 9.56 28.42 14 44.21 15.71a99.5 99.5 0 0 0 10.78 0.39h710.49c15.66 0 30.66-13.77 29.94-29.93s-13.13-29.94-29.94-29.94z" fill="#0071C3" p-id="1198"></path><path d="M764 375.46a90.76 90.76 0 0 1-0.76 11.05l1.07-7.95a84.14 84.14 0 0 1-5.25 19.4l3-7.15a83.55 83.55 0 0 1-7.06 13.35c-0.72 1.09-1.53 2.12-2.23 3.22-1.87 2.92 4.91-5.95 1.88-2.44-1.71 2-3.41 3.94-5.26 5.79-1.69 1.7-3.49 3.26-5.29 4.84-4.08 3.56 2.47-1.64 2.47-1.85 0 0.47-2.64 1.88-3.2 2.26a82.85 82.85 0 0 1-13.9 7.43l7.15-3a84.14 84.14 0 0 1-19.4 5.25l7.95-1.07a85.23 85.23 0 0 1-22.11 0l8 1.07a84.22 84.22 0 0 1-19.41-5.25l7.16 3a83.22 83.22 0 0 1-13.36-7.07c-1.09-0.72-2.12-1.53-3.22-2.23-2.92-1.87 6 4.91 2.44 1.88-2-1.71-3.94-3.41-5.79-5.26-1.7-1.69-3.26-3.49-4.84-5.29-3.56-4.08 1.64 2.47 1.85 2.47-0.47 0-1.88-2.64-2.26-3.2a83.58 83.58 0 0 1-7.43-13.9l3 7.15a84.16 84.16 0 0 1-5.26-19.4l1.07 7.95a85.23 85.23 0 0 1 0-22.11l-1.07 8a84.25 84.25 0 0 1 5.23-19.4l-3 7.16a83.22 83.22 0 0 1 7.07-13.36c0.72-1.09 1.53-2.12 2.24-3.22 1.86-2.92-4.91 6-1.89 2.44 1.71-2 3.41-3.94 5.26-5.79 1.7-1.7 3.49-3.26 5.29-4.84 4.08-3.56-2.47 1.64-2.47 1.85 0-0.47 2.64-1.88 3.21-2.26a82.8 82.8 0 0 1 13.9-7.43l-7.16 3a84.25 84.25 0 0 1 19.38-5.29l-8 1.07a85.23 85.23 0 0 1 22.11 0l-7.95-1.07a84.16 84.16 0 0 1 19.4 5.26l-7.15-3a83.55 83.55 0 0 1 13.35 7.07c1.09 0.72 2.12 1.53 3.22 2.24 2.92 1.86-5.95-4.91-2.44-1.89 2 1.71 3.94 3.41 5.79 5.26 1.7 1.7 3.26 3.49 4.84 5.29 3.56 4.08-1.64-2.47-1.85-2.47 0.47 0 1.88 2.64 2.26 3.21a82.08 82.08 0 0 1 7.43 13.9l-3-7.16a84.22 84.22 0 0 1 5.25 19.41l-1.07-8a90.92 90.92 0 0 1 0.76 11.06c0.14 15.65 13.68 30.66 29.94 29.93 16.1-0.72 30.07-13.16 29.93-29.93-0.19-21.55-6.37-44-19-61.62a115.89 115.89 0 0 0-54.78-42c-40.6-15.21-91.27-1.68-118.81 31.82a115.19 115.19 0 0 0-26.59 64.86c-1.86 21.57 4 44.6 15.13 63.1 10.75 17.9 27.2 33.79 46.33 42.45 22.81 10.33 46.38 13.38 71 8.67 50.3-9.63 86.28-57 86.71-107.26 0.19-15.66-13.81-30.66-29.88-29.94-16.34 0.74-29.79 13.15-29.93 29.94z" fill="#0071C3" p-id="1199"></path></svg> <a href="https://blog.08qq.cn/disclaimer.html" target="_self" rel="noopener noreferrer">免责声明</a> <svg t="1633619730934" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="982" width="16" height="16"><path d="M323.516 959.765c-69.26 0-134.374-26.966-183.362-75.954C91.166 834.861 64.2 769.747 64.2 700.449c0-69.26 26.966-134.374 75.954-183.362L240.982 416.26c48.95-48.988 114.064-75.954 183.362-75.954 69.26 0 134.374 26.966 183.362 75.954 15.214 15.214 15.214 39.86 0 55.073-15.214 15.214-39.86 15.214-55.073 0C518.364 437.064 472.8 418.2 424.345 418.2c-48.493 0-94.02 18.865-128.288 53.133l-100.83 100.828c-34.269 34.269-53.133 79.833-53.133 128.288 0 48.493 18.865 94.02 53.133 128.288 34.269 34.269 79.833 53.133 128.288 53.133 48.493 0 94.02-18.865 128.288-53.133l74.585-74.547c15.214-15.214 39.86-15.214 55.073 0 15.214 15.214 15.214 39.86 0 55.073l-74.585 74.547c-48.948 48.989-114.062 75.955-183.36 75.955z" fill="#00A9FF" p-id="983"></path><path d="M600.174 683.03c-66.407 0-132.814-25.293-183.362-75.84-15.214-15.214-15.214-39.86 0-55.073 15.214-15.214 39.86-15.214 55.073 0 70.743 70.743 185.834 70.743 256.577 0L829.29 451.289c70.743-70.743 70.743-185.872 0-256.615-70.781-70.705-185.91-70.705-256.615 0l-74.547 74.585c-15.214 15.214-39.86 15.214-55.073 0-15.214-15.214-15.214-39.86 0-55.073l74.547-74.585c101.094-101.094 265.667-101.094 366.761 0 101.132 101.132 101.132 265.629 0 366.761L783.536 607.19c-50.547 50.547-116.954 75.84-183.362 75.84z" fill="#FF9C00" p-id="984"></path></svg><a href="https://blog.08qq.cn/go.php?url=https://www.12377.cn/" target="_self" rel="noopener noreferrer">举报中心</a> <svg t="1633621439179" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="997" width="15" height="15"><path d="M21.4 949.1c-5.6 0-11.2-2.3-15.1-6.3-4-4-6.3-9.5-6.3-15.1V104.2c0-11.8 9.6-21.4 21.4-21.4 11.8 0 21.4 9.6 21.4 21.4v802.1h959.8c11.8 0 21.4 9.6 21.4 21.4 0 11.8-9.6 21.4-21.4 21.4H21.4z" fill="#626262" p-id="998"></path><path d="M272.3 808.6c0 22.8-18.6 41.4-41.4 41.4h-79.1c-22.8 0-41.5-18.6-41.5-41.4V721c0-22.8 18.7-41.4 41.5-41.4h79.1c22.8 0 41.4 18.6 41.4 41.4v87.6zM478.2 808.6c0 22.8-18.7 41.4-41.5 41.4h-79.1c-22.8 0-41.5-18.6-41.5-41.4v-275c0-22.8 18.7-41.4 41.5-41.4h79.1c22.8 0 41.5 18.6 41.5 41.4v275z" fill="#626262" p-id="999"></path><path d="M900.4 806.3c0 24-19.7 43.7-43.7 43.7h-74.5c-24 0-43.7-19.7-43.7-43.7v-358c0-24 19.6-43.7 43.7-43.7h74.5c24 0 43.7 19.7 43.7 43.7v358z" fill="#54A8B9" p-id="1000"></path><path d="M684 808.6c0 22.8-18.7 41.4-41.5 41.4h-79.1c-22.8 0-41.5-18.6-41.5-41.4V618.7c0-22.8 18.7-41.4 41.5-41.4h79.1c22.8 0 41.5 18.6 41.5 41.4v189.9z" fill="#626262" p-id="1001"></path><path d="M867.3 148l-157.6 17.2 51.9 52L590.7 426 413.3 262.1c-12.1-11.2-30.9-11.3-43.1-0.3L109.5 497.2c-13.1 11.8-14.1 32.1-2.3 45.2 6.3 7 15 10.5 23.8 10.5 7.7 0 15.3-2.7 21.4-8.2l239-215.8 180.8 167.2c6.5 6 15.2 9 23.9 8.4 8.7-0.6 17-4.9 22.5-11.6L807 262.6l43.1 43.1L867.3 148z" fill="#F79633" p-id="1002"></path></svg><a href="https://blog.08qq.cn/sitemap.xml" target="_self" rel="noopener noreferrer">站点地图</a><br>
 <center><img src="https://blog.08qq.cn/bkico/icp1.jpg" style="width:16px;"/><a href="http://beian.miit.gov.cn" target="_self" rel="noopener noreferrerstyle="><span style="font-size:14px;">京ICP备2022066985号-2</span><br>
<center><font color="#FF6666">富强</font>丨<font color="#336666">民主</font>丨<font color="#009966">文明</font>丨<font color="#FF0000">和谐</font>丨<font color="#6666CC">自由</font>丨<font color="#33CC33">平等</font>丨<font color="#6666cc">公正 </font>丨<font color="#FF6666">法制丨<font color="#336666">爱国</font>丨<font color="#009966">敬业</font>丨<font color="#FF9933">诚信</font>丨<font color="#6666CC">友善</font></font><br>
<span id=localtime></span><script type="text/javascript">function showLocale(objD)
{var str,colorhead,colorfoot;var yy = objD.getYear();
if(yy<1900) yy = yy+1900;
        var MM = objD.getMonth()+1;
    if(MM<10) MM = '0' + MM;
    var dd = objD.getDate();
    if(dd<10) dd = '0' + dd;
    var hh = objD.getHours();
    if(hh<10) hh = '0' + hh;
    var mm = objD.getMinutes();
    if(mm<10) mm = '0' + mm;
    var ss = objD.getSeconds();
    if(ss<10) ss = '0' + ss;
    var ww = objD.getDay();
    if  ( ww==0 )  colorhead="<font color=\"#FF3030\">";
    if  ( ww > 0 && ww < 6 )  colorhead="<font color=\"#FF3030\">";
    if  ( ww==6 )  colorhead="<font color=\"#FF3030\">";
    if  (ww==0)  ww="星期日";
    if  (ww==1)  ww="星期一";
    if  (ww==2)  ww="星期二";
    if  (ww==3)  ww="星期三";
    if  (ww==4)  ww="星期四";
    if  (ww==5)  ww="星期五";
    if  (ww==6)  ww="星期六";
    colorfoot="</font>"
    str = colorhead + yy + "-" + MM + "-" + dd + "丨" + hh + ":" + mm + ":" + ss + "丨" + ww + colorfoot;
    return(str);}function tick()
{var today;today = new Date();document.getElementById("localtime").innerHTML = showLocale(today);window.setTimeout("tick()", 1000);}
tick();</script><br>
<p><img src="https://blog.08qq.cn/bkico/wmyzyxzz.gif" alt="我们一直用心在做标语"> <br><center>
Copyright © 2022  <a href="https://blog.08qq.cn/" target="_blank" rel="noopener noreferrer"> 万福博客</a>  All Rights Reserved<br><center>
<center>本站所发布的全部内容源于互联网搬运,如果有侵权之处请第一时间联系我们删除。敬请谅解! E-mail:wfwlcm@126.com<br><center>
安全运行<span style="color: #00BFFF;" id="iday"></span>天 <script>function siteRun(d){var nowD=new Date();return parseInt((nowD.getTime()-Date.parse(d))/24/60/60/1000)} document.getElementById("iday").innerHTML=siteRun("2022/03/02");</script></span><center>


最新活动给力技术站长交流文章分享:721054542 ,请猛戳这里→点击入群
 您阅读本篇文章共花了: 

扫描二维码推送至手机访问。

版权声明:本文由万福博客网发布,如需转载请注明出处。

本文链接:https://blog.08qq.cn/post/22.html

分享给朋友:

相关文章

小米系统彻底关闭广告经验分享

小米系统彻底关闭广告经验分享

由于疫情原因,闲得慌在家研究了自己手机系统广告,发现广告一大堆于是利用在家隔离期间两个小时整理归档,总结出以下关闭广告方法。如朋友们还有其他补充 请直接评论即可 给大伙做个参考!1.设置→小米账号→声明与条款→系统广告→系统工具广告→关闭2...

此次放开双手,快速推送网站地图自动推送的PHP代码

此次放开双手,快速推送网站地图自动推送的PHP代码

利用宝搭的计划任务,自定义下述代码为任意文件名的php文件,配置好您的api,可实现自动读取网站的sitemap.xml地图文件,并像百度默认推送100条链接。可配合宝塔计划任务进行定时定量推送,各位自行琢磨!第一步打开宝搭控制面板后台找到...

根据时间自动切换网页背景颜色或图片代码

根据时间自动切换网页背景颜色或图片代码

有些时侯为了丰富页面的显示效果,将页面制作成根据时间变换页面背景的样式,这样会使浏览者对此网站不会感觉厌倦,同时也会觉得网站制作的非常新颖。本文通过 Date 对象的 getHours() 方法获得当前时间,然后根据不同的时间段来改变页面的...

评论列表

的热风烘干
的热风烘干
IP:贵州
6个月前 (03-31)

来看看

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。