繁體
|
簡體
Sclub交友聊天~加入聊天室當版主
(檢舉)
分享
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line
標題:
[教學]
为浮动窗口加入自适应背景
[打印本頁]
作者:
无界
時間:
2016-5-31 21:06
標題:
为浮动窗口加入自适应背景
效果如图:
下載
(48.44 KB)
2016-5-31 21:04
下載
(148.67 KB)
2016-5-31 21:04
下載
(97.53 KB)
2016-5-31 21:04
下載
(35.45 KB)
2016-5-31 21:04
下載
(49.88 KB)
2016-5-31 21:04
修改方法:
在css_common模版加入下边代码
.m_c {
background: url(http://tlb.258club.com/attachments/month_1511/1511180759c125c7746de4c3ef.gif) no-repeat;
background-color: #FFFFFF;
background-size: 100%;
}
複製代碼
http://tlb.258club.com/attachments/month_1511/1511180759c125c7746de4c3ef.gif换为自己的图片即可
圖片附件:
1.png
(2016-5-31 21:04, 48.44 KB) / 下載次數 2975
http://s-club.tw/discuz/attachment.php?aid=75470&k=711ed7b9a7811ca821c849b490933dd5&t=1732335039&sid=P9p9Bp
圖片附件:
2.png
(2016-5-31 21:04, 148.67 KB) / 下載次數 2995
http://s-club.tw/discuz/attachment.php?aid=75471&k=a0efc1d320a65da5e610d7fb7d9fa043&t=1732335039&sid=P9p9Bp
圖片附件:
3.png
(2016-5-31 21:04, 97.53 KB) / 下載次數 2935
http://s-club.tw/discuz/attachment.php?aid=75472&k=75e92c9e7ccc5773cbfe05675aed5c21&t=1732335039&sid=P9p9Bp
圖片附件:
4.png
(2016-5-31 21:04, 35.45 KB) / 下載次數 2951
http://s-club.tw/discuz/attachment.php?aid=75473&k=e4678d69a188a61168ffda8013cc6c78&t=1732335039&sid=P9p9Bp
圖片附件:
5.png
(2016-5-31 21:04, 49.88 KB) / 下載次數 3008
http://s-club.tw/discuz/attachment.php?aid=75474&k=645d0b8dd0c007f832ab44b11e00d8b3&t=1732335039&sid=P9p9Bp
作者:
繽紛色彩
時間:
2016-5-31 22:55
這個好玩
又多個好玩的玩兒了
作者:
4rphotoclub
時間:
2016-6-1 03:37
这个看似很实用,收下来用用先!
作者:
empty
時間:
2016-6-1 17:44
我放进论坛不起作用
作者:
无界
時間:
2016-6-1 18:00
本帖最後由 无界 於 2016-6-1 18:02 編輯
回復
4#
empty
那就把代码改为
.m_c {
background: url(http://tlb.258club.com/attachments/month_1511/1511180759c125c7746de4c3ef.gif) no-repeat!important;
background-color: #FFFFFF!important;
background-size: 100%!important;
}
複製代碼
加入!important更改默认的CSS样式优先级规则
作者:
kkzyy
時間:
2016-6-2 01:54
比较期待自适应模板
比如手机
作者:
无界
時間:
2016-6-2 06:45
回復
6#
kkzyy
可以尝试响应式布局
比如
@media screen and (max-width:650px) {
#menu {display: none!important}
}
放在css_append模板,效果即是当屏幕最大分辨率小于650px时隐藏menu元素。
如果楼主css很强大完全可以仿制手机模板。
作者:
kkzyy
時間:
2016-6-3 00:04
之前有试过
只是技术太差
字体方面和浮动窗口不会改
作者:
网雨霏霏
時間:
2016-6-25 09:46
动图很烦人 建议用静止图片
由于我常驻楼主的论坛,为了不影响我访问的心情,我将楼主论坛内的动态特效都用浏览器的广告屏蔽功能给屏蔽了:
下載
(215.24 KB)
2016-6-25 09:46
圖片附件:
傲游截图20160625094943.jpg
(2016-6-25 09:46, 215.24 KB) / 下載次數 3006
http://s-club.tw/discuz/attachment.php?aid=75686&k=8174fca116b2db3b6cd0c74781af52c8&t=1732335039&sid=P9p9Bp
作者:
Shiau0313
時間:
2016-8-9 17:43
好酷哦謝謝分享
作者:
狂三
時間:
2016-11-19 14:29
那在浮動窗口左邊加上圖片要怎麼用?
像
下載
(90.56 KB)
2016-11-19 14:29
這樣
要怎改???????
圖片附件:
asd.png
(2016-11-19 14:29, 90.56 KB) / 下載次數 2153
http://s-club.tw/discuz/attachment.php?aid=76519&k=3cb40764c34adebd99389ba8ab02f01c&t=1732335039&sid=P9p9Bp
作者:
无界
時間:
2016-11-21 14:26
回復
11#
狂三
地址发来我看下
歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://s-club.tw/discuz/)
Powered by Discuz! 7.2