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

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

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

761

主题

775

帖子

3万

积分

董事

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

积分
32853
发表于 19-4-1 16:30:21 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
广告是站点的收录来源之一,所以很多站点都有出售广告位。
- ~* |% G. T8 B, J热门的广告在首页头部(门户或者论坛BBS),如果这个位置只能下放一张广告布条,就有点浪费了(除非价钱很好)。5 [/ |* C' t6 j! S
要如何在这个热门位置多设几张广告布条,一直是很多新站长提问的事,这里以DIY + HTML代码为设置做教程,让大家参考。后台广告设置则请看这里;官方页头广告示例讲解* S! K9 g2 M0 }$ k2 \0 R0 ?6 Z8 Q
http://bbs.qiuqiufa.com/thread-393-1-1.html6 d1 p9 H& V; c4 k1 q7 d

( c) _: S- x0 N5 E  T0 K$ X图文设置说明步骤如下;
5 n( h( y) B  ?进入DIY界面,点击选择框架。  W8 g+ B0 N$ s
0925207sd7s73smrs6l7sa.jpg 5 Y9 Y' u5 v1 d9 y" [" p
+ C4 P+ ^; B4 M
092655k01qdm750edf3130.jpg
; q3 }( W8 `' h. y" u3 s( I% ?4 q) D& b
选择好了框架,点击模块,步骤看图说。。。4 q. `. j( h+ J' s0 X4 I* v
092544tta93gh7hbt1rxow.jpg
2 l: i  \9 t( ], r, c' E* S6 _. A' Y. I+ r- k) m
完成~就是这么简单而已。
/ f+ q* T; {5 H  s
8 A( ^, g9 B! e8 Q7 {) W" y. ?
代码说明;使用以下代码
6 j6 _: U! C0 `6 Y; \1 Z
  • <a href="地址链接"><img src="广告图片链接" width="宽度设置,调整方式以 % 为主"  border="0" /></a>- q6 v! O4 T$ x* p) @4 n. s

* X0 Z8 i* K4 l) n$ U; \[color=rgb(51, 102, 153) !important]复制代码
3 X; c/ P& Q" b% j9 w  Z


: u2 D) Y# C3 ~: l  D2 D参考例子;
3 H9 L% |/ k  k+ t) w6 h3 g: z一行一格全幅图片
  • <a href="地址链接"><img src="广告图片链接" width="100 % "  border="0" /></a>+ z# [) z) |) ^
' u6 \! ?% z) H2 S" T
[color=rgb(51, 102, 153) !important]复制代码

. O7 C- j! p2 h3 L# s一行二格对半图片
  • <a href="地址链接"><img src="广告图片链接" width="478.5 % "  border="0" /></a>
    7 y2 ~2 {* ]% ^% C
  • <a href="地址链接"><img src="广告图片链接" width="478.5 %"  border="0" /></a>' t% z. _  d! `9 w4 c$ b/ [0 Z
$ q" @$ G! o- N/ b2 U
[color=rgb(51, 102, 153) !important]复制代码
1 q+ E! Y% _- o# N
一行三格图片
  • <a href="地址链接"><img src="广告图片链接" width="319.5 % "  border="0" /></a>9 y# S$ p- P% C' u" S0 _0 \" m$ u% r
  • <a href="地址链接"><img src="广告图片链接" width="319.5 %"  border="0" /></a>+ b) K7 i9 X! M6 \8 r
  • <a href="地址链接"><img src="广告图片链接" width="319.5 %"  border="0" /></a>, e( v6 i2 K. g! f5 O# q, b9 V$ |
8 z6 c, g- K* m' P
[color=rgb(51, 102, 153) !important]复制代码

+ \4 ^5 E3 b8 }! E$ Q0 I每加多一张图片,就加多一组代码,以此类推。;如果上下两行图片需要有分隔空位,加<br/>,如下;
0 L+ f& k8 b' U7 Z" R二行1格图片
  • <a href="地址链接"><img src="广告图片链接" width="478.5 % "  border="0" /></a>
    6 e/ O7 a/ E* D
  • <br/>/ d& A* [  t/ v' a- x  \
  • <a href="地址链接"><img src="广告图片链接" width="478.5 %"  border="0" /></a>4 \- x! \9 q  Z. I8 Z" Z

; M1 T" ^  F# u! M[color=rgb(51, 102, 153) !important]复制代码

$ u# O  Q2 o6 t9 D4 Q
6 J. E' O' v# I7 i: t
注意;官方默认模板的宽度是960,其它模板可能不同,调整 width=" %"来对应就可以了。; B1 K) \0 }! R7 k  x

2 Q0 V: V. O9 A+ o8 K& a% Z8 j. d
+ U3 X3 J( N8 z6 D+ {% R
DIY时,会有框架字眼的显示,要然后去掉这个字眼呢?* n  ~& `; p) x: c
如下图说明;6 R' T- ^! K# `% W
A)点击框架的标题(注意是红色背景的编辑)——》去掉标题字眼就行了。去掉字眼后,B位置就会显示为白底。
- M6 P, k( j5 |( |- IC)要去掉框边,点击框架的样式,在指定class选择样式菜单里设置为无版块框架

/ g5 s2 p5 ~5 @- m
网站简介

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