感覺是挺好看的,那么這一次的wordpress美化教程就分享這款簡潔明了的提示,雖然一般有一點前端知識的都可以實現
其實這個算不上啥很難的東西,但我感覺是挺好看的,那么這一次的wordpress美化教程就分享這款簡潔明了的提示,雖然一般有一點前端知識的都可以實現,但是能復制的,何必要自己動手呢。
- 代碼來源:詳情

效果如下
??Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,未經Npcink作者或上傳書面授權,請勿作他用。若您的權利被侵害,請聯系站長 QQ: 1355471563 或 點擊右側 私信:Muze 反饋,我們將盡快處理。
代碼如下
<div class="mobile-hidden" style="margin:10px;">
<div id="left-div" style="width: 40px; display: inline-block; margin:0 10px 0 10px;">
<span style="font-size:28px">??</span></div>
<div id="right-div" style="width: 720px; display: inline-block; vertical-align: top;">
<span style="font-size:13px">Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,未經Npcink作者或上傳書面授權,請勿作他用。<br>若您的權利被侵害,請聯系站長 QQ: 1355471563 或 點擊右側 <i class="b2font b2-message"></i> 私信:Muze 反饋,我們將盡快處理。</span></div>
</div>
注意
對于不同的網頁尺寸,您困難需要修改代碼中第四行的
<div id="right-div" style="width: 720px;
720px屬性,您需要將其調整為適合自己網站的尺寸,免于三角形的換行顯示錯誤/
如何使用?
在上面wordpress美化教程中提供的代碼中已經提供了CSS樣式代碼,只需要將代碼復制到自己需要的地方,替換下文本,按照自己的需求修改部分前端樣式即可。
如果你喜歡更具特色的提示,您可以試試這個wordpress美化教程: