- A+
所屬分類:技術(shù)資料
看群里小伙伴經(jīng)常在問我這個(gè)怎么弄的,這里也就分享下,其實(shí)我也是在boke112看到的,也就來使用上了。
側(cè)邊欄實(shí)現(xiàn)一圖三按鈕效果步驟
1、將以下 CSS 代碼添加到所使用主題的 style.css 文件中
- #update_version?img{margin:5px?0?15px}
- #update_version?a{width:30%;height:35px;border-radius:3px;text-align:center;line-height:35px;font-size:9pt;color:#fff}
- .blog_link{background-color:#2ba9fa}
- .blog_link,.cms_link{float:left;margin-right:5%}
- .cms_link{background-color:#ff6969}
- .grid_link{float:left;background-color:#70c041}
2、使用 文本 小工具,添加到指定側(cè)邊欄中。
3、將文本小工具編輯框切換到文本格式,將以下代碼添加進(jìn)去并保存即可。
- <div?id="update_version">
- <a?href="https://www.zhushuming.cn/bulletin/2216.html"?target="_blank"?rel="noopener"><img?title="投稿"?src="https://www.zhushuming.cn/wp-content/uploads/2017/12/2017123107430551.jpg"?alt="投稿"?/></a><a?class="blog_link"?href="http://vip.zhushuming.cn/v.html"?target="_blank"?rel="noopener">VIP解析</a><a?class="cms_link"?href="http://v.zhushuming.cn/"?target="_blank"?rel="noopener">520影院</a><a?class="grid_link"?href="http://vip.zhushuming.cn/"?target="_blank"?rel="noopener">1314影院</a>
- 投?稿QQ:<b>2132039161</b>
- 投稿郵箱:<b>2132039161@qq.com</b>
- 交流?Q群:<b>560338405</b>
- </div>
說明:其他代碼不用修改,只需將代碼中的鏈接名稱及鏈接地址等內(nèi)容修改成自己想要的名稱及地址即可。
下載密碼:526663