WordPress增加文章終端頁下載風(fēng)格HTML源碼

[重要通告]如您遇疑難雜癥,本站支持知識付費業(yè)務(wù),掃右邊二維碼加博主微信,可節(jié)省您寶貴時間哦!

前端時間,有人問我,蛙哥~wordpress終端下載頁有沒有,看人家的終端頁還挺好看的,我說好看就扒一下嘛,然后就沒了然后,最近發(fā)現(xiàn)了一個不錯的,就自己操刀處理了一下~~~演示吐下;

CSS代碼如下:

.down_link {
background: none repeat scroll 0 0 #FFFCEF;
border: 1px solid #FFBB76;
border-radius: 2px;
color: #DB7C22;
font-size: 14px;
margin-bottom: 10px;
padding: 5px 10px;
}
.down_link p{
font-size: 14px !important;
font-family: 'Microsoft Yahei' !important;
line-height: 1.5 !important;
margin-bottom: 12px !important;
}
.downbtn {
background: none repeat scroll 0 0 #1BA1E2;
border: 0 none;
border-radius: 2px;
color: #FFFFFF;
cursor: pointer;
font-family: "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, Verdana, Tahoma, sans-serif;
font-size: 14px;
margin: -4px 20px 0 0;
padding: 8px 30px;
text-transform: none;
text-decoration: none;
}

.downlink a:link {
color: #ffffff;
}

.downlink a:visited {
color: #ffffff;
}

.downlink a:hover {
color: #ffffff;
}

.downlink a:active {
color: #ffffff;
}

.downbtn {
background: none repeat scroll 0 0 #1BA1E2;
border: 0 none;
border-radius: 2px;
color: #FFFFFF !important;
cursor: pointer;
font-family: "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, Verdana, Tahoma, sans-serif;
font-size: 14px;
margin: -4px 20px 0 0;
padding: 8px 30px;
}

.yanshibtn {
background: none repeat scroll 0 0 #d33431;
border: 0 none;
border-radius: 2px;
color: #FFFFFF !important;
cursor: pointer;
font-family: "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, Verdana, Tahoma, sans-serif;
font-size: 14px;
margin: -4px 20px 0 0;
padding: 8px 30px;
text-transform: none;
text-decoration: none;
}

.downbtn:hover, .yanshibtn:hover {
background: none repeat scroll 0 0 #9B59B6;
border: 0 none;
border-radius: 2px;
color: #FFFFFF !important;
cursor: pointer;
font-family: "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, Verdana, Tahoma, sans-serif;
font-size: 14px;
margin: -4px 20px 0 0;
padding: 8px 30px;
}

.downbtn a:hover, .yanshibtn a:hover {
background: none repeat scroll 0 0 #9B59B6;
border: 0 none;
border-radius: 2px;
color: #FFFFFF;
cursor: pointer;
font-family: "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, Verdana, Tahoma, sans-serif;
font-size: 14px;
margin: -4px 20px 0 0;
padding: 8px 30px;
}

HTML源碼如下:

<div class="down_link"><p><strong>下載地址:</strong></p>
<p></p>
<p>文件名稱:wordpress熱門主題下載匯總(持續(xù)更新)</p>
<p style="position:relative;">文件大?。狐c擊下載查看<span style="position:absolute;left:40%;">適用版本:云盤下載</span></p>
<p style="position:relative;">更新日期:2020-08-23<span style="position:absolute;left:40%;">是否收費:免費</span></p>
<p class="downlink"><strong><a class="downbtn" rel="external nofollow noopener noreferrer"
title="老梁博客" href="http://m.madamerex.com"
target="_blank">點擊下載</a> </strong></p>
<p></p>
</div>

源碼下載鏈接如下:

ID6512

問題未解決?付費解決問題加Q或微信 2589053300 (即Q號又微信號)右上方掃一掃可加博主微信

所寫所說,是心之所感,思之所悟,行之所得;文當(dāng)無敷衍,落筆求簡潔。 以所舍,求所獲;有所依,方所成!

支付寶贊助
微信贊助

免責(zé)聲明,若由于商用引起版權(quán)糾紛,一切責(zé)任均由使用者承擔(dān)。

您必須遵守我們的協(xié)議,如您下載該資源,行為將被視為對《免責(zé)聲明》全部內(nèi)容的認(rèn)可->聯(lián)系老梁投訴資源
LaoLiang.Net部分資源來自互聯(lián)網(wǎng)收集,僅供用于學(xué)習(xí)和交流,請勿用于商業(yè)用途。如有侵權(quán)、不妥之處,請聯(lián)系站長并出示版權(quán)證明以便刪除。 敬請諒解! 侵權(quán)刪帖/違法舉報/投稿等事物聯(lián)系郵箱:service@laoliang.net
意在交流學(xué)習(xí),歡迎贊賞評論,如有謬誤,請聯(lián)系指正;轉(zhuǎn)載請注明出處: » WordPress增加文章終端頁下載風(fēng)格HTML源碼

發(fā)表回復(fù)

本站承接,網(wǎng)站推廣(SEM,SEO);軟件安裝與調(diào)試;服務(wù)器或網(wǎng)絡(luò)推薦及配置;APP開發(fā)與維護(hù);網(wǎng)站開發(fā)修改及維護(hù); 各財務(wù)軟件安裝調(diào)試及注冊服務(wù)(金蝶,用友,管家婆,速達(dá),星宇等);同時也有客戶管理系統(tǒng),人力資源,超市POS,醫(yī)藥管理等;

立即查看 了解詳情