欧美日韩国产免费一区二区三区_一区二区三区国产_国产一区二区亚洲_国产精品视频久久_在线欧美成人_亚洲一区二区三区爽爽爽爽爽

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的界面皮膚了,而且自定義的配置信息在系統升級后仍然可以保留,不會因為升級而丟失掉。



? 上一篇 下一篇 ?
主站蜘蛛池模板: 97av视频在线 | 日韩欧美精品在线 | 一个色在线 | 伊人伊成久久人综合网站 | 欧美专区日韩 | 日本三级全黄三级三级三级口周 | 最新中文字幕在线 | 99久热| 国产福利免费视频 | 日韩精品 电影一区 亚洲 | 亚洲欧美一区二区三区在线 | 欧美激情一区二区三区 | 国产91在线 | 亚洲 | 国产成人免费网站 | 日本精品一区二区三区四区 | 一区二区三区免费看 | 亚洲欧美视频一区 | 成人一区二区三区在线观看 | 日日夜夜免费精品视频 | av在线播放不卡 | 91社影院在线观看 | 91精品欧美久久久久久久 | 欧美日韩中文在线 | 国产精品视频久久久久久 | 国产在线播放av | 日韩成人影院 | 成人国产精品免费观看 | 欧美人妇做爰xxxⅹ性高电影 | 国产一区精品在线 | 欧美一区2区三区4区公司二百 | 精品国产一区二区在线 | 国产精品美女久久久久久免费 | 91精品国产色综合久久 | 精品国产欧美一区二区三区不卡 | 日韩a v在线免费观看 | 欧美激情一区二区三区 | 欧美精品一区二区三区一线天视频 | 国产探花在线观看视频 | 91激情视频 | va在线 | 91.xxx.高清在线 |