7
21
2011
9

Is-Programmer博客小技巧汇总

从BUG反馈中整理。

这些小技巧大多数是和自定义CSS有关的,你可以去后台->插件(Plugins)->自定义CSS(Custom CSS)中操作。

因为我个人对CSS不甚了解,所以希望 galeki 或者 CSS 大牛对以下内容进行审校,非常感谢~

带链接的图片有下划线,要去掉

原因:这个是皮肤的默认链接样式造成的。

方法:自定义CSS

a.lightbox{border:0;}

主体文本颜色混乱

原因:因人而异。

方法:自定义CSS

body{color:#000;}

将其中的color改成喜欢的即可。

代码高亮框会少一点点高度盖住最后一行的下划线

也许已经修复了,不过我是用了这个代码的,也不知道~smiley

原因:???

方法:自定义CSS

div.syntaxhighlighter{overflow-y:hidden !important;}

修改背景图

没有原因。

方法:自定义CSS

body{
background-image: url("你的图片网址");
}

代码高亮框的横向滚动条

已经fix了,不过还是记录一下。

方法:自定义CSS

div.syntaxhighlighter
{width:500px !important;overflow-x:scroll !important;}

500px按自己喜好修改。

嵌套回复有点大

貌似fix了,我没有在意这种事情。(啊!galeki……)

现在可能已经可以动态调整了,当然你还是不喜欢可以自己调整。

方法:自定义CSS

.reply_comment_box{margin-left:3px !important;}

把3px修改成自己喜欢的。

每个分类的RSS

原因:就是想要细化一下RSS而已嘛。。。(个人觉得把留言、评论和文章都做成RSS有点不必要。)

方法:点击某个分类的链接,在浏览器的地址栏的后面加上“.rss”,回车,就是这个分类的RSS Feed了。

主题在宽屏上太窄了

原因你懂的。。

方法:自定义CSS

#container, #menuh-container{width: 1000px;}

1000改成喜欢的。

不过这样,窄屏看起来就麻烦了,不推荐。

自定义顶部图片

自定义CSS

#top{
background-image: url("图片网址");
}

导航栏乱七八糟

进入 后台->外观->导航栏 设置。

首页文章标题设置颜色

还是自定义CSS

h2.title a { color:#xxxxxx !important; }

把xxxxx改成你想要的颜色值。

设置“引用”样式

点击这里学习更多

更多技巧整理中……

如果大家想要归类的话,留言一下,我比较懒,呼声高就归类一下。

Category: 技术 | Tags: -chito- chito is-programmer 技巧 | Read Count: 4080
Avatar_small
λ 说:
Jul 21, 2011 01:30:56 PM

或许你可以帮Galeki写帮助文档了…… 参考了依云同学那个CSS设置,总算把引用的样式搞定了:

 

blockquote:before {
  content: '“';
  font-size: 3em;
  color: #aaaaff;
  position: relative;
  left: -0.7em;
  float: left;
  width: 0;
}
blockquote:after {
  content: '”';
  font-size: 3em;
  color: #aaaaff;
  position: relative;
  top: -0.5em;
  left: 0.7em;
  float: right;
}
 
Avatar_small
Mike Ma 说:
Jul 21, 2011 01:34:20 PM

我就郁闷了,为什么我设置都不起效的?

现在的Ubuntu字体终于出来了,哈哈

Avatar_small
DeathKing 说:
Aug 21, 2011 04:24:43 PM

那次λ 说我博客的那个iTheme主题有点窄,我就摸索着改了下,借你这个地方发出来,看有没有人需要吧。

http://deathking.is-programmer.com/plugin.css

有人改出来更好看的话一定要给我说啊~~~

Avatar_small
Mike Ma 说:
Aug 21, 2011 04:30:58 PM

@DeathKing: http://lilydjwg.is-programmer.com/plugin.css 依云的似乎更好看呢~根据其在 bug 反馈上的报告,增加了 150px。不过你的似乎更宽一点。

Avatar_small
λ 说:
Aug 21, 2011 08:27:08 PM

@Mike Ma: 我将浏览器窗口缩小才发现我用的 UncreativeSuite 主题是按百分比来设置宽度的。

Avatar_small
Mike Ma 说:
Aug 21, 2011 08:44:28 PM

@DeathKing: @λ: 我觉得simple blog(貌似这个)不错,和iTheme很像,而且也很简洁,鱼与熊掌都兼得了!

Avatar_small
λ 说:
Oct 23, 2011 01:29:50 AM

@Mike Ma: 我用Firebug自己做好了……配置看這裏:

http://jakwings.is-programmer.com/posts/30382


登录 *


loading captcha image...
(输入验证码)
or Ctrl+Enter

Powered by Chito | Hosted at is-Programmer | Theme: Aeros 2.0 by TheBuckmaker.com