每个wordpress模板都有友情链,因为权重高的友情链接可以提高网站的排名所以增加友情链接栏目还是有必要的,但是友情链接的css布局样式对于一个新手来说还是需要时间思考,这里小编也是css刚刚入手的对于一些小细节也花费了不少时间,这里提供新浪的友情链接布局的方式供参考。
以下是效果图:


作者: admin
-
css布局网站底部友情链接列表
-
table表格常用属性
自从css样式取代了table的网站布局方式以来,css是前台设计师们必学的知识但是时间久了对table的知识反而忘记了差不多,但是要了解table比较实用又常用的属性就可以了,以下是小编列出来的table常用的属性:
1,垂直跨度
rowspan
实例:
[code]<td rowspan=单元格跨行数>[/code]
2,水平跨度
colspan
[code]<td colspan=单元格跨行数>[/code]
3,行文字的垂直对齐方式
valign
[code]<tr valign=单元格跨行数>[/code]
4,表格内文字与边框距离
cellpadding
[code]<table cellpadding=单元格跨行数>[/code]
5,内框宽度
cellspacing
[code]<table cellspacing=单元格跨行数>[/code] -
纯css布局中国地图全省地名描点链接

这里纯使用了css布局的方法对中国地图的每个省区域对应的添加了地方名,对于那些要求不高又是使用wordpress网站来做旅游网站的是缺少不了一个地图展示的。
chinamap样式文件下载 -
图片自适应指定div的宽度区域
关键词:图片自适应 指定 固定 宽度 超出 自动缩放
我们在文章发布的区域一般都固定好了详细内容的固定宽度,当我们插入一些比图片的宽度比详细文章内容固定的宽度还要宽的时候加上图片使用了浮动,那么图片就会超出了详细文章内容的固定小编我宽度,这样网站就显得难看。
小编我找过了网上许多教程都运用到了jquery技术进行判断目的就是让图片自适应宽度,这里我们用不到这些因为我们已经指定好了最大的宽度,若是超过了这个最大的宽度则图片就要自动缩放宽度比例,其实我们只需要到一个属性即可做到:
[code]max-width:最大的宽度数值[/code] -
jquery在线视频播放器插件兼容性好
wordpress网站也有被用来做视频网站,如果使用flash过多用户在加载的时候加载速度就会过慢,所以选择使用jquery制作的视频插件兼容性要好的多加载速度也快,如图:

不同浏览器支持不同的视频格式,此jquery ui也考虑到了兼容性问题可以同时加载不同的视频格式,达到兼容的目的。
jquery ui视频播放器插件下载
