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

[助人] 【阿陌整理】超级简单的自制风格,无任何门槛。


只要你会PS,会替换图片~漂亮的风格就召之即来!


其实修改风格,摒弃模板那一类,无非是替换背景图片,替换发帖图标等....
下面我就把这些代码集中发布,给大家一些经验,如果觉得学习到了,可以回帖支持!谢谢~
因为不用模板一类,所以感觉特别简单~送给小白们,虽然我也是最近才学会的,QAQ,喜欢就回复,太高深了我也不会~
大家好,我是阿陌~欢迎来到资源阁:http://empty.funbbs.me


(1/5)风格内自定义发帖回复按钮样式


正常字体后添加:
  1. ;}.postbtn,.replybtn{width:80px!important;height:32px!important;}.postbtn a,.replybtn a{text-indent:-99999px!important;}.postbtn {background:url(你的发帖背景图片) !important;} .replybtn{background:url(你的回复背景图片) !important;}
複製代碼
width:80px  (你定义的回复发帖图片的宽度)height:32px (定义图片的高度)




(2/5)风格内自定义版块分类图片




正常字体后添加
  1. ;}.content .list h3 { padding-left: 9px; background:url(背景图片) repeat-x;line-height: 27px
複製代碼





(3/5)风格内自定义导航栏高度



页脚文字色后面添加
  1. important;} #menu{position: absolute; left:180px; top:385px; right:0px; bottom: 0px;  
複製代碼
#FFF important;} #menu{position: absolute; left:180px; top:385px; right:0px; bottom: 0px;  

left: 180px;(距左) top: 385px(距顶)
180PX为居中,具体看你导航长度。  385PX为导航距离顶部的高度。




(4/5)在风格内替换新旧发帖图标


风格就在正常字体,字号后加
  1. ;}.list th{background:url(旧帖) 1px 2px no-repeat!important;}.list th.new{background:url(新帖) 1px 2px no-repeat!important;}
複製代碼
范例:
Verdana, Helvetica, Arial, sans-serif;}.list th{background:url(旧帖) 1px 2px no-repeat!important;}.list th.new{background:url(新帖) 1px 2px no-repeat!important;}





(5/5)在风格内替换设置页脚背景




把下面样式放到到风格编辑中的"正常字体"里的最后
  1. ;}#footer{background:(图片地址) repeat-x 0 0;}
複製代碼
;} #footer{background:#ebedef url(图片地址) no-repeat 50% 0px !important;height:100px !important}
"repeat-x"可替换
repeat-x:横向重复平铺
repeat-y:纵向重复平铺
no-repeat:不重复平铺



替换代码已完毕,下面是一些基础知识




我的页面背景设置背景图片,在Opera/谷歌/世界之窗等浏览器上不显示?

如要在背景设置:
http://empty.funbbs.me/attachments/month_1302/130219135365ccb4e3c82661b9.jpg
这张背景图片。         

需要做的就是拆开图片地址。

在“扩展图片目录”里填写:http://empty.funbbs.me/attachments/month_1302/
在“页面背景”里填写:130219135365ccb4e3c82661b9.jpg

这样做就间接的读取了图片地址,大部分浏览器都支持显示。
其他类似的都可以按此方法放置图片。



如图例



风格头部图片,背景图片显示错位?

因为背景图片没有设置属性固定或者设置错误.
属性参考:
repeat:默认值。背景图像纵向和横向平铺
no-repeat:背景图像不平铺
repeat-x:背景图像仅横向平铺
repeat-y:背景图像仅纵向平铺



更多细节:5D6D风格常见问题集合贴,来看下有没有你遇到的问题.
地址 http://www.5d6d.net/viewthread.php?tid=761404
Discuz-7.x 默认模板 解说
地址 http://www.sclub.com.tw/discuz/viewthread.php?tid=16134
模板风格各颜色功能解释!for:dz7.2
地址 http://www.sclub.com.tw/discuz/viewthread.php?tid=19690
7

評分人數

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

回復 70# macheng


    我去看看

TOP

回復 69# 网雨霏霏


    我在无界论坛发帖讨论了,应该还是有用的,是好牛逼的东西

TOP

回復 68# macheng


    是这个啊,我当然看到了。
但是好像没啥用啊
你拿来做啥用?

TOP

TOP

回復 65# macheng


    全都是广告贴,有啥好东西?真心找不到。具体网址发来看看吧

TOP

回復 65# macheng


    什么东东

TOP

本帖最後由 macheng 於 2018-8-27 10:06 編輯

回復 64# 网雨霏霏


    刚发现了个好东西,你要不要去看看?

http://bone.joinbbs.net/index.php看看去吧

TOP

回復 63# macheng


    没有,只是留下足迹,以备将来的不时之需

TOP

回復 62# 网雨霏霏


    最近折腾风格了?

TOP

返回列表