handsome主題美化(二)- 底部頁腳版權(quán)美化

原文鏈接

如圖


rArqQ1.png

1.將以下添加至自定義CSS

/*底部頁腳*/
.github-badge {
  display: inline-block;
  border-radius: 4px;
  text-shadow: none;
  font-size: 12px;
  color: #fff;
  line-height: 15px;
  background-color: #abbac3;
  margin-bottom: 5px
}

.github-badge .badge-subject {
  display: inline-block;
  background-color: #4d4d4d;
  padding: 4px 4px 4px 6px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px
}

.github-badge .badge-value {
  display: inline-block;
  padding: 4px 6px 4px 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.github-badge .bg-blue {
  background-color: #007ec6
}

.github-badge .bg-orange {
  background-color: #ffa500
}

.github-badge .bg-red {
  background-color: #f00
}

.github-badge .bg-green {
  background-color: #3bca6e
}

.github-badge .bg-purple {
  background-color: #ab34e9
}

2.將以下內(nèi)容添加至開發(fā)者設(shè)置-博客底部左側(cè)信息,將內(nèi)容改成自己的

<div class="github-badge">
<a href="./" title="?2019&nbsp;Alvin">
<span class="badge-subject">Copyright</span><span class="badge-value bg-blue">?2019&nbsp;Alvin</span>
</a>
</div>
&nbsp;|&nbsp;
<div class="github-badge">
<a  target="_blank" title="粵ICP備 xxx號(hào)" style="cursor: url(&quot;/usr/plugins/HoerMouse/static/image/dew/link.cur&quot;), pointer;">
<span class="badge-subject">粵ICP備</span><span class="badge-value bg-green">xxx號(hào)</span>
</a>
</div>

3.將以下內(nèi)容添加至開發(fā)者設(shè)置-博客底部右側(cè)信息

<div class="github-badge">
<a  target="_blank" title="由 Typecho 強(qiáng)力驅(qū)動(dòng)" style="cursor: url(&quot;/usr/plugins/HoerMouse/static/image/dew/link.cur&quot;), pointer;">
<span class="badge-subject">Powered</span><span class="badge-value bg-blue">Typecho</span>
</a>
</div>
&nbsp;|&nbsp; 
<div class="github-badge">
<a  target="_blank" title="站點(diǎn)使用 handsome 主題,作者:友人C" style="cursor: url(&quot;/usr/plugins/HoerMouse/static/image/dew/link.cur&quot;), pointer;">
<span class="badge-subject">Theme</span><span class="badge-value bg-orange">Handsome</span>
</a>
</div>

4.修改handsome\component\footer.php文件
刪除代碼以下代碼(大概第八行左右):

Powered by <a target="blank" >Typecho</a>&nbsp;|&nbsp;Theme by <a target="blank" >handsome</a>


繼續(xù)刪除以下代碼

&copy;&nbsp;<?php echo date("Y");?> Copyright&nbsp;

保存設(shè)置后刷新你的博客看一下吧~

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容