[教學] 为浮动窗口加入自适应背景

无界

效果如图：

下載 (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模版加入下边代码

1. .m_c {
   
2.     background: url(http://tlb.258club.com/attachments/month_1511/1511180759c125c7746de4c3ef.gif) no-repeat;
   
3.     background-color: #FFFFFF;
   
4.     background-size: 100%;
   
5. }

複製代碼

http://tlb.258club.com/attachments/month_1511/1511180759c125c7746de4c3ef.gif换为自己的图片即可

无界

回復 11# 狂三


    地址发来我看下

狂三

那在浮動窗口左邊加上圖片要怎麼用?
像

下載 (90.56 KB)

2016-11-19 14:29

這樣
要怎改???????

Shiau0313

好酷哦謝謝分享

网雨霏霏

动图很烦人 建议用静止图片

由于我常驻楼主的论坛，为了不影响我访问的心情，我将楼主论坛内的动态特效都用浏览器的广告屏蔽功能给屏蔽了:

下載 (215.24 KB)

2016-6-25 09:46

kkzyy

之前有试过
只是技术太差
字体方面和浮动窗口不会改

无界

回復 6# kkzyy


    可以尝试响应式布局
比如
@media screen and (max-width:650px) {
#menu {display: none!important}
}
放在css_append模板，效果即是当屏幕最大分辨率小于650px时隐藏menu元素。
如果楼主css很强大完全可以仿制手机模板。

kkzyy

比较期待自适应模板
比如手机

无界

回復 4# empty


    那就把代码改为

1. .m_c {
   
2.     background: url(http://tlb.258club.com/attachments/month_1511/1511180759c125c7746de4c3ef.gif) no-repeat!important;
   
3.     background-color: #FFFFFF!important;
   
4.     background-size: 100%!important;
   
5. }

複製代碼

加入!important更改默认的CSS样式优先级规则

empty

我放进论坛不起作用