28
2021
09

詳解WFilter NGF的logo修改器插件

WFilter NGF上網行為管理系統支持“Logo修改器”擴展插件,可以實現如下功能:

  1. 自定義產品名

  2. 自定義產品Logo圖標

  3. 自定義網站鏈接

  4. 自定義界面皮膚

該“Logo修改器”擴展插件的使用界面如下圖:

202109281632815922878315.png

202109281632815939796312.png

1. 利用該插件,可以自定義以下內容:

相關截圖如下:

202109281632815976105454.png

202109281632815993729343.png

202109281632816095950347.png

2. 自定義WFilter的界面皮膚

“Logo修改器”擴展插件允許用戶自定義上傳兩個css文件,分別是菜單css(定義登錄頁面,登錄后的框架,菜單樣式),內容css(定義右側的頁面內容樣式)。css的自定義涉及比較多的html+css開發技術,下面我用一個簡單的示例來演示如果實現WFilter界面的自定義修改。本例中,我會用自定義css來替代頁面上部的背景圖片。

打開界面后瀏覽器按F12,查看目標頁面元素??梢钥吹巾撁骖^部的css中定義了一個pagetop的div,并且通過對pagetop設置css來定義了背景圖片background-image。

202109281632816064164867.png

為了修改這個背景圖標,我們在本地電腦上面編輯一個css文件,里面大概是這樣的內容:

#pagetop {
    background-image: url("data:image/png;base64,......");  /*用datauri的表示方式直接在css文件中引用圖片*./
}

如下圖:

202109281632816506962279.png

利用“Logo修改器”上傳這個自定義css文件,由于我們修改的是頁面框架,需要上傳到“菜單CSS“項目中。上傳后,重新登錄系統,就可以看到最新的樣式修改了:

202109281632816647902162.png

通過修改菜單和內容的css,還可以實現更多的皮膚效果,如下圖:

202109301632970647149255.png

202109301632970590624453.png

利用上述方法,你就可以實現自定義WFilter的界面皮膚了,而且自定義的配置信息在系統升級后仍然可以保留,不會因為升級而丟失掉。



? 上一篇 下一篇 ?
国产偷拍100久久,国产猎奇在线一区二区,麻豆传媒在线观看视频寂寞宝,我妻子的姐姐在线电影中文字幕,自拍日韩偷拍国产 图片 迅雷下载,91免费免费观看在线,国产漫画萝莉人物图片大全图片,国产网红打 xv827 中文字幕 在线观看| 国产潜入厕所偷拍网站| 高清无码smdy| 国产主播无码下载 ed2k| 日本出租公寓| 国产偷拍制服师生在线| 麻豆传媒为了销售业绩视频| 91国产微拍精品一区| 不见星空高清视频在线观看| 偷拍午夜激情| 浮力国产手机直播| 亚洲高清无码av一区| 国产网红户外福利| 国产情侣236| 直播平台av国产| 国产偷拍美女嘘嘘视频| 亚洲 欧美 国产 学生 情侣| 欧美女生头像高清图片| 国产素人激情在线观看| 女同性恋可献血| 国产人妻mv高清在线视频| 国产精品日韩av资源网先锋播放器| sm真人国产在线| 泰国熟女一区二区三区四区| 国产幼奸六年级小萝莉| 国产熟女在线直播| 老外怎么学中文字幕| 在线观看网红刘婷| 国产真实带老婆3p| 清纯 丝袜 国产 在线| 国产剧情在线不卡| 偷拍国产男男视频大全| 果冻传媒精选麻豆系列| 日本 下马| sm 变态 视频 日韩 欧美| 国产情侣 空姐模特 经典三级| av毛片国产一区免费| 国产东方伊甸园在线视频| 一区二区国产高清不卡线视频| 国产波野主播视频 迅雷下载| 午夜AV动漫在线观看免费不卡| http://www.888d1.com http://www.ice-quorum.com http://www.conmen.net http://www.danugu.com http://www.attractivereviews.com http://www.globalsoma.net