| 
 
    
- 積分
 - 1845 
 - 威望
 - 1845  
 - 金錢
 - 1835  
 - 最後登錄
 - 2019-7-15 
 
     
 | 
[助人] 【阿陌整理】超级简单的自制风格,无任何门槛。
 
 只要你会PS,会替换图片~漂亮的风格就召之即来!  其实修改风格,摒弃模板那一类,无非是替换背景图片,替换发帖图标等.... 
下面我就把这些代码集中发布,给大家一些经验,如果觉得学习到了,可以回帖支持!谢谢~ 
因为不用模板一类,所以感觉特别简单~送给小白们,虽然我也是最近才学会的,QAQ,喜欢就回复,太高深了我也不会~ 
大家好,我是阿陌~欢迎来到资源阁:http://empty.funbbs.me 
  
(1/5)风格内自定义发帖回复按钮样式   
正常字体后添加:- ;}.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)风格内自定义版块分类图片  
  
 
正常字体后添加- ;}.content .list h3 { padding-left: 9px; background:url(背景图片) repeat-x;line-height: 27px
 
  複製代碼 
 
 
 
 
(3/5)风格内自定义导航栏高度  
 
页脚文字色后面添加- 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)在风格内替换新旧发帖图标  
风格就在正常字体,字号后加- ;}.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)在风格内替换设置页脚背景  
  
 
把下面样式放到到风格编辑中的"正常字体"里的最后- ;}#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
評分人數 
 
- 
 
 
 
 
 |