本帖最后由 simon3000 于 2015-10-24 17:34 编辑
已经被采用了,直接可以看到效果了呢
装个什么CSS应用插件就行
我用的是Stylish
谷歌插件站
效果图
无改动:
新版本:
老版本
还有帅气的鼠标移动颜色变换哦233
其实没啥子
代码在下面,我的那个不好看,这个是18# 的版本感谢@战神丿灬小涛
复制代码
这里是老版本,不好看╮(╯▽╰)╭
复制代码
然而还是有点问题,坐等修复
http://www.mcbbs.net/thread-515118-1-1.html
已经被采用了,直接可以看到效果了呢
装个什么CSS应用插件就行
我用的是Stylish
谷歌插件站
效果图
无改动:
新版本:
老版本
还有帅气的鼠标移动颜色变换哦233
其实没啥子
代码在下面,我的那个不好看,这个是18# 的版本感谢@战神丿灬小涛
- .mtm {
- /*border:1px solid red;*/
- }
- .mtm li {
- height: 90px;
- border-bottom: 1px dashed #ababab;
- margin-bottom: 5px;
- float: left;
- margin-right: 10px;
- }
- .mtm .mg_img {
- height: 100%;
- float: left;
- padding: 0;
- width: 60px;
- background-position: 0 -10px;
- overflow: hidden;
- position: relative;
- }
- .mtm .mg_img img {
- position: absolute;
- top: -5px;
- left: 50%;
- margin-left: -20px;
- margin-top: 0;
- }
- .mtm li > p {
- position: relative;
- top: 24.5%;
- }
- .mtm li > p.xw1 {
- color: #333;
- margin-bottom: 2px;
- }
- /*.mgcl li {
- margin: 7px;
- border: 3px solid blue;
- border-radius: 7px;
- -webkit-transition: all .20s ease-in-out;
- transition: all .20s ease-in-out;
- }
- .mgcl li:hover {
- border: 3px solid black;
- border-radius: 20px;
- -webkit-transition: all .30s ease-in-out;
- transition: all .30s ease-in-out;
- }*/
这里是老版本,不好看╮(╯▽╰)╭
- .mg_img {
- width: 35px;
- height: 55px;
- padding: 0px;
- border: none;
- background: none;
- }
- li, p {
- list-style: none;
- }
- p {
- width: auto;
- }
- .mgcl li {
- margin: 10px;
- border: 5px solid blue;
- border-radius: 7px;
- -webkit-transition: border .20s ease-in-out;
- transition: border .20s ease-in-out;
- }
- .mgcl li:hover {
- border: 5px solid black;
- -webkit-transition: border .20s ease-in-out;
- transition: border .20s ease-in-out;
- }
然而还是有点问题,坐等修复
http://www.mcbbs.net/thread-515118-1-1.html
因为围攻版块太冷所以来赚外快了吗