simon3000
本帖最后由 simon3000 于 2015-10-24 17:34 编辑

已经被采用了,直接可以看到效果了呢


装个什么CSS应用插件就行
我用的是Stylish
谷歌插件站

效果图
无改动:

新版本:

老版本

还有帅气的鼠标移动颜色变换哦233
其实没啥子

代码在下面,我的那个不好看,这个是18# 的版本感谢@战神丿灬小涛
  1. .mtm {
  2.     /*border:1px solid red;*/
  3. }

  5. .mtm li {
  6.     height: 90px;
  7.     border-bottom: 1px dashed #ababab;
  8.     margin-bottom: 5px;
  9.     float: left;
  10.     margin-right: 10px;
  11. }

  13. .mtm .mg_img {
  14.     height: 100%;
  15.     float: left;
  16.     padding: 0;
  17.     width: 60px;
  18.     background-position: 0 -10px;
  19.     overflow: hidden;
  20.     position: relative;
  21. }

  23. .mtm .mg_img img {
  24.     position: absolute;
  25.     top: -5px;
  26.     left: 50%;
  27.     margin-left: -20px;
  28.     margin-top: 0;
  29. }

  31. .mtm li > p {
  32.     position: relative;
  33.     top: 24.5%;
  34. }

  36. .mtm li > p.xw1 {
  37.     color: #333;
  38.     margin-bottom: 2px;
  39. }
  40. /*.mgcl li {
  41.     margin: 7px;
  42.     border: 3px solid blue;
  43.     border-radius: 7px;
  44.     -webkit-transition: all .20s ease-in-out;
  45.     transition: all .20s ease-in-out;
  46. }

  48. .mgcl li:hover {
  49.     border: 3px solid black;
  50.     border-radius: 20px;
  51.     -webkit-transition: all .30s ease-in-out;
  52.     transition: all .30s ease-in-out;
  53. }*/
复制代码






这里是老版本,不好看╮(╯▽╰)╭
  1. .mg_img {
  2.     width: 35px;
  3.     height: 55px;
  4.     padding: 0px;
  5.     border: none;
  6.     background: none;
  7. }
  8. li, p {
  9.     list-style: none;
  10. }
  11. p {
  12.     width: auto;
  13. }
  14. .mgcl li {
  15.     margin: 10px;
  16.     border: 5px solid blue;
  17.     border-radius: 7px;
  18.     -webkit-transition: border .20s ease-in-out;
  19.     transition: border .20s ease-in-out;
  20. }
  21. .mgcl li:hover {
  22.     border: 5px solid black;
  23.     -webkit-transition: border .20s ease-in-out;
  24.     transition: border .20s ease-in-out;
  25. }
复制代码



然而还是有点问题,坐等修复
http://www.mcbbs.net/thread-515118-1-1.html
番茄茄
因为围攻版块太冷所以来赚外快了吗
青格大D
前排支持simon2333333333333，看起来还不错！
simon3000
西红柿片 发表于 2015-10-14 23:48
因为围攻版块太冷所以来赚外快了吗

nonono
才不是太冷了呢
你看,那么火
冬月初九
不错哎，不然看勋章板块总觉得怪怪的
lichi2050
simon3000 发表于 2015-10-14 17:28
nonono
才不是太冷了呢
你看,那么火

你直接要求移动不就行了么，重复发贴真的好么。233
混乱
然而把原本只有一行的CSS改成那么多只是把图片改不见了，于是我改掉了那个图片，现在就没事了
hhttll
CSS3黑科技 动画我一直以为只能用jquery或者自己timeout
simon3000
混乱 发表于 2015-10-15 01:54
然而把原本只有一行的CSS改成那么多只是把图片改不见了，于是我改掉了那个图片，现在就没事了 ...

噗
我不是说了随意乱弄吗233
simon3000
混乱 发表于 2015-10-15 01:54
然而把原本只有一行的CSS改成那么多只是把图片改不见了，于是我改掉了那个图片，现在就没事了 ...

是我我直接所有字都往上移一点
马上变好
然而我并不知道怎么搞╮(╯▽╰)╭
孩紫MC
但是发现更改后还是很难看 怎么不改成并排的 而且感觉并排的会很好看233
iSteven
应该发到建议版吧
simon3000
孩紫MC 发表于 2015-10-15 20:08
但是发现更改后还是很难看 怎么不改成并排的 而且感觉并排的会很好看233

不会╮(╯▽╰)╭
懒的搞
孩紫MC
simon3000 发表于 2015-10-16 16:13
不会╮(╯▽╰)╭
懒的搞

惹 你这尊大神都不会搞。。
siiftun1857
于是你想怎么修改Discuz系统的代码。。。
然后我发现可以直接从home.php里改。。。
siiftun1857
本帖最后由 siiftun1857 于 2015-10-16 18:16 编辑
混乱 发表于 2015-10-15 01:54
然而把原本只有一行的CSS改成那么多只是把图片改不见了，于是我改掉了那个图片，现在就没事了 ...

感觉更难看了。。。
还出现出现了难看的空元素。。。
幻音い
看了一下，然后修改了一下

  1. .mtm{
  2.             /*border:1px solid red;*/
  3.         }
  4.         .mtm li{
  5.             height:90px;
  6.             border-bottom:1px dashed #ababab;
  7.             margin-bottom:5px;
  8.             float:left;
  9.             margin-right:10px;
  10.         }
  11.         .mtm .mg_img{
  12.             height:100%;
  13.             float:left;
  14.             padding:0;
  15.             width:60px;
  16.             background-position: 0 -10px;
  17.             overflow:hidden;
  18.             position:relative;
  19.         }
  20.         .mtm .mg_img img{
  21.             position:absolute;
  22.             top:-5px;
  23.             left:50%;
  24.             margin-left:-20px;
  25.             margin-top:0;
  26.         }
  27.         .mtm li > p{
  28.             position:relative;
  29.             top:24.5%;
  30.         }
  31.         .mtm li > p.xw1{
  32.             color:#333;
  33.             margin-bottom:2px;
  34.         }
复制代码



simon3000
战神丿灬小涛 发表于 2015-10-16 18:41
看了一下，然后修改了一下

怎么一来好多了
果然position给改了╮(╯▽╰)╭
幻音い
simon3000 发表于 2015-10-16 18:50
怎么一来好多了
果然position给改了╮(╯▽╰)╭

.......
iSteven
今天看已经采用了????
simon3000
iSteven 发表于 2015-10-18 18:09
今天看已经采用了????

好像真的哎..
ufof
我擦被采用了？
第一页 上一页 下一页 最后一页