代刷网公告怎么显示图片是怎么实现的呢?

mengfeiside 美化装修 2018-07-08 15:53 4,447 次浏览

❤全网实力最强、信誉最好、速度最快、价格最低、质量最稳、售后最优的三八代刷网(www.qq3800.com)❤点此进入
❤本站所有的代刷网装修美化教程都是免费提供,会用就拿去,不会也没办法,不提供任何的免费服务,我们每天都很忙❤

本来不想再发布关于站点公告的装修代码的,因为真的已经有非常多站点公告美化教程了,但是今天本站旗下的一个分站说想在他的代刷网公告上放一张图片,问我:代刷网公告怎么显示图片?我想了想既然是我的分站,还是教一下他怎么实现吧,又怕后面还有其他的分站来找我问这个问题,所以干脆再写一篇关于公告图片的教程吧,一劳永逸。

1、首先你要准备好一张图片,然后把图片用ftp上传到你代刷网源码的根目录里,比如我把一张gonggao.gif的图片传上去后的位置

代刷网公告怎么显示图片

那么,现在这张图片的路径就是:http://www.qq3800.com/gonggao.gif,你可以自己浏览器打开看一下,如果图片能正常显示说明正确,如果不显示那就自己再检查一下。

2、然后进去你的代刷网后台,站点公告的部分,找到一个合适的位置,比如我们把它放其他代码的最后面去

代刷网公告怎么显示图片

效果如下图所示:

代刷网公告显示图片

代码如下:

<img src="http://www.qq3800.com/gonggao.gif" alt="三八代刷网" width="100%">

如果你想要让客户点击图片会进入相应的链接,就把代码替换为

<a href="你想要的网址链接" target="_blank"  title="代刷网公告显示图片"><img src="http://www.qq3800.com/gonggao.gif" alt="代刷网公告显示图片" width="100%"></a>

给大家讲讲为什么代码中要加上width="100%",因为手机端的屏幕跟电脑端是不一样的,为了不让这个公告图片在手机上变形,我们给他加上自适应屏幕的功能就是width="100%",也就是说这个图片会占满这个边框不会溢出,大家也可以调整为99%或者98%,给边距留点空白也挺好的;所以不能用像素来固定长宽,否则必然无法自适应手机。

这样就实现了代刷网公告显示图片的功能,希望对大家有所帮助!

本站分享的其他的站点公告代码:

可展开可关闭的代刷网站点公告装修代码

QQ代刷网站点公告装修美化代码

三八代刷网“分站后台公告”装修美化代码分享

以下是常见问题及解答:

1、为什么我的图片不显示呢?

答:请确保你的图片路径是正确的,这个就不多说了,或者你把图片上传到一些公共图库里获取网址也可以的;

2、为什么我的公告图片不会动,不会闪呢?

答:你制作的图片如果是动态图那么放上去就会动就会闪,如果是静态图当然不会了。

3、可以把这个代码放到网站底部去呢?

答:当然可以!这个代码是通用的,你可以放到以下几个位置: 首页公告 、 首页弹出公告 、 首页底部排版 、 在线下单提示 、 订单查询页面公告 、 分站后台公告 、 所有分站显示首页公告 、 首页聊天代码 中任何一个地方去。

4、可以在公告里放两个图片吗?如何实现?

答:可以!代码如下:

<img src="第一个图片路径" alt="代刷网公告图片" width="100%">

<br>

<img src="第二个图片路径" alt="代刷网公告图片" width="100%">


❤全网实力最强、信誉最好、速度最快、价格最低、质量最稳、售后最优的三八代刷网(www.qq3800.com)❤点此进入
❤本站所有的代刷网装修美化教程都是免费提供,会用就拿去,不会也没办法,不提供任何的免费服务,我们每天都很忙❤
回顶部