当前时区为 UTC + 8 小时



发表新帖 回复这个主题  [ 10 篇帖子 ] 
作者 内容
1 楼 
 文章标题 : 用css使opera浏览的网页字体带有阴影效果
帖子发表于 : 2012-04-03 20:26 
头像

注册: 2011-12-16 19:52
帖子: 61
送出感谢: 1
接收感谢: 0 次
用linux的人总觉得opera在linux下的字体渲染很是差劲,即便觉得opera很强劲也只能为此弃之不用,下面我用css来实现一个让opera浏览的网页字体都带上阴影效果,从此不再为她的字体渲染差纠结了。先上二图:
附件:
无缓冲看中央台和全国卫视(还算比较清晰的) - 查看主题 • Ubuntu中文论坛.png
无缓冲看中央台和全国卫视(还算比较清晰的) - 查看主题 • Ubuntu中文论坛.png [ 451.53 KiB | 被浏览 2381 次 ]


附件:
甲骨文 - 维基百科,自由的百科全书.png
甲骨文 - 维基百科,自由的百科全书.png [ 561.01 KiB | 被浏览 2388 次 ]


怎么样,以上二图中的字体渲染效果没话说了吧……
好了,来这里也有一小段时间了,共享下实现这个效果的代码吧。(干脆把我自用的opera全局css脚本整个贴上来算了)
引用:
@charset "UTF-8";
/* 隐藏文字 */
[style*="font-size:0p"],[style*="font-size: 0p"]
{ display: none !important }

/* 强制网页字体 */
*{
font-family:"文泉驿正黑";font-weight:bold;text-shadow:0.1em 0.1em 0.03em #bcbcbc !important;
}

/* 标记已访问 */
a:visited, a:visited *, a:active, a:active * {color: #119999 !important;}
a[href]:hover,a[href]:focus {color: red !important; }
@media screen and (min-width: 128px){a:hover, a:hover *{color: red !important;background: 0 ;}}

/*输入框类chrome高亮*/
input:not([type='submit']):not([type='reset']):not([type='button']):not([type='checkbox']):not([type='radio']):focus, textarea:focus, select:focus{
border:1px solid #0099FF; box-shadow: 1px 1px 0 #0099FF, 1px -1px 0 #0099FF, -1px 1px 0 #0099FF, -1px -1px 0 #0099FF, 0px 0px 10px 1px #0099FF !important; border-radius:3px!important;
}

把这段代码保存为user.css后,复制到/usr/share/opera/styles/user.css这里,检查opera首选项--高级--内容--样式--我的样式表 的路径是否相同,如果不同请修改下。
另记:opera的超强定制可以实现的功能实在太多了,看此贴响应情况,后继增加右键功能如:必应云词典(划词翻译)等等。


页首
 用户资料  
 
2 楼 
 文章标题 : Re: 用css使opera浏览的网页字体带有阴影效果
帖子发表于 : 2012-04-03 21:35 
头像

注册: 2010-01-17 13:05
帖子: 8479
系统: ubuntu
送出感谢: 2
接收感谢: 50
感觉好奇怪 等待e神来吐槽


页首
 用户资料  
 
3 楼 
 文章标题 : Re: 用css使opera浏览的网页字体带有阴影效果
帖子发表于 : 2012-04-03 21:35 
头像

注册: 2005-08-14 21:55
帖子: 58428
地址: 长沙
送出感谢: 4
接收感谢: 274
全文这样,太“刺眼”,等翻译的,我比较下方法。


_________________
● 鸣学


页首
 用户资料  
 
4 楼 
 文章标题 : Re: 用css使opera浏览的网页字体带有阴影效果
帖子发表于 : 2012-04-03 21:37 

注册: 2007-12-19 16:15
帖子: 334
送出感谢: 11
接收感谢: 13
重口味阿 :em06
text-shadow除了ie其它浏览器都支持。


附件:
200912119013103.jpg
200912119013103.jpg [ 35.8 KiB | 被浏览 2370 次 ]

页首
 用户资料  
 
5 楼 
 文章标题 : Re: 用css使opera浏览的网页字体带有阴影效果
帖子发表于 : 2012-04-03 21:40 
头像

注册: 2007-08-22 15:55
帖子: 2837
地址: 新加坡
系统: Archlinux
送出感谢: 0 次
接收感谢: 9
看着不眼晕么?


_________________
Entschuldigung. Ich habe keine ahnung.
Secure with PGP: gpg --recv-keys 0x68b6e3d8
Fingerprint: 5556 517C F52F E402 DDF5 5400 6D30 F13E 68B6 E3D8
Towards A Sustainable Earth: Print Only When Necessary


页首
 用户资料  
 
6 楼 
 文章标题 : Re: 用css使opera浏览的网页字体带有阴影效果
帖子发表于 : 2012-04-03 21:41 

注册: 2007-12-19 16:15
帖子: 334
送出感谢: 11
接收感谢: 13
再仔细一看楼主竟然用全局粗体,怪不得这么黑粗大。


页首
 用户资料  
 
7 楼 
 文章标题 : Re: 用css使opera浏览的网页字体带有阴影效果
帖子发表于 : 2012-04-03 22:46 
头像

注册: 2007-11-25 13:29
帖子: 7270
地址: 新疆博乐
系统: 14.04/16.04/Fedroa22
送出感谢: 38
接收感谢: 101
看久了容易眼花


_________________
===新手请看===
Ubuntu 安装 | Ubuntu12.04/14.04/16.04 桌面操作指南
··Ubuntu16.04 安装图文教程(超简单)
····有时间就静下心来——折腾:)


页首
 用户资料  
 
8 楼 
 文章标题 : Re: 用css使opera浏览的网页字体带有阴影效果
帖子发表于 : 2012-04-03 22:47 

注册: 2010-07-19 21:41
帖子: 22323
系统: OS X
送出感谢: 8
接收感谢: 42
4l…… :em06


_________________
NO DO NO DIE
http://a/%%30%30


页首
 用户资料  
 
9 楼 
 文章标题 : Re: 用css使opera浏览的网页字体带有阴影效果
帖子发表于 : 2012-04-04 9:49 
头像

注册: 2009-04-09 15:06
帖子: 673
送出感谢: 0 次
接收感谢: 13
部分阴影


附件:
未命名.PNG
未命名.PNG [ 268.74 KiB | 被浏览 2309 次 ]

页首
 用户资料  
 
10 楼 
 文章标题 : Re: 用css使opera浏览的网页字体带有阴影效果
帖子发表于 : 2012-05-05 1:10 
头像

注册: 2009-07-31 18:56
帖子: 1670
地址: 广东阳江
系统: windows、ubuntu
送出感谢: 7
接收感谢: 20
:em20 :em20


页首
 用户资料  
 
显示帖子 :  排序  
发表新帖 回复这个主题  [ 10 篇帖子 ] 

当前时区为 UTC + 8 小时


在线用户

正在浏览此版面的用户:没有注册用户 和 1 位游客


不能 在这个版面发表主题
不能 在这个版面回复主题
不能 在这个版面编辑帖子
不能 在这个版面删除帖子
不能 在这个版面提交附件

前往 :  
本站点为公益性站点,用于推广开源自由软件,由 DiaHosting VPSBudgetVM VPS 提供服务。
我们认为:软件应可免费取得,软件工具在各种语言环境下皆可使用,且不会有任何功能上的差异;
人们应有定制和修改软件的自由,且方式不受限制,只要他们自认为合适。

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
简体中文语系由 王笑宇 翻译