2009-09-23

界面修改2009

现在这个博客界面基本上已经完成，应该不会再有什么大的变化，剩下的也只是小修改小改。所以每改一次写一篇记录显得很没必要。但是我还是需要把这些界面的改变记录下来，使自己可以改回来，就像这次blogger自己提供“继续阅读”功能，我如果要使用就要把代码改成默认，没有一个记录是无法完全的。想来想去我觉得发此贴收集改内容，以后有什么小修改就在这里留言记录。

（完）

張貼者： 希锐亚 發表於 21:03
標籤：

22 条评论:

  1. 希锐亚2009年9月23日 21:14:00

    参考[Time to show your face] Blogger官方留言頭像上線！让留言显示头像。

    参考秀出你的大頭來‧Blooger新增留言者頭像圖片功能添加了它的CSS部分，让匿名用户显示头像。头像由CSS".avatar-image-container img "决定。

    回复删除
  2. 希锐亚2009年9月23日 21:17:00

    添加了页尾部分的内容“Powered by Blogger.com”。这可以用来作为管理的入口。

    回复删除
  3. 希锐亚2009年9月23日 21:25:00

    修改了下面的CSS:
    .sidebar .widget
    中的添加这一行
    background-color: #F0F0F0;

    .sidebar h2 {
    中的这一行
    background-color: $sidebarTitleBgColor;
    改为
    background-color: #F1F1F1;

    目的是为了让各元件的背景色显得有一点点不同。

    回复删除
  4. 希锐亚2009年9月24日 05:53:00

    在CSS中添加以下内容，让文章标题更加醒目：
    h3.post-title a, h3.post-title a:visited {
    display: block;
    text-decoration: none;
    color: #006F00;
    font-weight: bold;
    margin-top: 5px;
    }
    h3.post-title strong, h3.post-title a:hover {
    color: #E14B00;
    }
    现在是绿色，鼠标指向时变为黄色。

    回复删除
  5. 希锐亚2009年9月24日 06:28:00

    参考以年月份做分類的導覽連結列 (Year & Month Breadcrumbs)在文章的上方添加了导览连续。它的CSS由“.breadcrumbs”决定。

    回复删除
  6. 希锐亚2009年9月26日 19:20:00

    参考標籤/搜尋頁面只列出標題 (Simplify the result of label and search)，使在标签和搜索只出现标题。

    回复删除
  7. 希锐亚2009年9月27日 19:58:00

    修改以下CSS:
    a img.sample2 {
    opacity: 1;
    }
    a:hover img.sample2 {
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    }
    为：
    a img.sample2, a img.sample3 { opacity: 1; }
    a:hover img.sample2, a:hover img.sample3 { -moz-transform: scale(1.5); -moz-transform-origin: 100% 100%; }
    a:hover img.sample3 { -moz-transform-origin: 0% 100%; }

    以后如果想让有链接的图片有动画效果就给它加上“ class="sample2" ”（向左变大）或“ class="sample3" ”（向右变大）。原先想的只是想让自己的头像有动画效果，现在觉得文章内的图片也可以加上，因为文章的内图片基本上都是靠左的，所以添加sample3部分。不过好像只支持火狐。参考：学习笔记: CSS3 鼠标悬停动画

    回复删除
  8. 希锐亚2009年9月30日 20:47:00

    把以前被我隐藏的内页的“订阅： 帖子评论 (Atom)”给显示出来，但是没有找到把它移动到较上面的方法。还要继续研究。

    回复删除
  9. 希锐亚2009年10月1日 19:46:00

    根依据綸太郎的文章《幫部落格做個網站目錄（文章列表）吧》生成生了全站文章，我把它的发布日期设置在07年。

    回复删除
  10. 希锐亚2009年10月3日 06:50:00

    本想依此文Google Translate 新自動化部落格全文翻譯外掛，聰明服務多語系讀者加个翻译，不过觉得不是很爽，所以没加。

    给首页的“文章：375”加上了链接，不过看不出来。以后再给其它类似的加上。

    回复删除
  11. 希锐亚2009年10月4日 05:14:00

    为Blogger的评论栏添加表情这篇文章提到为blogger的评论添加表情的方法，不过我觉得对一般的留言者来说操作有点难度，我自己也更喜欢字符表情。所以不添加，放在这里作个备忘。

    回复删除
  12. 希锐亚2009年10月5日 06:36:00

    修改了留言的顯示形式，模仿的是豆瓣的形式。

    修改了側邊欄的“展開/收合”及標題的背景色。

    回复删除
  13. 希锐亚2009年10月16日 07:34:00

    参考裝上隨機文章(Random Posts)，加強部落格的黏著度在首页生成了8篇随机文章。但我更想要的是在内面的文章尾的随机文章。

    回复删除
  14. 希锐亚2009年10月17日 04:56:00

    折腾出了文章尾的随机文章的方法，添加了，并写了篇文章blogger文章下方添加随机文章记录。

    回复删除
  15. 希锐亚2009年10月17日 22:56:00

    原來google閱讀器提供把共享文章的剪輯添加到博客的功能，設置不是很難，只是自定義比較弱弱。隨便找了一個和我博客主題比較接近的添加到了首頁，現在首頁不會那麼空了。

    回复删除
  16. 希锐亚2009年10月17日 23:29:00

    抄襲了阮一峰的代碼（真希望他不會生成），實現了更完美的共享文章的剪輯。css部分下周再來修改吧。

    回复删除
  17. 希锐亚2009年10月23日 23:47:00

    参考了 looki's blog 的这篇《两种JS计时代码》，给博客加了个建站时间计时。按文章的记录，正式宣告成立是2008-9-12，之前的文章是从以前的博客上转过来的。

    回复删除
  18. 希锐亚2009年10月24日 00:07:00

    在阮一峰的博客上看到这篇《首页增加内容聚合》，我可以心安理得地使让GR共享的摘要在首页显示了。

    回复删除
  19. 希锐亚2009年10月24日 01:57:00

    查了我个人的资料页，发现我是07年12月天始使blogger的，当然那时不是主打。更新了计时的设置。

    回复删除
  20. 希锐亚2009年12月11日 21:31:00

    修改了文章页相关文章所使用的javascript的来源，本想提高一下速度，但也没有快的感觉，还要再研究一下。翻墙修模板真累人。

    回复删除
  21. 希锐亚2012年3月18日 00:20:00

    按照http://pstrey.blogspot.com/2012/01/blogger.html开启留言嵌套，但似乎有个问题，“留言须知”变成在留言框下面。

    回复删除
  22. 希锐亚2012年3月18日 00:35:00

    但是留言后它又跑到上面了

    回复删除

留言须知：
0. 你有權保持沉默，但你所說的將作為此BLOG有人訪問的證據。
1. 支持的HTML標籤：<a href="" title=""> <b> <em> <i> <strong>。
2. 留言留名，不然易被无视。（在“评论”中选择“名称/网址”，网址可以不填）。
3. 原則上我不删除留言，除非那則留言侮辱到你。

订阅： 博文评论 (Atom)