2012年7月26日 星期四

側欄統計數字、內容、連結、字色、字體語法


喜歡原創 不隨波遂流!

如有引用請用原文、留言! 

不少網友慣用的自定欄位輸入空間巳經爆滿, 請自行掉配空間! 在其他自定欄位輸入語法, 繼續美化!

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

欄位名稱、語法動作順序中、英對照! 中文註解於消化後, 請只用英文部份, 省卻語法輸入空間!

*      *      *
升級版有很多黑色的字與版面格格不入, 甚不美觀, 測試時還發覺是加了限定的! 究竟因何 ?


若果這些預設色是好看的, 就不需費心研究去造語法啦!!... 又要美化去了!

顏色色碼或名稱去那裏找 ? 簡單可到文章緝輯器查看 ...

或做個色碼表、色盤連結在側欄方便查看:

   

色碼表連結語法: <p align="center"><font size="5"><a href="http://www.toodoo.com/db/color.html">色碼表</a></font></p>

色盤連結語法: <p align="center"><font size="5"><a href="http://blog.roodo.com/veson/89d03c79.swf">色盤</a></font></p>

語法:  tips ~ color:#六位色碼 或 英文顏色名稱!



/*最近的 post、最近的回應時間及括號字色粉紫*/
#sidebar1 .widget .bd time, #sidebar2 .widget .bd time{color:#bc6f95;}




/*分類、日期文章數字、關注 blog 友數目字*/
#sidebar1 .widget .bd em, #sidebar2 .widget .bd em{color:pink;}




/*日期年份、幾個"關注 blog 友"、最近訪客"最近沒有訪客"、自定欄位、統計資料內容字色紫色*/
.yui-b .widget .bd{color:purple;}


/*最近的 post 文章名稱、最近的回應內容、人名、分類名稱、日期月份、頭像編輯項目、關注 blog 友"查看全部"、最近訪客"瀏覽更多"、"訂閱 Rss 撮要"連結字色橙色*/
.yui-b #sidebar1 a, .yui-b #sidebar2 a{color:orange;}


/*最近的回應人名字藍色*/
#widget-recentComment .bd time a{color:blue}



有時島主沒閒打理網誌一段時間, 最近的 post 和回應日期就落後目前, 網誌被看到扔空般不好看! 可考慮刪除日期等資料 ...

   



/*刪除最近的 post時間*/
#widget-recentPost .bd time{visibility:hidden;}


/*刪除最近的回應的時間及人名*/
#widget-recentComment .bd time{visibility:hidden;}


/*一次過刪除最近的 post時間、刪除最近的回應的時間及人名*/
.yui-b .widget .bd time{visibility:hidden;}


若果要轉字色可把以上語法 visibility:hidden 改為 color:#六位色碼 或 英文顏色名稱

*      *      *

*側欄字體變大、改字體*/
.yui-b .sidebar{font-size:數字px;font-family:字體名稱;}


例子:

.yui-b .sidebar{font-size:16px;font-family:標楷體;}


字體亦可參看 yblog 文章編輯器!

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

***測試、制作及編寫下過心機, 用了時間,
引用語法或文章資料請連同我 blog Logo 一併帶走!

16 則留言 :

  1. 晚安 ! 雅姬蘭.. 謝謝分享呀 !
    [版主回覆07/27/2012 11:03:03]早晨! 見到你有心機美化也感高興呢! 你是個專心的人, 定有些成就, 過去微細的事溜掉了就算了, 不必想太多!

    回覆刪除
  2. 窩心錫鍚...又幸福...抱抱...時刻...晚安...安....
    [版主回覆07/27/2012 11:04:30]早晨! 謝謝咁熱情呀

    回覆刪除
  3. 多謝分享
    [版主回覆07/31/2012 20:56:28]尾 2、3段語法改了 ...
    [版主回覆07/27/2012 11:05:12]早晨! 語法用到就好! ^^

    回覆刪除
  4. 雅姬蘭,你好!相信你對電腦系統很熟悉.帮助blog友介紹一些程式應用.謝謝你!
    [版主回覆07/27/2012 18:09:32]這是美化版面的語法, 你也可用自己的相片怖置出你網誌個人風格呀! 跟電腦系統無關架!
    .
    祝週末愉快 ^^

    回覆刪除
  5. 有大家在...感恩每一天...

    回覆刪除
  6. 語法..很深奧啊,您的電腦技能真的很高…要學很多年才有此成就....謝謝您無私的分享....您版面整得好靚呀...
    [慧姐、有慧..回覆07/29/2012 01:06:01]謝謝您...
    [慧姐、有慧..回覆07/29/2012 01:05:30]哈哈....第一、二次我整不成功,第三次才成功,連同中文字加入了....
    [版主回覆07/29/2012 00:45:37]哈哈! 恭喜你! 語法中的中文可不加 ^^
    [慧姐、有慧..回覆07/28/2012 23:01:27]<style> #comment-list textarea{font-size:18px;color:purple;} 連字轉紫色...</style>
    我整到成功了....原來要這樣!謝謝您...
    [慧姐、有慧..回覆07/28/2012 22:17:11]謝謝您啊....晚安安...
    [版主回覆07/28/2012 22:07:03]#comment-list textarea{font-size:18px;} 把這加入語法裏面吧! ^^ 晚安
    [慧姐、有慧..回覆07/28/2012 21:17:41]謝謝教學…我姪仔懂得砌全個電腦,懂得電腦的零件,卻不懂得語法,在這裡回應的字體都好大,好清楚...您真的很有心思...
    [版主回覆07/28/2012 10:52:57]週末愉快! 這篇是改顏色很淺易啦! 測試、制作文章、輯圖時花時囉! ..

    回覆刪除
  7. 謝謝分享...又有得玩背景了!
    [版主回覆07/28/2012 10:54:46]改了顏色好看多了! 週末愉快!

    回覆刪除
  8. 感謝您的分享!週末愉快!
    [版主回覆07/28/2012 18:55:05]大家都週末愉快!

    回覆刪除
  9. 多謝分享!~
    [版主回覆07/29/2012 08:33:24]早晨! ^^ 祝週日愉快!

    回覆刪除
  10. 火鳳凰自言自語2012年7月29日 上午8:51

    早晨,雅姬蘭
    可惜升級後我已沒有興趣美化網誌,但很欣賞你有心的分享!
    [版主回覆07/29/2012 11:04:41]你經常美化網誌啊! 只是在文章內而已

    回覆刪除
  11. Akina.. 簡單 整潔, 很有風格 !
    [版主回覆07/31/2012 19:54:00]尾 2、3 有些語法改了 ^^
    [版主回覆07/29/2012 18:15:19]黃昏好! 這版用 Ps 砌的, 之前有稿, 現在造比較前熟一點了! 謝謝讚啦! ^^
    [咪咪回覆07/29/2012 13:27:38]再取 Akina blog Logo; 連結到喇, 開心.. ^^

    回覆刪除
  12. 雅姖蘭:午安!謝謝分享!....想美化網誌....好難...只能欣賞...慢慢睇...慢慢學....妳好叻!
    [版主回覆07/29/2012 18:10:10]黃昏好! 美化的文全在同一個分類, 隨便慢慢看啊! ^^

    回覆刪除
  13. 雅姬蘭你好!
    謝謝分享!祝夏日愉快!
    [版主回覆07/30/2012 11:45:20]早晨, 城市農夫! 暑期愉快啊! ^^

    回覆刪除
  14. Pandora 香傭講法文2012年7月30日 上午5:08

    yahoo 應請你^^
    [版主回覆07/30/2012 11:47:59]哈哈! 好風趣啊!

    回覆刪除
  15. 雅姬蘭你好,來探探您
    [版主回覆07/31/2012 23:13:40]大家都多點休息, 快點好起來吧!
    [Sarah回覆07/31/2012 22:16:08]我也有咳!週身骨痛。
    [版主回覆07/31/2012 15:01:59]謝謝! 最來忙嗎? 我就感冒了 ..

    回覆刪除
  16. 唔好意思冇睇到全文就拎左你D野
    真係多謝你呢篇文章
    Sorry!!
    [版主回覆08/06/2012 21:46:09]在網上遇到也是種緣, 互相尊重就好! 過去的不要記在心! ^^

    回覆刪除