複製框分享|莫蘭迪|梅花問路|天界之舟|地藏道場|佛法正宗|行善濟世

嗨,大家好,經過了非常長時間不斷的研究,看看別人的點子學學新東西,然後又繼續研究...
昨天收到問路好友傳來一個厲害的語法框框,但人家高高手是用語法疊起來的
看得我覺得高手真的就是...好神,經過了一晚的研究,大概瞭解了神人的編法
今天沒什特別的事情,就繼續四處搜集素材,然後就開始來改良之前寫到一半的複製框框了~

之前真的是搞很久,就是一直卡關,不知道怎麼改的更好看點
現在改成這樣~我覺得還不錯~也許之後又想到新的,就繼續改良它~
不免俗的,梅花來稍微標示一下上面有的元素,大概略懂語法的人可以隨意自己去變換它的配色呦~

 

輸入標題

輸入內文

 

 

複製框分享1-基礎版-語法標示|梅花問路|天界之舟|地藏道場|佛法正宗|行善濟世

 

這個框的語法是這個樣子的,顏色配色那些,大家就自己抓著色碼去改改吧!192871398_c.jpeg 色碼表看這邊

<div id="meihwa_frame" style="width:100%">
<fieldset align="left" style="width: 97%; border-style: ridge; border-width: medium; padding-left: 20px;background-color:transparent;"><legend style="color: #fff; background: #3e3e3e; padding:5px 10px;"><strong><span style="font-size:20px">輸入標題</span></strong></legend>

<p align="left" style="line-height: 200%; margin: 10px;"><span style="font-size:18px"><font color="black">輸入內文</font></span></p>
</fieldset>
</div>

 


接下來~又來繼續改良它,把透明背景改成淡黃色,邊框改成有點立體感的樣子
但語法好玩的地方就在這裡,尤其梅花我還算是挺菜鳥的...
想像很美好,但現實很殘酷,我的框框怎麼就變成醬了
黃黃的那塊怎麼就不受控的跑到外面去了,這不是我要的啊!!

複製框分享-測試版|梅花問路|天界之舟|地藏道場|佛法正宗|行善濟世

 


沒關係,失敗是成功的媽媽,我們把背景的那串換個位,也許就會進到框框裡!
成功拉~開心撒花%3E,%3C;
複製框分享-2|梅花問路|天界之舟|地藏道場|佛法正宗|行善濟世

語法就是以下這樣,請大家笑納  背景顏色是:#fff6cc82  

<div id="meihwa_frame" style="width:100%">
<fieldset align="left" style="width: 97%; border: 1px solid #3e3e3e;border-right:10px solid #3e3e3e;border-left:2px solid #3e3e3e; padding-left: 20px;background-color:#fff6cc82;"><legend style="color: #fff; background: #3e3e3e; padding:5px 10px;"><strong><span style="font-size:20px">標題-梅花問路複製框</span></strong></legend>

<p align="left" style="line-height: 200%; margin: 10px;"><span style="font-size:18px"><font color="#343434">輸入內文</font></span></p>
</fieldset>
</div>

 

 

 


莫蘭迪色系的框框,應該大家會很喜歡吧,然後其實淺黃色背景是我自己喜歡啦~
改成白色的背景應該有更多人需要~
這個藕粉色的 #caa9a2 

複製框分享3-藕粉色+白底|莫蘭迪色系|梅花問路|天界之舟|地藏道場|佛法正宗|行善濟世

<div id="meihwa_frame" style="width:100%">
<fieldset align="left" style="width: 97%; border: 1px solid #caa9a2;border-right:10px solid #caa9a2;border-left:2px solid #caa9a2; padding-left: 20px;background-color:#fff;"><legend style="color: #fff; background:#caa9a2; padding:5px 10px;"><strong><span style="font-size:20px">標題-梅花問路複製框-藕粉色</span></strong></legend>

<p align="left" style="line-height: 200%; margin: 10px;"><span style="font-size:18px"><font color="#343434">輸入內文</font></span></p>
</fieldset>
</div>

 


這個是薑黃色的 #b8926a

複製框分享4-薑黃色+白底|莫蘭迪色系|梅花問路|天界之舟|地藏道場|佛法正宗|行善濟世

<div id="meihwa_frame" style="width:100%">
<fieldset align="left" style="width: 97%; border: 1px solid #b8926a;border-right:10px solid #b8926a;border-left:2px solid #b8926a; padding-left: 20px;background-color:#fff;"><legend style="color: #fff; background:#b8926a; padding:5px 10px;"><strong><span style="font-size:20px">標題-梅花問路複製框-薑黃色</span></strong></legend>

<p align="left" style="line-height: 200%; margin: 10px;"><span style="font-size:18px"><font color="#343434">輸入內文</font></span></p>
</fieldset>
</div>

 


灰色的也來個 #a6a6a8

複製框分享5-灰色+白底|莫蘭迪色系|梅花問路|天界之舟|地藏道場|佛法正宗|行善濟世

<div id="meihwa_frame" style="width:100%">
<fieldset align="left" style="width: 97%; border: 1px solid #a6a6a8;border-right:10px solid #a6a6a8;border-left:2px solid #a6a6a8; padding-left: 20px;background-color:#fff;"><legend style="color: #fff; background:#a6a6a8; padding:5px 10px;"><strong><span style="font-size:20px">標題-梅花問路複製框-灰色</span></strong></legend>

<p align="left" style="line-height: 200%; margin: 10px;"><span style="font-size:18px"><font color="#343434">輸入內文</font></span></p>
</fieldset>
</div>

 


藍色系的也來個 #6e819a

複製框分享6-藍色+白底|莫蘭迪色系|梅花問路|天界之舟|地藏道場|佛法正宗|行善濟世

<div id="meihwa_frame" style="width:100%">
<fieldset align="left" style="width: 97%; border: 1px solid #6e819a;border-right:10px solid #6e819a;border-left:2px solid #6e819a; padding-left: 20px;background-color:#fff;"><legend style="color: #fff; background:#6e819a; padding:5px 10px;"><strong><span style="font-size:20px">標題-梅花問路複製框-藍色</span></strong></legend>

<p align="left" style="line-height: 200%; margin: 10px;"><span style="font-size:18px"><font color="#343434">輸入內文</font></span></p>
</fieldset>
</div>

 


紅棕色的也來個 #915858

複製框分享7-紅棕色+白底|莫蘭迪色系|梅花問路|天界之舟|地藏道場|佛法正宗|行善濟世

<div id="meihwa_frame" style="width:100%">
<fieldset align="left" style="width: 97%; border: 1px solid #915858;border-right:10px solid #915858;border-left:2px solid #915858; padding-left: 20px;background-color:#fff;"><legend style="color: #fff; background:#915858; padding:5px 10px;"><strong><span style="font-size:20px">標題-梅花問路複製框-紅棕色</span></strong></legend>

<p align="left" style="line-height: 200%; margin: 10px;"><span style="font-size:18px"><font color="#343434">輸入內文</font></span></p>
</fieldset>
</div>

 


綠色的也來一個吧 #485323 

複製框分享8-綠色+白底|莫蘭迪色系|梅花問路|天界之舟|地藏道場|佛法正宗|行善濟世

<div id="meihwa_frame" style="width:100%">
<fieldset align="left" style="width: 97%; border: 1px solid #485323;border-right:10px solid #485323;border-left:2px solid #485323; padding-left: 20px;background-color:#fff;"><legend style="color: #fff; background:#485323; padding:5px 10px;"><strong><span style="font-size:20px">標題-梅花問路複製框-綠色</span></strong></legend>

<p align="left" style="line-height: 200%; margin: 10px;"><span style="font-size:18px"><font color="#343434">輸入內文</font></span></p>
</fieldset>
</div>

 


❖ 延伸閱讀
 

實用分隔線素材分享.png

標題分隔線語法,顏色可以自己DIY

特殊符號.PNG


 

如果您喜歡梅花的文章,希望您可以幫忙梅花按火箭20次推推🚀
留言支持📝,轉發分享推薦給您的朋友 箭頭符號:01.gif
🌸 🌸 🌸 非常感謝您 🌸 🌸 🌸

triangle dot dividing line illustration_4505965.png

地藏王菩薩愛
迎接地藏王菩薩進入您的人生,推薦您以下三個天界之舟出品的禱告運用
點閱播放讓地藏王菩薩幫助您~
驅離邪靈惡鬼騷擾
、財運亨通、身體健康、擺脫惡疾、人生順遂

triangle dot dividing line illustration_4505965.png

當你/妳覺得最近很需要
驅魔、收驚、制煞、鬼壓床、運勢差、體虛多病
204.gif循環播放驅魔禱告篇-常保身心靈乾淨健康204.gif


或是妳/你正在投入投資理財、自營事業
204.gif
在店裡或是工作室循環播放發財禱告篇-護佑經濟生活穩定無虞204.gif


祝願您非常健康,若您認為自己體虛多病、罹患癌症、而且家族有相關遺傳病史,還是身邊有患者/癌友
204.gif
時常播放抗癌禱告篇-護佑身體健康遠離癌症204.gif

藍綠色簡約方塊分隔線-2(延長).png

arrow
arrow
    創作者介紹
    創作者 梅梅 的頭像
    梅梅

    梅花問路

    梅梅 發表在 痞客邦 留言(21) 人氣()