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

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

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

763

主题

777

帖子

3万

积分

董事

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

积分
32946
发表于 19-4-1 16:30:21 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
广告是站点的收录来源之一,所以很多站点都有出售广告位。
( p& l  w) x# M. s7 x热门的广告在首页头部(门户或者论坛BBS),如果这个位置只能下放一张广告布条,就有点浪费了(除非价钱很好)。2 E$ j' w/ }- F  M  P( G
要如何在这个热门位置多设几张广告布条,一直是很多新站长提问的事,这里以DIY + HTML代码为设置做教程,让大家参考。后台广告设置则请看这里;官方页头广告示例讲解; N7 \2 N! z5 R
http://bbs.qiuqiufa.com/thread-393-1-1.html/ @  e" o$ p! ?2 i* x- T
9 x+ u9 k2 t9 y
图文设置说明步骤如下;* ^: ]; u; w9 P) v3 @
进入DIY界面,点击选择框架。) w2 O$ S! }7 S2 ^- \5 M/ C5 U* v
0925207sd7s73smrs6l7sa.jpg
8 P& r: x- \) K/ h  g0 l* Y# @. |9 q
092655k01qdm750edf3130.jpg 0 ~) W6 j# P+ {, g, p" v

. u3 K, H0 q1 U* Q  _选择好了框架,点击模块,步骤看图说。。。
$ h% a' a" G# ^5 l- M4 B/ H8 g* q 092544tta93gh7hbt1rxow.jpg 5 i* S- q4 ?0 n- g$ Y/ e7 j3 @; D

4 H9 r3 `* @0 J9 e完成~就是这么简单而已。* J! h% J1 P. Q- K3 M. B: N& }
8 n5 V  ?2 j0 C( n+ b( ~
代码说明;使用以下代码
7 A; \7 r  L, P/ U
  • <a href="地址链接"><img src="广告图片链接" width="宽度设置,调整方式以 % 为主"  border="0" /></a>9 O$ k$ b7 ^7 S. A  C
1 Z* l7 Q. ~3 S
[color=rgb(51, 102, 153) !important]复制代码

' ]# L: I2 m' }* j: N
! i0 }# v. z: g; U
参考例子;
1 X1 b) i* |: l) S" Q一行一格全幅图片
  • <a href="地址链接"><img src="广告图片链接" width="100 % "  border="0" /></a>
    ' R6 o1 b' J* o/ `' `6 ^
! f9 t+ q# ?- \' A. U+ S
[color=rgb(51, 102, 153) !important]复制代码
/ R1 G; d7 f2 o+ M
一行二格对半图片
  • <a href="地址链接"><img src="广告图片链接" width="478.5 % "  border="0" /></a>; y6 c: L" x) X- R( o
  • <a href="地址链接"><img src="广告图片链接" width="478.5 %"  border="0" /></a>, C( i+ U9 Q7 g3 b9 q

& t4 Q) a% ~! w" [! o[color=rgb(51, 102, 153) !important]复制代码

2 {. @. C" y& O' {. ]一行三格图片
  • <a href="地址链接"><img src="广告图片链接" width="319.5 % "  border="0" /></a>
    9 P$ V% t% K/ Y; R1 c
  • <a href="地址链接"><img src="广告图片链接" width="319.5 %"  border="0" /></a>, _8 v  a1 i: a; E4 k. G
  • <a href="地址链接"><img src="广告图片链接" width="319.5 %"  border="0" /></a>
    2 M' S0 |( e0 {5 X) ~% \: R& q; ?

$ }7 t3 c# O( K6 `7 n, G5 F- X[color=rgb(51, 102, 153) !important]复制代码
2 o$ y. {' G4 c! x! |% P9 ^: A5 e
每加多一张图片,就加多一组代码,以此类推。;如果上下两行图片需要有分隔空位,加<br/>,如下;; \. z, j* Y8 m0 v% w, u
二行1格图片
  • <a href="地址链接"><img src="广告图片链接" width="478.5 % "  border="0" /></a>/ o0 c' k# Z7 e
  • <br/>
    0 b# d) x" G: ~/ y8 M
  • <a href="地址链接"><img src="广告图片链接" width="478.5 %"  border="0" /></a>
    " o" s. E) Q. \5 o1 Z

9 n: r' ^( @5 O4 G4 k4 c4 U[color=rgb(51, 102, 153) !important]复制代码
) W. V/ w) m5 D

- \( V( k; N) f0 o8 {' y
注意;官方默认模板的宽度是960,其它模板可能不同,调整 width=" %"来对应就可以了。
* x; T7 `; n0 z1 m

# G9 M# d* ?' j

$ q0 b( |: _( _' V8 S. B6 jDIY时,会有框架字眼的显示,要然后去掉这个字眼呢?; F$ W% S4 i5 u0 e/ C2 g
如下图说明;# V, p. ?6 R  ]0 H
A)点击框架的标题(注意是红色背景的编辑)——》去掉标题字眼就行了。去掉字眼后,B位置就会显示为白底。
# M8 n6 }7 R' d, |/ W; N. BC)要去掉框边,点击框架的样式,在指定class选择样式菜单里设置为无版块框架
2 E& u. c6 B3 B+ v# R
网站简介

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