腾讯云网站解决方案帮您轻松应对建站成本高/网络不稳等常见问题

discuz简易使用DIY设置 多格多行 布条横幅 广告--DIY系列教程

0
回复
2586
查看
[复制链接]

765

主题

779

帖子

3万

积分

董事

Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72Rank: 72

积分
33025
发表于 19-4-1 16:30:21 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
广告是站点的收录来源之一,所以很多站点都有出售广告位。
+ j% X+ t! [0 z9 r热门的广告在首页头部(门户或者论坛BBS),如果这个位置只能下放一张广告布条,就有点浪费了(除非价钱很好)。& r, r& D! Z, z: Z, h& {' L: D
要如何在这个热门位置多设几张广告布条,一直是很多新站长提问的事,这里以DIY + HTML代码为设置做教程,让大家参考。后台广告设置则请看这里;官方页头广告示例讲解. e4 q% `7 y- u( r) n) E* ~
http://bbs.qiuqiufa.com/thread-393-1-1.html9 ?- Y) q- e3 E/ M7 y0 }
- p6 p& n3 E5 s+ Y- M3 t+ _( D' [  S* Q
图文设置说明步骤如下;
+ v& C2 g' \6 @! a进入DIY界面,点击选择框架。
$ n- M( E$ `$ O6 |- z$ w 0925207sd7s73smrs6l7sa.jpg
/ \$ s4 _# S% S! Y/ P( U5 E- g( v$ o& ^6 D+ L
092655k01qdm750edf3130.jpg 4 m' \- Y% g& L& }
3 B# @9 h$ s) n7 |
选择好了框架,点击模块,步骤看图说。。。/ S& W  Z% I4 y0 u/ W+ E- B
092544tta93gh7hbt1rxow.jpg % A( [5 h7 d- T, d1 F# k
5 I! L  h7 W' M1 q9 X$ J6 \
完成~就是这么简单而已。2 ^; x  r3 y; G  T  `, M
: t2 W+ X, p$ o) d
代码说明;使用以下代码2 w# G0 }" ]4 f. {2 x% ?( d7 M
  • <a href="地址链接"><img src="广告图片链接" width="宽度设置,调整方式以 % 为主"  border="0" /></a>
    ! ~5 Q5 u7 ^& S$ g5 {2 s; T

4 Z0 R1 K4 U9 i[color=rgb(51, 102, 153) !important]复制代码

. D' s2 [' k, \; }8 w: \

3 J5 m) n1 w0 a( z! c% p参考例子;8 c) X" S; g' B  T" a( _
一行一格全幅图片
  • <a href="地址链接"><img src="广告图片链接" width="100 % "  border="0" /></a>
    2 d- u% }& n& L, I4 N. a
  ~3 b$ M- ]. M- s* \) }0 W
[color=rgb(51, 102, 153) !important]复制代码
4 w. K0 |- V. e  H. K! T$ e" U
一行二格对半图片
  • <a href="地址链接"><img src="广告图片链接" width="478.5 % "  border="0" /></a>6 t- o' e- H; ]6 c
  • <a href="地址链接"><img src="广告图片链接" width="478.5 %"  border="0" /></a>) Y3 @8 o, H$ {5 M

7 |) E( @% f3 H$ L% |[color=rgb(51, 102, 153) !important]复制代码
" C( [( s) I: ?$ C
一行三格图片
  • <a href="地址链接"><img src="广告图片链接" width="319.5 % "  border="0" /></a>. b7 O# l/ S4 j/ |* M: U
  • <a href="地址链接"><img src="广告图片链接" width="319.5 %"  border="0" /></a>
    , A1 _" u% j4 \) |& b
  • <a href="地址链接"><img src="广告图片链接" width="319.5 %"  border="0" /></a>
    5 a! C: P  k( e* k$ [  j7 T
2 w4 p1 v( r" l2 W1 _7 J
[color=rgb(51, 102, 153) !important]复制代码

& P2 @! ]1 g6 i/ [  R  W每加多一张图片,就加多一组代码,以此类推。;如果上下两行图片需要有分隔空位,加<br/>,如下;9 R1 `$ k3 V$ d
二行1格图片
  • <a href="地址链接"><img src="广告图片链接" width="478.5 % "  border="0" /></a>
    , N/ }+ E" B4 r
  • <br/>
    ! v1 e5 H; a) K: E7 Q
  • <a href="地址链接"><img src="广告图片链接" width="478.5 %"  border="0" /></a>: H+ s" x* Z& j: w3 _6 y  H1 a

4 N5 ?! N0 `' h. M7 L  r[color=rgb(51, 102, 153) !important]复制代码
7 r  {+ K3 L  I& f

4 K) F, i% ?' B7 _+ M' M
注意;官方默认模板的宽度是960,其它模板可能不同,调整 width=" %"来对应就可以了。
8 M7 ^! `$ `  b* h/ T; k

$ S7 Y+ V" u. l& ?
2 t) [" r! r( y$ {2 R- h( N- _
DIY时,会有框架字眼的显示,要然后去掉这个字眼呢?
2 i& s6 }4 E  W3 f# h9 ~) T2 e如下图说明;. I: A; S; A+ L; @
A)点击框架的标题(注意是红色背景的编辑)——》去掉标题字眼就行了。去掉字眼后,B位置就会显示为白底。
( [# v/ h% d# d2 e; T: pC)要去掉框边,点击框架的样式,在指定class选择样式菜单里设置为无版块框架

+ |# ?  x& x3 }
网站简介

球球发,是一家 Discuz! 商业插件、风格模板、网站源码、 Discuz!运营维护技术等于一体的交流分享网站,全站95%的资源都是免费下载,对于资源我们是每天更新,每个亲测资源最新最全---球球发(如果我们有侵犯了您权益的资源请联系我们删除