免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
返回列表 發帖

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

效果如图:
1.png
2.png
3.png
4.png
5.png

修改方法:
在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换为自己的图片即可
3

評分人數

  • lumea98

  • 4rphotoclub

  • 繽紛色彩

回復 11# 狂三


    地址发来我看下

TOP

那在浮動窗口左邊加上圖片要怎麼用?
asd.png 這樣
要怎改???????

TOP

好酷哦謝謝分享

TOP

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

由于我常驻楼主的论坛,为了不影响我访问的心情,我将楼主论坛内的动态特效都用浏览器的广告屏蔽功能给屏蔽了:
傲游截图20160625094943.jpg
flash之路欢迎你http://flashroad.joinbbs.net

TOP

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

TOP

回復 6# kkzyy


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

TOP

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

TOP

本帖最後由 无界 於 2016-6-1 18:02 編輯

回復 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样式优先级规则

TOP

我放进论坛不起作用
我是阿陌,很高兴和大家成为很好的朋友 嘘~我是不会告诉你我是一个逗比的,哼!  耽美小说包下载论坛 腐女/腐男入

TOP

返回列表