替换论坛的头部

phpBB 3.2.X 相关的使用、安装等话题
版面规则
《发帖时,请复制下列格式文本,提供完整的信息,勿简略发布》


###### 以下为“基本的提问格式” ######
  • 主机操作系统: Windows (XP, 7, 8, 10)、Linux(Redhat,Centos, Mandrake等等)、或者其他的(请务必注明版本)
  • 快速架站程序: AppServ、XAMPP 等等(请务必注明版本号)
  • 您的上网方式:ADSL、Cable、FTTB等等 (请务必留下 ISP 名称或 ISP 官网)
  • 您安装的程序: Apache + php + MySQL 或者其他的组合 (请务必留下版本号,如果使用上面的快速架站程序就不必写了)
  • 您的 phpBB 版本: phpBB 3.2.2
  • 您的域名: 比如 phpbbchinese.com
  • 您的 phpBB 网址: 比如 https://www.phpbbchinese.com/
###### 以上为“基本的提问格式” ######

  • 安装扩展: 请注明安装扩展的名称,版本以及参考链接(非扩展问题免填)
  • 安装风格: 请注明安装的风格名称,版本以及参考链接(非风格问题免填)
  • 错误代码: 请使用 Code 标签将错误代码标识出来,如下:

代码: 全选

错误代码
  • 错误状态:如果没有错误代码,请直接贴出截图,或者是详细叙述错误状态内容。
备注:
如果需要,请提供测试用的账号与密码
若是管理账号,请使用短信联系站长
回复
把酒化桑麻
注册用户
注册用户
Rank 8
Rank 8
帖子: 62
注册时间: 2017年2月12日 18:04

替换论坛的头部

帖子 把酒化桑麻 » 2017年5月22日 22:24

主机操作系统: Windows 2008
您的上网方式:FTP
您安装的程序: Apache + php + MySQL
您的 phpBB 版本:phpBB 3.2.0 / phpBB 3.1.6
您的域名: ls-fd.cn
您的 phpBB 网址: https://www.ls-fd.cn/
我希望替换论坛的横幅,如图所示
图片
这一大块红色的长方形替换成
图片
模板文件为:
absolution.zip
(356 KiB) 下载 49 次
麻烦DAVID YIN看一下教我如何修改!谢谢!



头像
davidyin
网站管理员
网站管理员
Medal 3
Medal 3
帖子: 885
注册时间: 2015年11月19日 01:50
联系:

Re: 替换论坛的头部

帖子 davidyin » 2017年5月23日 07:15

我用你提供的文件试了一下,如下图:
Absolution.PNG
居住在西八区,有时差,提问请按照“通用提问格式”提问,未必能及时回复,见谅。
提供 phpBB 服务

头像
davidyin
网站管理员
网站管理员
Medal 3
Medal 3
帖子: 885
注册时间: 2015年11月19日 01:50
联系:

Re: 替换论坛的头部

帖子 davidyin » 2017年5月23日 07:19

修改方法是这样,首先你的图片要够宽,否则效果不好。

把图片文件比如叫做 headerpic.png,放到 /styles/Absolution/theme/images/headerpic.png
修改 /styles/Absolution/theme/colours.css 文件,
在大约92行开始的地方,你可以找到下面这样的

代码: 全选

.headerbar {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#093058+0,07222f+100 */
	background: #581809; /* Old browsers */
	background: -moz-linear-gradient(top,  #581809 0%, #2f0707 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #581809 0%,#2f0707 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #581809 0%,#2f0707 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#581809', endColorstr='#2f0707',GradientType=0 ); /* IE6-9 */
	border-top-color: #8e250a;
	border-bottom-color: #891b00;
	background-image: url("./images/headerpic.png");
}
其中 background-image 这行是新增加的,你照样子改改就可以了。

这样就好了。
居住在西八区,有时差,提问请按照“通用提问格式”提问,未必能及时回复,见谅。
提供 phpBB 服务

把酒化桑麻
注册用户
注册用户
Rank 8
Rank 8
帖子: 62
注册时间: 2017年2月12日 18:04

Re: 替换论坛的头部

帖子 把酒化桑麻 » 2017年5月23日 18:24

万分感谢!xD

回复