软件音速X系列原创wordpress主题:x-wood发布
以前看到一篇文章,说是[url=http://www.alexbuga.com/][color=#000000]alexbuga[/color][/url]界面是目前比较漂亮的网站之一,我自己也比较喜欢alexbuga的UI,所以,就有了个想模仿alexbuga界面做一个wordpress主题的想法,接着
就开始准备工作了,3天下来,开始搜集alexbuga的素材,今天已经完工了,我在我自己的
计算机上用[url=http://www.saiwe.com/?p=826][color=#000000]IETest[/color][/url]测试了ie6,ie7,ie8 beta2,firefox,显示正常,没有布局上的问题
[img]http://pic90.picturetrail.com/VOL2358/11531047/20558559/338042103.jpg[/img]
为了使得IE6这个不标准浏览器能正常使用x-wood,使用了gif支持半透明的图片,
所以在显示方面,ie6和ie7,ie8beta,firefox有些区别,如别如下:
符合标准的浏览器显示,内容背景为透明,如firefox,ie7,ie8beta
[img]http://pic90.picturetrail.com/VOL2358/11531047/20558559/338042123.jpg[/img]
不符合标准的浏览器显示,如IE6,背景是实心
[img]http://pic90.picturetrail.com/VOL2358/11531047/20558559/338042115.jpg[/img]
另外还有一个很特别的功能,就是那个挂灯,可以左右移动的哦,支持png的浏览器,可以看到灯光
也随着移动,不支持png的浏览器,只能移动灯,不能看到灯光照射,本来想使用滤镜来使得ie6也支持
灯光,移动,不过滤镜下好像出了点问题,灯不能显示,所以换成了个gif图片
另外导航栏是fix的
留言区域的截图
[img]http://pic90.picturetrail.com/VOL2358/11531047/20558559/338042773.jpg[/img]
文章区域截图
[img=424,400]http://pic90.picturetrail.com/VOL2358/11531047/20558559/338043098.jpg[/img]
ad.php
里面放谷歌的广告,当然了也可以是其他广告提供商的广告,大小为468*60
zhuizhiad.php
放在sidebar边栏位置的广告,我放的是谷歌的广告,大小为250*250
另外如果大家想在右侧的边栏增加一个栏目
<div class="right">
<div class="small"></div>
<div class="cons">
<span class="cool">这里写标题</span>
这里是内容
</div>
<div class="btm"></div>
</div>
打开sidebar.php,找到[b]<!–侧边栏—>[/b]这句话,然后拷贝上面这段代码到[b]<!–侧边栏—>[/b]之前就OK
可以了,其他如果有什么问题的,可以留言,我会在最快时间内回复
至于预览,我只能给图片预览了,因为我目前还不想换掉原来的x-墨绿皮肤,所以大家靠图片预览了
我尽可能的图片放多点,这样就能详尽预览了
[b]说明,一定要安装wp-pagenavi这个页码插件,我在压缩文件里面放置了[/b]
[b]wp-pagenavi 2.31,是目前[/b][b]最新版本,另外我设置了下wp-pagenavi的css,[/b]
[b]所以大家如果要自己下载wp-pagenavi,那么最好拷[/b][b]我提供的wp-pagenavi[/b]
[b]文件下的pagenavi-css.css到你下载的wp-pagenavi文件夹里面覆盖原先的[/b]
[b]的css[/b]
软件音速原创wordpress主题X-wood下载:
[url=http://www.namipan.com/d/75417b8193b42987aaef023a753a1ddca2c91b0c86470400][color=#000000]下载一[/color][/url] [url=http://www.rayfile.com/files/51742b91-9693-11dd-925b-0014221b798a/][color=#000000]下载二[/color][/url] [url=http://www.box.net/shared/k4sbqnfy6y][color=#000000]下载三[/color][/url] [url=http://w13.easy-share.com/1701924279.html][color=#000000]下载四[/color][/url]
另外大家可以登录[url=http://www.alexbuga.com/]http://www.alexbuga.com/[/url]这个网站看看,总体布局差不多[url=http://www.alexbuga.com/][color=#000000][/color][/url]
我的博客:[url]http://www.saiwe.com/?p=993[/url] 因为我现在使用的主题是我前些日子设计的x墨绿,还不想替换xwood,
我又想给大家一个网址预览,不知道要怎么做才能给大家一个地址预览,求达人给个解决方法,或者使用上这个主题的朋友可以发个地址给大家预览下 支持楼主，我做了个演示给大家预览
[url=http://demo.meiya.info/]http://demo.meiya.info/[/url]
FF下果然看到有灯光，真漂亮。但是IE6下没有。
[[i] 本帖最后由 奥丁 于 2008-10-10 15:48 编辑 [/i]] [url]http://www.alexbuga.com/[/url]
这个网站在IE6下反而有灯光
回复 4# 的帖子
恩,本来ie6下也可以显示灯光的,我使用了filter来使得ie6支持png透明,不过使用了这个滤镜后,ie6竟然不显示png图片了,,不知道是哪里出现问题了,所以我换了个gif的图片,这样就没有灯光了,[url]http://www.alexbuga.com/[/url]我看了看他的css代码,它也是使用了滤镜使得ie6支持png,不过我使用了确出现问题,这个问题在设计x墨绿时候也出现滤镜不能使用的问题,不知道是wordpress的问题,还是我的问题 很酷的主题，多谢楼主。 这个主题要是能衍生出浅色系就好了。YY一下：那个大灯是左右移动，要是能拉下来就COOL了。:lol 很牛X的主题，牛~！顶~！:lol :loveliness: 不错。。。有钱途 不错啊 8#的blog我喜欢:lol :lol 很漂亮！
一定支持！ 不错 个性……
页:
[1]