soamz typecho主题制作完成

作者:跑调,发布于May 23, 2010,这是一篇关于typecho,soamz,主题,theme的文章

soamztheme.png

实话实说:此次为typecho主题是周扒皮行为。在ie8,谷歌和firefox3.6.3里测试正常了。

对右侧边栏不满意,特别是配色上很不满意,恼火啊

主题扒皮所得。移植者:跑调

记录一下制作过程中的小贴士:

1,ie中正常,谷歌和ff中,div的左边外侧会有很大的空白。在css中添加display:inline即可

2,无js的div鼠标滑过li变色。需要定义<a>宽度。

如下代码:

<ul>

<li>

<a href="http://localhost/typecho/index.php/start-page.html" title="关于">关于</a><a href="http://localhost/typecho/index.php/feed/" title="RSS订阅">RSS</a>

</li>

</ul>

CSS

.sidebar ul {list-style-type:none;margin: 0px;padding: 0px;}

.sidebar ul li a {color: #888;

padding:0 10px 0 15px;

width:275px;margin-top:2px;

margin-bottom: 2px;

text-decoration:none;

display:block;

list-style-type:none; 

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;}

.sidebar ul li a:hover {

color:#333;

background: #DDDDDD;

text-decoration:none;}

css写的很不规范,请领导们指教一下吧。

已有 10 条评论 »

  1. {强}博客生活志 May 23rd, 2010 at 02:56 pm

    额,你是喜欢带套儿还是不喜欢呢~貌似em和te都可以把嵌套去掉的。

  2. lcard May 23rd, 2010 at 02:34 pm

    曾经在tpyecho与emlog犹豫,现在看到嵌套评论就纠结啊……

  3. {强}博客生活志 May 23rd, 2010 at 02:29 pm

    切图……切鸡鸡,能扒皮就扒皮,不能扒皮就用别人的皮,累着自己不好。

  4. 猜猜 May 23rd, 2010 at 01:04 pm

    我一直都是只block+float的,没发现问题啊……
    话说我一直最求莫名其妙的布局结构来的呢,从ZB时代就酱了……至于样式表现,MS我出道以来从来没做过私彩绚丽或者丰富背景切图的主题过,全是阳春得跟小白花似的……

  5. {强}博客生活志 May 23rd, 2010 at 12:58 pm

    共同学习,共同进步

  6. slwl May 23rd, 2010 at 11:30 am

    同样在折腾皮,过来学习下,蛮不错的说。

  7. {强}博客生活志 May 23rd, 2010 at 08:01 am

    原来的主题是个wp的,挪好了就错位,他有些好像是js控制的,我讨厌js,去掉以后乱了。

  8. 羽中 May 23rd, 2010 at 07:50 am

    原主题兼容性就没搞好?很清新的感觉^^

  9. {强}博客生活志 May 23rd, 2010 at 06:04 am

    设了block以后ff和gg还是有问题,我就直接搞了宽度……熬夜搞的,终于变个样子了,O(∩_∩)O哈哈哈~

  10. 猜猜 May 23rd, 2010 at 05:56 am

    要设宽度?要设宽度?
    block就默认直接撑到最大了……

    哦……你是要让多余字符溢出啊……
    其实te可以帮你截字符的……

    不过一天不见大变样了丫,这个主题很清爽呢!

添加新评论 »