以前看到一篇文章,说是
alexbuga界面是目前比较漂亮的网站之一,我自己也比较喜欢
alexbuga的UI,所以,就有了个想模仿alexbuga界面做一个wordpress主题的想法,接着
就开始准备工作了,3天下来,开始搜集alexbuga的素材,今天已经完工了,我在我自己的
计算机上用
IETest测试了ie6,ie7,ie8 beta2,firefox,显示正常,没有布局上的问题
为了使得IE6这个不标准浏览器能正常使用x-wood,使用了gif支持半透明的图片,
所以在显示方面,ie6和ie7,ie8beta,firefox有些区别,如别如下:
符合标准的浏览器显示,内容背景为透明,如firefox,ie7,ie8beta
不符合标准的浏览器显示,如IE6,背景是实心
另外还有一个很特别的功能,就是那个挂灯,可以左右移动的哦,支持png的浏览器,可以看到灯光
也随着移动,不支持png的浏览器,只能移动灯,不能看到灯光照射,本来想使用滤镜来使得ie6也支持
灯光,移动,不过滤镜下好像出了点问题,灯不能显示,所以换成了个gif图片
另外导航栏是fix的
留言区域的截图

文章区域截图
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,找到
<!–侧边栏—>这句话,然后拷贝上面这段代码到
<!–侧边栏—>之前就OK
可以了,其他如果有什么问题的,可以留言,我会在最快时间内回复
至于预览,我只能给图片预览了,因为我目前还不想换掉原来的x-墨绿皮肤,所以大家靠图片预览了
我尽可能的图片放多点,这样就能详尽预览了
说明,一定要安装wp-pagenavi这个页码插件,我在压缩文件里面放置了
wp-pagenavi 2.31,是目前最新版本,另外我设置了下wp-pagenavi的css,
所以大家如果要自己下载wp-pagenavi,那么最好拷我提供的wp-pagenavi
文件下的pagenavi-css.css到你下载的wp-pagenavi文件夹里面覆盖原先的
的css
软件音速原创wordpress主题X-wood下载:
下载一 下载二 下载三 下载四
另外大家可以登录
http://www.alexbuga.com/这个网站看看,总体布局差不多
我的博客:
http://www.saiwe.com/?p=993