2013年12月19日 星期四

有色留言


想要以上有色的留言soli有顏色的留言格式嗎?

很簡單...

模板》 自定義 》進到【Blogger 模板设计器】選【高級】》找到【添加CSS】,複製以下的html黏貼到【添加自定义 CSS】空格裡面,然後按【應用於博客】就可以了:

@font-face { font-family: 'Philosopher'; font-style: normal; font-weight: 400; src: local('Philosopher'), url(http://themes.googleusercontent.com/static/fonts/philosopher/v4/OttjxgcoEsufOGSINYBGLYbN6UDyHWBl620a-IRfuBk.woff) format('woff'); } .comment .avatar-image-container { border: 1px solid #B6B6B6; max-height: 70px !important; margin-top: -5px; width: 70px !important; position: relative; z-index: 50; } .comment .comment-block { margin-left: 75px !important; } .comment .comment-header { background: none repeat scroll 0 0 #A9F5D0; color: #333; font-size: 15px; font-weight: bold; margin-left: 60px; } .comment .comment-header a { color: white !important; text-decoration: none; } .comment .comment-content { background: none repeat scroll 0 0 #FEFFF9; border-bottom: 2px solid #E6E6E6; font-size: 14px; margin: 0 0 30px; padding: 5px 5px 10px 10px; } .comment .comment-actions a { background: none repeat scroll 0 0 #DDD; color: #333; display: inline-block; line-height: 1; margin: 0 3px; padding: 3px 6px !important; text-decoration: none; } .comment .comment-actions a { background: none repeat scroll 0 0 #DDD; color: #333; display: inline-block; line-height: 1; margin: 0 3px; padding: 3px 6px !important; text-decoration: none; } .comment-header cite { background: none repeat scroll 0 0 #DF7401; border: 1px solid white; color: white; padding: 2px 20px; position: relative; z-index: 99; margin-left: -20px; } cite.blog-author { background: none repeat scroll 0 0 #8181F7 !important; } .icon.blog-author { display: none !important; background: url("") no-repeat scroll 0 0; margin-left: 90px; width: 60px !important; height: 60px !important; position: absolute; right: 5px; bottom: 5px; top: 10px; } .comment .comment-header { color: #333; font-size: 15px; font-weight: bold; } .comment .avatar-image-container img { border: medium none !important; height: 70px !important; width: 70px !important; max-height: 70px !important; max-width: 70px !important; } .comment .comment-actions a { background: none repeat scroll 0 0 #DDD !important; color: #333 !important; display: inline-block !important; line-height: 1 !important; margin: 0 3px !important; padding: 3px 6px !important; text-decoration: none !important; font-size:16px; } .comment .comment-actions a:hover { background: #CCC !important; text-decoration: none !important; } .comments { font-family: 'Philosopher', arial, serif !important; font-size: 1em; color: black; } .comments .continue a { display: block !important; font-weight: bold !important; padding: .5em !important; color:#E34600; font-size:16px; } .comments .continue a:hover {color:#4D3123;text-decoration:none;} .item-control { display: none !important; } .comments .continue { border-top: 2px solid transparent !important; }






Enjoy!


注意:你的留言格式要設定到【Embedded留言格式】才能用這個功能,請參考這篇

26 則留言:

  1. 哈哈哈,谢谢你的分享啊!!! =]

    回覆刪除
    回覆
    1. 我很喜歡這個有色的留言格式。

      刪除
  2. 回覆
    1. 有注意到裡面的顏色code嗎?
      可以調色哦!

      刪除
    2. 你没注意到我已经调色了咩,还不错hor,呵呵呵。。。

      刪除
    3. 看到鳥,你果然好色soli好調色,調得好~^^

      刪除
  3. 那个格子的长度可以“矫”的米有?XD

    回覆刪除
    回覆
    1. 格子的長度是自動“矫”的,不需要手動!

      刪除
  4. 我家黑漆漆,不适合有色留言。O.o

    回覆刪除
    回覆
    1. 要裝個“大光燈"的html嗎?

      刪除
    2. 大光灯像黎明吗?我想看黎明出来......⊙﹏⊙‖∣

      刪除
    3. 黎明我不知道幾時來,不過我想知道...
      今夜你會不會來,你的愛還在不在...♪♫♬♪♫

      刪除
  5. 回覆
    1. 你唔喺好鍾意臨老入花叢嘅咩!

      刪除
  6. 早。。。晨啊!!!!
    我今日才睇到“颜色”!!!!
    被电脑大哥激到。。。。。无颜色 =.='''''

    回覆刪除
    回覆
    1. 你可以俾啲顏色電腦大哥睇架嘛!

      刪除
  7. 我家不玩這個,因為那些顏色我不喜歡咯。呵!

    回覆刪除
  8. 已經邁入老花行列,有色唔啱我。。。

    回覆刪除
  9. 回覆
    1. 番薯國很快變先進國,部落格也要先進咯!哈哈哈~

      刪除

三人行必有我師,盡情的說吧!