首页 > Life Diary > 为博客重新设计一款Logo

为博客重新设计一款Logo

2010年10月23日 Surda 发表评论 阅读评论

这两天利用空闲,又重新给Wordpress动了点小手术.其实主要是针对改良后的iNove主题做了细小的修改.相信来浏览SurDA的盆友已经看到了变化.

无尽的折腾啊……

变化一:重新来了一款新站标.

logosize:250*50 px;2028 byte

设计这款LOGO的灵感来缘于Word域的应用,有一群友问如何在Word里插入双层下标?一般操作只能实能实现一层下标,这里我想到Word域.(如下图)

word双下标

在Word空白处按CTRL+F9,在出现的括号内输入:

EQ SurDA\o\al(\s\up7(http://),\s\do7(surda.cn))\s\do12(http://surda.cn) ,然后右击代码-切换域代码即得到上图效果.

呵呵,Surda没有设计功底,此款LOGO就是从word而来.将 SurDA 字体设置 Snap ITC 字号 48

变化二:侧边栏添置了两个广告位

效果请看侧边栏,效仿了经典的 125*125 广告.本打算用插件实现,后来看了MG12的源代码其实很简单就动手了.(去除了 JS 随机输出)

后台新增纯文本小工具,添加如下HTML代码:

<ul class=”widget_ads”><li><a  rel=”external nofollow” href=”http://www.joinren.com/” target=”_blank”><img src=”http://img.surda.cn/ads/joinren.png” title=”找工作上举人网,我的简历我做主!” width=”125″ height=”125″ /></a></li><li><a rel=”external nofollow” href=”http://surda.cn/#/”><img src=”http://img.surda.cn/ads/ads.png” alt=”" width=”125″ height=”125″ /></a></li></ul>

向主题Style.css添加如下CSS

#sidebar .widget_ads li{background:0;list-style:none;float:left;padding-left:2px;padding-bottom:2px;height:132px;width:132px;display:block;overflow:hidden;margin:0}
.widget_ads li img{background:#FFF;padding:2px;border:1px solid #999}

ps:样式修改基本于iNove,其他主题请自行调整.firefox,ie8,chrome,opera测试通过.另:广告现开始起售,价格面议,有意请联系 i@surda.cn(QQ , MAIL皆可)

变化三:去除了头部调用的 DiGu

前surda在头部调用了图片版的digu秀,现考虑其实无太大用处.再一个也影响美观,甚至影响网页加载速度.

digu秀  size:345*86 ; 9.90KB

后续也可能再次调用,因为已利用CSS Sprite 解决美观问题.

css sprite这是本地测试站点调用,已完美融入主题(图片源不变),形如文本调用.需要调用的盆朋友请查看Demo页面的源码,相信你懂得.^_~ 调用图片源请移步嘀咕秀获取.

 

周六又过去了,外面掉着稀哗雨滴,独坐桌前,右手打字,左手以纸扶鼻.哇,感冒真难受!

ShareOn:
  •  
  1. 2010年10月23日18:54 | #1

    感觉站点用的logo和文章里的颜色不一样~~

  2. 2010年10月23日20:39 | #2

    @Fanr
    哈哈 背景色对比不一样导致视觉差异吧

  3. 2010年10月23日21:10 | #3

    这个色调倒是不错的,很博客的一些图片配合得好

  4. 2010年10月23日23:33 | #4

    不错不错。。。和博客挺搭配。

  5. 2010年10月23日23:52 | #5

    你的图不能外链,受保护的,怎么弄。

  6. 2010年10月24日09:07 | #6

    每次用到LOGO都去求别人。唉。

  7. 2010年10月24日12:34 | #7

    额,没用logo,我倒是也想整个logo,但是不会PS

  8. 2010年10月24日12:54 | #8

    @学夫子
    呵呵 一个简单的“设计” 主要是之前的太难看了

    @公子
    谢谢 谢谢

    @KARONL
    Cpanel设置HotLink防盗链 减少不必要的流量
    另也可用根目录 .htaccess 防盗链 代码已发至你邮箱

    @山头人
    有人帮忙当然更好啦 设计漂亮一些

    @云者,迷
    我这logo 就用了一个工具 “文本框” 你也可以啊

  9. 2010年10月24日15:44 | #9

    还不错,赞一个~~

  10. 七七
    2010年10月24日17:33 | #10

    呵呵,效果不错,向你学习!

  11. 2010年10月24日20:42 | #11

    @Surda
    谢谢了。

  12. 2010年10月24日21:39 | #12

    @小杰
    多谢!

    @七七
    呵呵 七七 我要向你学习

    @KARONL
    不客气 :)

  13. 2010年10月24日22:26 | #13

    这个logo非常不错啊,和博客也蛮配的!

  14. 2010年10月24日22:33 | #14

    确实很不错,让人眼前一亮~

  15. 2010年10月24日22:50 | #15

    色调搭配得不错,赞一个

  16. 2010年10月24日23:28 | #16

    这个logo不错

  17. 2010年10月24日23:47 | #17

    这些LOGO真的很有艺术的,很不错的哦

  18. 2010年10月25日09:00 | #18

    @大鲨鱼

    @小松

    @绍兴seo

    @猪猪懒人窝

    @优得客
    难道说 我真的很有设计天赋! 哈哈

  19. 2010年10月25日10:53 | #19

    呵呵。这个还是蛮实用的哦,支持下了。。

  20. 2010年10月25日11:11 | #20

    试了,但是搞不懂。做不来。。好吧,我承认,我理解能力有问题

  21. 木本无心
    2010年10月25日11:47 | #21

    恩,好看诶。敢问是否有时间也帮我设计一枚?如何?

  22. 2010年10月25日11:47 | #22

    呵呵, 感冒是挺难受,我都还没有好完全

  23. 2010年10月25日12:02 | #23

    @david
    呵呵 实用?

    @云者,迷
    试了搞什么?或许表述也不清楚 哈哈

    @木本无心
    呵呵,Surda没有设计功底,此款LOGO就是从word而来.
    不过可以试试 说说你的要求

    @指舞六弦
    现已痊愈 希望你也早日完好

  24. 2010年10月25日18:55 | #24

    这个Logo倒是很显眼的。

  25. 2010年10月25日23:01 | #25

    我觉得logo和背景的配色不是非常好,不过也可以理解成是为了凸显主题。 你对OFFICe系列的东西真有感情。

  26. 2010年10月26日09:24 | #26

    @威言威语
    我也觉的 哈哈

    @clyee
    多谢蔡兄提醒 只是现在没有更好的替代 不懂设计 我自己也觉较“显眼” logo前景色 网页背景色 都是纯色 且没有过渡 看起来有点突兀 暂时先用着

  27. 2010年10月26日15:19 | #27

    很不错的啊 这个logo蛮漂亮的呢

  28. 2010年10月26日22:56 | #28

    说实话,这LOGO也不算真正的LOGO吧,这字体貌似直接写出来的。。。

  29. 2010年10月27日09:16 | #29

    @海天
    谢谢!

    @西门
    西门兄一语即中 哈哈

  30. 2010年10月28日21:09 | #30

    设计的8错哈!

  1. 本文目前尚无任何 trackbacks 和 pingbacks.