2009-09-23

界面修改2009

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

(完)

22 条评论:

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

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

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

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

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

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

    回复删除
  4. 在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. 参考以年月份做分類的導覽連結列 (Year & Month Breadcrumbs)在文章的上方添加了导览连续。它的CSS由“.breadcrumbs”决定。

    回复删除
  6. 修改以下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 鼠标悬停动画

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

    回复删除
  8. 根依据綸太郎的文章《幫部落格做個網站目錄(文章列表)吧》生成生了全站文章,我把它的发布日期设置在07年。

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

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

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

    回复删除
  11. 修改了留言的顯示形式,模仿的是豆瓣的形式。

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

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

    回复删除
  13. 折腾出了文章尾的随机文章的方法,添加了,并写了篇文章blogger文章下方添加随机文章记录。

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

    回复删除
  15. 抄襲了阮一峰的代碼(真希望他不會生成),實現了更完美的共享文章的剪輯。css部分下周再來修改吧。

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

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

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

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

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

    回复删除
  21. 但是留言后它又跑到上面了

    回复删除

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