作者ayu91035 (看笨版可以年延异兽)
看板Blog
标题Re: [问题] pixnet的连结文字变图片
时间Thu Sep 4 13:47:21 2008
首先当然是把字先藏掉
一般来说我都是在header放一张背景图，里面有我想要连结的图案
alubm、blog那些...
像：
http://p2.p.pixnet.net/albums/userpics/2/1/103321/1208498033.gif
当然背景图也可以不用全部放在header里
但是我觉得这样最方便，可以顺便连其他的栏位一起做好
再来就是把navigation作成下面的设定
#navigation a{
display:block;
width:XXpx;
height:XXpx;
text-indent:-3000px;
}
长宽设定成跟你放在header背景图里的按钮一样大就好
然後text-indent:-3000px;可以让字藏起来
然後把navigation里面的按钮排排放啦
navigation里面的按钮有
#link-album、
#link-blog、
#link-guestbook跟
#link-profile
用看的应该就知道那个是哪个按钮
接着看你要用绝对定位放那4个按钮还是直接用
#navigation li排
个人偏好前者，虽然比较麻烦
最後关於你说还要增加其他的连结
那就必须使用侧栏里的自定栏位啦，使用方法也跟上面差不多
先在自定栏位加上自己想要的连结
然後把字隐藏再定位到自己想要的地方
这样就想要抿什麽就有什麽啦
我尽量把这篇写的不会CSS也能看懂(还是要会一点点啦)
所以如果还有疑问的话，就提问吧
--
乡民的学习不能等...
http://blog.pixnet.net/ayu91035
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 61.229.44.13
1F：推 iamnomoh:推详尽的解说! 感谢 09/04 14:12
2F：推 linil:感谢先。 09/04 14:23
3F：推 linil:1.navigation方法其实我了解，只不过为求说明文字一致，所以 09/04 14:32
4F：→ linil:想说用连结方式设定看看(之前连结可以设定文字说明，也就是 09/04 14:33
5F：→ linil:当滑鼠移到连结字上会显示的说明)。 09/04 14:34
6F：→ linil:2.自订栏位不论将连结放在标题或内容都不能成为连结，所以你 09/04 14:36
7F：→ linil:应该指的是「我的连结」吧? 09/04 14:37
8F：→ ayu91035:如果是这样的话，我好像误解你的意思了，不过使用自定栏 09/04 14:47
9F：→ ayu91035:位不是可以用连结的吗?用html的语法就OK了阿 09/04 14:49
10F：推 linil:感谢:)原来是要用HTML。用自订栏位应该可以做出我想要的东西 09/04 15:03