哈哈哈!今天补习放学回来时,迫不及待要看小甜心—若雪来踩墙~xDD 若雪人不错哦~^^她性格开朗,也很可爱~:D 希望大家可以去若雪的部落格参观参观~
还有就是,前几天我向Aichi Maki 求2篇教学,一篇是关于Scroll Bar的,因为她应用在她部落格的Scroll Bar很漂亮,吸引了我~还有一篇就是这个啦~(鼠标指着连接时出现圆角)~她很好,有教我,而且写得很仔细呢!哈哈哈~刚刚收到她的教学很高兴,顺便和大家分享一下咯~ 因此,也希望大家可以光顾一下Aichi Maki的部落格哦~真的很漂亮,Aichi Maki很爱画画,也因为她有设计天分,所以弄得很漂亮~
好了,我废话完了,就开始教程吧!
1. Design → Edit HTML → 按Ctrl + F 寻找 /* Content
2. 之后再找一找 a:visited { 『它在 /* Content 下面不远处』
3. 接下来就是把以下的Code Paste 在a:visited { 的下面
那么你的Code就会变成这样:
还有就是,前几天我向Aichi Maki 求2篇教学,一篇是关于Scroll Bar的,因为她应用在她部落格的Scroll Bar很漂亮,吸引了我~还有一篇就是这个啦~(鼠标指着连接时出现圆角)~她很好,有教我,而且写得很仔细呢!哈哈哈~刚刚收到她的教学很高兴,顺便和大家分享一下咯~ 因此,也希望大家可以光顾一下Aichi Maki的部落格哦~真的很漂亮,Aichi Maki很爱画画,也因为她有设计天分,所以弄得很漂亮~
好了,我废话完了,就开始教程吧!
1. Design → Edit HTML → 按Ctrl + F 寻找 /* Content
2. 之后再找一找 a:visited { 『它在 /* Content 下面不远处』
3. 接下来就是把以下的Code Paste 在a:visited { 的下面
a:hover {border-top: 2px solid #FF99FF;border-left: 2px solid #FF99FF;border-right: 2px solid #FF99FF;border-bottom: 2px solid #FF99FF;padding:3px 3px; background:url(图片url/Direct Link);-moz-border-radius: 10px 5px;border-radius: 30px 10px;
那么你的Code就会变成这样:
a:visited {text-decoration:none;color: $(link.visited.color);}
a:hover {border-top: 2px solid #FF99FF;border-left: 2px solid #FF99FF;border-right: 2px solid #FF99FF;border-bottom: 2px solid #FF99FF;padding:3px 3px; background:url(图片URL/Direct Link);-moz-border-radius: 10px 5px;border-radius: 30px 10px;
小提醒:
1. 青色字的号码可以随意更改,那些是关于圆角的幅度、形状等等~
2. 浅蓝字是圆角的类型,例如:
3. 橙色字是颜色代码,可以随意更改 :D
4. 粉红色字是图片的URL/Direct Link,不知如何获取?!那么请按这里
background-colour:#ACD6FF;
成功了告诉我吖~(*^__^*) 嘻嘻~
没有评论:
发表评论
人,要学会聆听,听智者之言可以启迪智慧,听批评之言可以反躬自省。
即使记忆总有一天会消逝,就让我们一起留下欢乐的一点一滴、美好的回忆~ :D