·设为首页收藏本站📧邮箱修改🎁免费下载专区💎积分✅卡密📒收藏夹👽聊天室
返回列表 发布新帖

DZ3.5 全站实现透明化 修改背景图

303 2
发表于 2023-4-21 21:16:29 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
先说明,我不懂代码,下面代码是默认样式1红的基础上折腾多少天,一个一个试出来的。目前整体实现了透明底色,但网站开通了左边栏,边栏底色没有解决透明,另外,打开网页如果网速慢的时候,就是在网页没有打开的时间点上,全页面显示紫色。所以,有人说你网站太紫了,其实是我没有找到这个解决办法,在哪修改。

背景图片,更换据默认的小图片,直接放大图片(宽1360px,高2240px左右),以浅淡为主,如果选择深色,可能要修改字体颜色才能显示清楚。我是在win11下先调整格式大小,再在网上找到转换成bweg格式,最小时图片文件只有二十KB到三十KB大小。
高手如果看到问题所在,还希望指点一二,让更多的小白,少走弯路。


/*
[name]紫[/name]
[iconbgcolor]#9400D3[/iconbgcolor]
Powered by Discuz! X
*/

html { background: #9400D3 url(background.webp); }
::selection{ background-color: #9370DB; color:#CFBED7; }
:focus { outline-color: #9400D3; }
body { background: transparent url(bgimg.webp) no-repeat 50% 0; background-size: 970px; }  /*全局底色*/
@media(min-resolution:120dpi){ body { background-image: url(bgimg2x.jpg); }}
.fc-p { color: #9400D3; }  /* 板块帖子标题图片标示色 */
#nv { background-color: #9400D3; }  /* 主导航 */
        #nv li.a { background-color: #BA55D3; }  /* 导航当前区显示色 */
        #nv li a:hover, #nv li.hover a:hover, #nv li.hover a { background-color: #ADFF2F; } /* 鼠标放置显示色 */
#scbar { background-color: #D2CADC; border-color: #FFA500; }  /* 主导航搜索栏底色,线条 */
        #scbar_btn { background-color: #9400D3; }  /*主导航搜索确定按纽色*/
#scform_srchtxt { border-color: #9400D3; }  /*搜索页导航边框色*/
#scform_tb .a::before { border-bottom-color: #9400D3; }
#scform_submit { background-color: #9400D3; }  /*搜索确认按纽色*/
.bm_h, .tl th, .tl td { border-bottom-color: #D8BFD8; }  /* 板块帖子标题间隔线条色 */
.fl .bm_h { border-color: #BC00DD; background: transparent; }  /*分区板块线条,标题底色*/

/* 重定义论坛底部,家园,群组标题底色,内容左边栏,分类发布框选项部分底色, {SPECIALBG} */
.bmn, .bm_h, td.pls, .ad td.plc, div.exfm, .tb a, .tb_h, .ttp li.a a, div.uo a, input#addsubmit_btn, #gh .bm .bm_h { background-color: transparent; }
.ct2_a, .ct3_a { background-image: url(vlineb.jpg); }
        .ct3_a .bm { background-color: transparent; }  /*中间,右边底色*/
.tbn li.a { background: #CFBED7 url(background.webp); }
        #nv_portal.pg_portalcp .ct2_a_r, #nv_forum.pg_post .ct2_a_r, #nv_group.pg_post .ct2_a_r { background-image: none; }

/* 重定义 {SPECIALBORDER} */
.bmn, .pg a, .pgb a, .pg strong, .card, .card .o, div.exfm  { border-color: #9400D3; }
.pg strong { background-color: #9400D3; }
.pnc, .tb .o, .tb .o a { background-color: #9400D3; }
        .pnc, a.pnc, .tb .o { border-color: #9370DB; }
        .pnc:active { background: #9370DB; }
        .pnc:focus { box-shadow: 0 0 0 2px rgba(136, 0, 0, 0.25); }

.mi #moodfm.hover textarea { border-color: #9400D3; }

.ad td.pls { background-color: #9400D3; }
.side_btn a svg { fill: #9400D3; }

/* 重定义字体 */
#qmenu, .fl .bm_h h2 a, .xi1, #um .new, .topnav .new, .sch .new, .el .ec .hot em, .pll .s a.joins, #diy_backup_tip .xi2 { color: #9400D3; }
.pll .s a.go { color: #FFF; }
.xi2, .xi2 a { color: #000; }

/* 重定义按钮 */
.pgsbtn { background-color: #9400D3; }
        .pgsbtn:hover { background-color: #9370DB; }
        .pgsbtn:active { box-shadow: 0 0 0 3px rgba(136,0,0,0.25); }
.el .ec .hot, .clct_list .xld .m { background-image: linear-gradient(0deg,#BA55D3 40%,#9932CC 40%); }
.pll .s { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='60' height='89'%3e%3cpath fill='%23cae7e2' d='M60 0v50c0 5.5-4.5 10-10 10H0V10C0 4.5 4.5 0 10 0z'/%3e%3cpath fill='%239ad1cf' d='M60 65v19c0 2.75-2.25 5-5 5H0V70c0-2.75 2.25-5 5-5zM8 75l2.5 2.5L8 80h2l2.5-2.5L10 75z'/%3e%3c/svg%3e"); }

/* 重定义 Tab */
.tb .a a { border-bottom-color: #BA55D3; background: url(background.webp); }

/* 重定义广播 */
#uhd, #flw_header .bar { background-color: #CFBED7; }
        #uhd .tb a, #flw_header .bar { border-top-color: #CFBED7; }
        #uhd .tb .a a { border-bottom-color: #CFBED7; }
.flw_replybox { background-color: #CFBED7; }
        .flw_replybox .px, .flw_autopt, #flw_header .tedt { border-color: #9400D3; }
#flw_post_extra .sec { border-color: #CFBED7; background-color: #CFBED7; }

/* 重定义版块快速跳转和侧边导航 */
#fjump_menu li.a a { background-color: #D2CADC; }
.bdl, .bdl dt, .bdl dd.bdl_a a { border-color: #DDA0DD; background-color: #D2CADC; }
.bdl dd.bdl_a a { color: #9400D3; }

/* 重定义下拉菜单 */
.p_pop a { border-bottom-color: #CFBED7; }
        .p_pop a:hover, .p_pop a.a, #sctype_menu .sca { background-color: #CFBED7; color: #9400D3; }
        .blk a:hover { background-color: transparent; }

/* 重定义好友列表 */
#nv_home .buddy li { background-color: transparent; border: none; }


实现网站透明除了要修改上面所在的地方,修改成透明“transparent”外,网站后台,模板下全部的背景色为透明。
上面标注可能有误差,还请测试前做好记录。
我要说一句 收起回复
一花一世界,一叶一追寻。一曲一场叹,一生为一人。
创宇盾启航版免费网站防御网站加速服务

评论2

IT618发布Lv.8 发表于 2023-4-21 21:17:24 | 查看全部
上面说差了图片格式是webp
我要说一句 收起回复
独家记忆Lv.8 发表于 2023-4-21 21:17:49 | 查看全部
我还是贴上目前的测试地址吧 ,有这个查看实际应用的可以移步 https://c-ge.com 在不改变字体颜色的基础上,其实颜色深点透明效果更好,但浏览方面眼睛有点吃力
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

图文热点
创宇盾启航版免费网站防御网站加速服务
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:3.15.148.203,GMT+8, 2024-11-22 11:07 , Processed in 0.324115 second(s), 91 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2024 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表