2013年8月8日 星期四

網誌正文 字色、字體、背景 ... 語法

喜歡原創 不隨波遂流!
引用請用原文、節錄教學請注明出處、歡迎回應取用! 

記得將所需語法全部加入一個自定欄位放於總共一對 <style></style> 之間包着即可!!

**若你慣用的自定欄位輸入空間巳爆滿, 請用新的放入語法! 中文註解可於消化後, 只用英文部份, 省卻空間!



1. 正文內容的文字、字形等我以住每篇用 html 設定的, 想想轉背景時不可能每篇去修改配襯, 要統一基調字色, 還是用 Css 設定方便些!

又免卻用圖文編輯器插圖時, 文字有時變大變小的煩腦!



1. 語法:

/*正文內容頂部留 15px作距離、字大 20px、字形標楷體、字紫色、文字置中*/

#article-single .bd .content{padding-top:15px;font-size:20px;font-family:"標楷體";color:purple;text-align:center;}

**語法裏用的: text-align:center; 把圖文都一併置中了! 預設靠左, 無需調較!


2. 像我版型版主欄巳有圖案有框的或者選擇在正文內容配底圖作背景的話可用語法如下:



2. 語法:

/*正文內容四邊各留 15px作距離、加入背景圖、字黑色*/

#article-single .bd .content{padding:15px;background:url(圖片網址);color:black;}


3. 如想每篇有不同背景、字色等等, 可轉到 HTML 編輯器, 只須把語法加入如下:



3.1. <div style="padding:15px;background:url(圖片網址);font-size:20px;font-family:標楷體;color:purple;">文章內容</div>

*** 註解: 正文內容四邊各留 15px作距離、加入背景圖、字大 20px、字形標楷體、字紫色


3.2. 轉回文字編輯器把"文章內容"換你的真正圖文發表即可!


引用: 小格: 古典花紋填充圖(上)


**顏色可用英文或六位色碼 ~ 如字紫色:

color:purple 或 color:#7F007F


**語法造句技巧 ~ 請參閱: 語法積木 ~ 如何砌積木?


*如非作教學用途, 謝絕素材性引用!!

*** 測試、制作圖文及編寫下過心機, 用過時間,
引用本文請連同我 blog Logo 一併帶走!


30 則留言 :

  1. 姬蘭 :你好!很深奧...謝謝分享...
    [版主回覆08/09/2013 09:59:55]慧姐, 早晨!
    你試試複制後修改圖片網址使用, 會發覺很簡單!

    回覆刪除
  2. No.2 應會好用,試試先。Thx!
    [版主回覆08/10/2013 10:14:54]好的 , 週六愉快!

    回覆刪除
  3. 雅姬蘭很有心思研究...可惜有傳言說y blog將結束服務...
    [wtm246回覆08/16/2013 19:37:10]我都好榮幸識到你們!!!
    但這傳言是真的嗎?希望不是!
    希望你健康幸福過週五!
    [版主回覆08/10/2013 21:46:00]我也知道! 希望在 yb 剩下來 的 bloglife 大家能安然渡過 ... 有你們這班 blog 友也感興幸!
    週日愉快!

    回覆刪除
  4. 早好 ! 雅姬蘭.. In L
    [版主回覆08/11/2013 11:04:56]咪咪, 早晨!
    週日愉快! 心情靚靚又一天!

    回覆刪除
  5. 謝謝介紹,您好專業,一週愉快。
    [版主回覆08/13/2013 10:29:53]玩了多年試得多有點認識啦! 週 2 快樂!

    回覆刪除
  6. 好美的版圖啊! 謝謝分享>o<!
    [版主回覆08/13/2013 18:04:09]黃昏好! 這篇是想改善/避免使用文字編輯器時文字變大變小的麻煩啦!

    回覆刪除
  7. 你真叻呀....曉咁多做網誌的設計程式....多謝好分享...
    [版主回覆08/14/2013 15:32:49]你客氣啦! 因用那文字編輯器感頭痛, 使用語法為了方便、還有一點美化而寫呀!

    回覆刪除
  8. 蜓子...................2013年8月14日 下午1:52

    喜歡原創 不隨波遂流!讚,,,,,,,,
    [版主回覆08/14/2013 15:36:44]謝謝留言! 這樣想可專注隨自己意思做 ^^ ! 有時也把事情獨往自己肩頭上摃 ...

    回覆刪除
  9. 雅姬蘭,澳門已改掛三號風球喇...不過現在落好大的橫風橫雨呀...今晚蛇玊唔上瑜伽堂
    [版主回覆08/14/2013 18:36:46]香港巳轉 3 號啦 ...

    回覆刪除
  10. ......。*☆∴。 。∴☆*。
     。★*゚゚*★∵★*゚゚*★。
     ☆゚   ゚☆゚  .. ゚☆
     ★*(。◕ヮ^)✬(◕ε⌒)*★
    . ゚☆ ••╠ ╣ a Ρpy...☆゚
    .......*★ ♡day♡ ..。★*   
    ..........∵☆。day。.☆∵
    ...................☆
    [版主回覆08/14/2013 19:24:01]得意、幾靚

    回覆刪除
  11. \(◕ε⌒* )/嘩哈哈•*謝謝

    回覆刪除
  12. 祝週末愉快!
    [Joe回覆08/17/2013 11:19:53]
    [版主回覆08/16/2013 22:30:44]休息呌吓氣 ^^ ... 週末愉快!

    回覆刪除
  13. 謝謝教學分享!試下先!
    [版主回覆08/16/2013 22:31:50]好的, 別客氣! 週末愉快! 晚安!

    回覆刪除
  14. 謝謝分享:網誌正文 字色、字體、背景 ... 語法!
    [版主回覆08/18/2013 11:33:50]週日愉快! ^^

    回覆刪除
  15. 呵呵~一直聽到青蛙叫!
    [版主回覆08/18/2013 21:02:16]我的 flash 小件有青蛙發聲麻 ... 現時四週都不時聽到

    回覆刪除
  16. 內容好豐富等有空來慢慢學,要多多指教哦………
    [阿脾畫,abay523回覆08/19/2013 07:59:05]最近比較低調。
    [版主回覆08/18/2013 21:03:48]觀迎你呀! ^^ 一段時間沒見你出巡了!

    回覆刪除
  17. 謝來訪, 晚安 ~~
    [版主回覆08/20/2013 10:48:40]葉子, 早晨!
    週 2 愉快!

    回覆刪除
  18. 開心又一天喔, 朋友妳好!
    [版主回覆08/20/2013 10:49:58]Spring, 開心週 2 啊!

    回覆刪除
  19. ≈♥ Sara ♥≈2013年8月20日 下午5:23

    謝謝分享, 我要慢慢研究o下先 ^^
    [版主回覆08/21/2013 10:31:35]早晨! 適用就好啦! ^^

    回覆刪除
  20. 又一分享,晚安啦!
    [版主回覆08/21/2013 10:32:17]孖G妹, 早晨!
    週 3 愉快!

    回覆刪除
  21. 晚安,謝謝提供。
    [版主回覆08/22/2013 20:46:36]晚上好! 歡迎參觀!

    回覆刪除
  22. 謝謝分享!我會等有空來慢慢學!
    [版主回覆08/25/2013 11:22:55]早晨! 觀迎呀! 希望你用得上 ^^

    回覆刪除
  23. 雅姬蘭早晨!
    多謝好朋友的分享呀!
    [版主回覆08/25/2013 11:24:24]wtm246, 早晨!
    謝謝到訪, 週日愉快!

    回覆刪除
  24. 原來你是電腦專家來的!
    [版主回覆08/25/2013 11:26:26]我算不上是電腦專家 , 只是散玩把一點懂得的分享 ... ^^

    回覆刪除
  25. 用電腦對我來說有時都幾難架,所以只是最簡單的運作,看到你個blog咁靚真羨慕啊!
    [Bee 婆婆回覆08/26/2013 03:59:36]多謝!
    [版主回覆08/25/2013 22:09:29]你謙虛啦! 如有問題想問, 可在該篇留言提出, 我有時間時幫你改! ^^

    回覆刪除
  26. 雅姬蘭:晚安!謝謝分享!慢慢學用!
    [版主回覆08/26/2013 11:18:20]Kam Kam, 早晨!
    合用就好, 週一愉快!

    回覆刪除
  27. 秋山女!:)2013年8月26日 下午3:08

    你好棒啊喲
    [版主回覆08/27/2013 10:43:17]別客氣啊! ... 嘮哆一吓記得將語法放入一對 <style></style> 中間啊!
    [秋山女!:)回覆08/27/2013 04:33:24]懂了, 慢慢懂了, 真的, 好多謝你呀!!
    [版主回覆08/26/2013 23:30:59]謝讚啦! 寫文時不用次次諗字色方便嘛! 星期天/週 2 愉快啦!

    回覆刪除
  28. 雅姬蘭,謝謝分享呀...晚安安!
    [版主回覆08/27/2013 10:39:37]包天人, 早晨!
    週二愉快!

    回覆刪除
  29. 晚上好啊
    [版主回覆08/28/2013 00:22:24] 睡覺好!

    回覆刪除
  30. 秋山女!:)2013年9月1日 上午5:05

    在另一個網站這些行得通麼?

    我搬了家呀 ,再見啦。。。你來, 我告訴你呀。。。私人我啦。。。
    [版主回覆09/01/2013 07:46:34]秋山女, 早晨!
    第 3 點該可以的! 因為這是 HTML ...
    其餘 2 點是為 yblog 這裏而定的!

    回覆刪除