Board logo

标题: 7.0版本的CSS样式已经可用，代码稍有变化 [打印本页]
作者: lxfajj    时间: 2016-4-26 14:14     标题: 7.0版本的CSS样式已经可用，代码稍有变化

本帖最后由 lxfajj 于 2016-4-27 12:30 编辑

看了论坛网友chunwuzi的帖子，http://bbs.theworld.cn/thread-233497-1-1.html受到他的启发，本人对这代码不是很懂，所以只是把以前6的代码按照他写的格式替换了一点进去。果然可以用了。

下面是我自己的7.0正在用的，雅黑字体，阴影，去下划线。
html, body, *:not([class*="icon"]):not(i){font-family: "Microsoft YaHei" !important;text-shadow:0em 0em 0em #999999 !important;text-decoration:none !important}
作者: chunwuzi    时间: 2016-4-26 14:54

本帖最后由 chunwuzi 于 2016-4-26 14:58 编辑

回复 1# lxfajj

去除超链接的下划线一般只加text-decoration:none !important就行了（文字修饰效果为：无），:not([class*="icon"]):not(i)这部分可以不用，这样看起来代码更简洁。
至于蓝色效果，我不知道你说的具体是怎样的，有时间我去试试！
作者: fuyi66    时间: 2016-4-26 16:16

楼主辛苦。。。顶一下！
作者: helimou    时间: 2016-4-26 19:35

提示: 作者被禁止或删除 内容自动屏蔽
作者: 实话实说    时间: 2016-4-26 20:55

回复  lxfajj

去除超链接的下划线一般只加text-decoration:none !important就行了（文字修饰效果为：无 ...
chunwuzi 发表于 2016-4-26 14:54


:not([class*="icon"]):not(i)是对付webfont，符号标志不渲染，不这样写淘宝天猫页面上经常会出现各种乱码！

另外附上个人用的css，卡饭收集的
  1. @charset "utf-8";
  2. /* Name:全局强制雅黑*/
  3. /*强制雅黑并修正淘宝显示*/
  4. /*三行分别是字体粗细（整百数字），字体样式，字体阴影*/
  5. *{font-weight:100!important;}
  6. *:not([class*="icon"]):not([class*="mui-amount"]):not([class*="chaoshi"]):not([class*="top-nav"]):not([href*="ju.taobao.com"]):not([class*="Icon"]):not([class*="prev"]):not([class*="next"]):not([class*="pay-"]):not([class*="tm-shop-list-"]):not(b):not(ins):not(i):not(s){font-family:"Microsoft YaHei"!important;}
  7. *{text-shadow: silver 0px 0px 1px ! important;}

  9. /*滚动条*/
  10. ::-webkit-scrollbar{width: 6px;height: 6px;}
  11. ::-webkit-scrollbar-track-piece{background-color: #CCCCCC;-webkit-border-radius: 6px;}
  12. ::-webkit-scrollbar-thumb:vertical{height: 5px;background-color: #999999;-webkit-border-radius: 6px;}
  13. ::-webkit-scrollbar-thumb:horizontal{width: 5px;background-color: #CCCCCC;-webkit-border-radius: 6px;}
  14. ::-webkit-scrollbar {width: 9px;height: 9px;}
  15. ::-webkit-scrollbar-track-piece {background-color: transparent;}
  16. ::-webkit-scrollbar-thumb {background-color: #3994EF;border-radius: 3px;}
  17. ::-webkit-scrollbar-thumb:hover {background-color: #A4EEF0;}
  18. ::-webkit-scrollbar-thumb:active {background-color: #666;}
  19. ::-webkit-scrollbar-button:vertical { width: 9px; }
  20. ::-webkit-scrollbar-button:horizontal { width: 9px; }
  21. ::-webkit-scrollbar-button:vertical:start:decrement { background-color: white; }
  22. ::-webkit-scrollbar-button:vertical:end:increment { background-color: white; }
  23. ::-webkit-scrollbar-button:horizontal:start:decrement { background-color: white; }
  24. ::-webkit-scrollbar-button:horizontal:end:increment { background-color: white; }
  25. body::-webkit-scrollbar-track-piece {background-color: white;}

  27. /*指向图片绿光*/
  28. img:hover{box-shadow: 0px 0px 4px 4px rgba(130,190,10,0.6) !important;-webkit-transition-property: box-shadow;-webkit-transition-duration: .31s;}
  29. img{-webkit-transition-property: box-shadow;-webkit-transition-duration: .31s;}

  31. /*输入框美化*/
  32. input { border:#ccc 1px solid; border-radius: 6px; -webkit-border-radius: 6px;}
  33. input[type="text"]:focus, input[type="password"]:focus, textarea:focus {border: 2px solid #6FA1D9 !important;-webkit-box-shadow:0px 0px 5px #6FA1D9 !important;outline:none}
  34. input[type="checkbox"]:focus,input[type="submit"]:focus,input[type="reset"]:focus, input[type="radio"]:focus {border: 1px solid #6FA1D9 !important; outline:none}
  35. input:focus, select:focus, textarea:focus {outline: 1px solid #10bae0 ;-webkit-outline-radius: 3px ;}
  36. body a:hover:active {color: #10bae0;}
  37. body a:focus {outline-offset: 0px ;}
  38. body button:focus,
  39. body textarea:focus, body button:focus, body select:focus, body input:focus {outline-offset: -1px !important;}

  41. /*淡蓝色样式*/
  42. a{-webkit-transition: all 0.3s ease-out;}
  43. a:hover{color: #39F  !important;text-shadow:-5px 3px 18px #39F !important;-webkit-transition: all 0.3s ease-out;}
  44. *::-webkit-selection {background: #333333 !important; color: #00FF00 !important; }

  46. /*去除下划线*/
  47. *{text-decoration:none!important}
  48. a:hover{text-decoration:none!important}
  49. a{
  50. /*color: #014A8F;*/
  51. -webkit-transition-property:color;
  52. -webkit-transition-duration: 0.0s;
  53. }

  55. /*指向文字加粗*/
  56. a:hover {
  57. /*color: #0000FF ;*/
  58. -webkit-transition-property:color;
  59. -webkit-transition-duration: 0.0s;
  60. font-weight:bold
  61. }
复制代码
作者: 实话实说    时间: 2016-4-26 20:58

以上css在tw6上和chrome、firefox上都是正常的，tw7渲染失败，个人猜想就是开发组又改了什么语法规则之内？果不其然！
作者: dylbn    时间: 2016-4-27 07:52

代码怎么用？
作者: yiben2005    时间: 2016-4-27 08:24

回复 6# 实话实说


    能说一下改了什么吗，看你写的那些没看出有什么区别...
作者: stevenchenxf    时间: 2016-4-27 08:45

回复 6# 实话实说

你用的CSS每一部分的效果是什么呢?
作者: 实话实说    时间: 2016-4-28 21:30

回复  实话实说


    能说一下改了什么吗，看你写的那些没看出有什么区别...
yiben2005 发表于 2016-4-27 08:24


  说得很清楚了吧，直接用只能在tw6和原版chrome有效
tw7只有强制雅黑这条有效，学楼主在每段代码前面加上html, body,

其他语法还没试出来
作者: 实话实说    时间: 2016-4-28 21:31

回复  实话实说

你用的CSS每一部分的效果是什么呢?
stevenchenxf 发表于 2016-4-27 08:45



   每条代码都有汉字注释，还看不懂就不要用了！
作者: yiben2005    时间: 2016-4-29 08:18

本帖最后由 yiben2005 于 2016-4-29 10:05 编辑

回复 10# 实话实说


    不好意思，回复的时候以为是修改过可以用的。还有我没写清楚，我其实想问改了什么语法，因为没看出来语法上有什么区别...
作者: blueswilder    时间: 2016-4-30 21:12

是放到 TheWorld7\User Data\Default\User StyleSheets\Custom.css 里，然后编辑保存为UTF-8 就可以了么？我这里一直没有效果。
作者: dokeg    时间: 2016-5-5 15:51

#body{}


::-webkit-scrollbar


{


width: 5px;


height: 5px;


}


::-webkit-scrollbar-track-piece


{


background-color: #ffffff;


-webkit-border-radius: 3px;


}


::-webkit-scrollbar-thumb:vertical


{


height: 5px;


background-color: #c7c7c7;


-webkit-border-radius: 0px;


}


::-webkit-scrollbar-thumb:horizontal


{


width: 5px;


background-color: #c7c7c7;


-webkit-border-radius: 3px;


}

这是我6的代码..  改滚动条的...  4个部分里现在只有第一部分的透明有用....  求教要怎么改.............



欢迎光临 世界之窗论坛 (http://bbs.theworld.cn/) Powered by Discuz! 7.2