修改了一些细节

Thursday, July 31, 2008 13:48

今天又把模板的一些细节完成了,真是太有成就感了.不过现在唯一的问题就是IE和FireFox怎么都不能一致.IE显示正常FireFox就不正常,FireFox正常IE就不正常.真他妈窝火.

弄好了评论的提交按钮.

曾经就见过一个把按钮换成图片的wp模板,但是那种技术当时没怎么研究.现在要用上了又没法,后悔ing.不过经过我几小时研究,终于弄出来了.[PS:昨天去wp论坛发帖求助这个问题,论坛那多人居然没一个理我,都是一群禽兽. :mad: ]

<div class="an">
<input class="ta" name="submit" type="submit" tabindex="10" value="" />
<input type="hidden" name="comment_post_ID"  value="<?php echo $id; ?>" />
</div>

我开始以为在按钮外面加一个div[*就是上面的那个class="an"]就可以了,后来怎么改按钮的样式都不变.变的只是按钮所在div.

后来才知道是要在按钮里面加一个div[*上面的class="ta"],这样修改CSS才是修改的真正的按钮样式.

知道原理以后如鱼得水,修改了border和提交按钮的背景.现在好看多了呢,如下图.

SNAG-0005

关于图片文字共存,链接还在.

这个要感谢网友yltfy,他一说我就明白了.其实只不过是隐藏了文字而显示图片而已.

文字span上面加一个display:none,然后给这段文字来一个背景,这样的话链接依然指向的是文字.但显示的是图片,就好像是图片上的链接一样.果真瞒天过海.

使用了微软雅黑字体.

这个字体还这是好看,不过没有安装微软雅黑字体的就不能饱这个眼福了.想下载这个字体的去这里:http://www.mydown.com/tests/zitixiazai/316/418816.shtml

解压后把font文件直接覆盖在c:/windows/font目录下,下面是图,贼他妈好看.

SNAG-0006

在上官砒霜那里偷了一个jave特效.

特效就是可以跟着鼠标转的几个字体,虽然没什么意义.但是在我这个纯白色的模板上面弄一些花东西还挺有点缀效果.

代码太长了,这里就不发了,免得浪费位置,这篇日志已经写的够长了.

更换了浏览器地址前的小图标.

嘿嘿!这个技术以前的日志有介绍,这里不多说了.想要学的自己翻以前的日志吧,yo2的博客如何弄这个小图标的介绍也有.

或许你还会喜欢...

6 Responses to “修改了一些细节”

  1. wangyh says:

    July 31st, 2008 at 2:52 pm

    FF下,comment框错位至footer.

  2. lokr says:

    July 31st, 2008 at 3:27 pm

    哎 这个问题 我知道我也无法解决

  3. yltfy says:

    August 1st, 2008 at 9:47 am

    PS:昨天去wp论坛发帖求助这个问题,论坛那多人居然没一个理我,都是一群禽兽.

    我没看到这个问题,还有你不用这样过激啊!论坛还是有些人是乐于帮助别人的。还有在FF下的解决方法我说了,可能是你没能理解清楚.
    #liu{float:left;margin:0 10px 0 20px;display:inline;}
    #shuo{height:180px;}
    #xie{float:right;padding:3px 22px 0 0;}
    把#xie这个删了。
    之所以出现在这问题是宽度不够,你可以试着修改margin和padding的值,改小点就行了!

  4. Мужские сумки says:

    August 5th, 2008 at 2:26 am

    Да, мне кажется очень неплохо.

  5. Electronica says:

    August 15th, 2008 at 8:21 pm

    greatings…

    Not sure that this is true) but thanks…

  6. Applications says:

    August 30th, 2008 at 6:51 pm

    hi…

    thanks…

Leave a Reply