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

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

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

761

主题

775

帖子

3万

积分

董事

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

积分
32836
发表于 19-4-1 16:30:21 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
广告是站点的收录来源之一,所以很多站点都有出售广告位。
/ Y, R  x8 j  m热门的广告在首页头部(门户或者论坛BBS),如果这个位置只能下放一张广告布条,就有点浪费了(除非价钱很好)。. b0 L! t( [8 u% a& N: b
要如何在这个热门位置多设几张广告布条,一直是很多新站长提问的事,这里以DIY + HTML代码为设置做教程,让大家参考。后台广告设置则请看这里;官方页头广告示例讲解
" \: t: T  j3 @+ l# k( j0 v7 w
http://bbs.qiuqiufa.com/thread-393-1-1.html
  f: K" J9 m5 E5 X+ O8 T
. B3 Q) ]9 d& z1 y& y' b: |. S
图文设置说明步骤如下;9 I. r: w/ ]3 C* V
进入DIY界面,点击选择框架。
8 h5 M' O) V! ^$ G 0925207sd7s73smrs6l7sa.jpg
' i' J1 ?" X, P8 i8 p; d' j& ?0 b0 h. N. n9 Q, I$ o; x8 E
092655k01qdm750edf3130.jpg
3 V1 y+ e8 {0 t, Q' O! X$ i% E4 Z. y; B
选择好了框架,点击模块,步骤看图说。。。
0 f- M5 c0 ^& A( } 092544tta93gh7hbt1rxow.jpg
- p0 U5 j% d7 ^6 f! L. V
( R* ?/ b: t1 K+ U( V2 r完成~就是这么简单而已。
0 }' `) N, h. g3 k/ u3 D7 T

5 q, G* }9 r, A9 b7 `代码说明;使用以下代码# J, p) T, D9 c' G4 e4 W& H4 x: M
  • <a href="地址链接"><img src="广告图片链接" width="宽度设置,调整方式以 % 为主"  border="0" /></a>
    , \+ v$ I' X/ U7 `* |
$ j1 I$ O2 J* G; W/ }: }
[color=rgb(51, 102, 153) !important]复制代码

; V, N8 a7 w, s4 o$ P

5 a3 q% K5 G5 Y8 h: f3 W1 j( |参考例子;( K, s, H: ^8 L3 F
一行一格全幅图片
  • <a href="地址链接"><img src="广告图片链接" width="100 % "  border="0" /></a>5 j" T; `. a% _( v8 ~
" Y$ x, R# Y6 P' M5 u# d7 v
[color=rgb(51, 102, 153) !important]复制代码
7 F# @; _8 {8 u' U
一行二格对半图片
  • <a href="地址链接"><img src="广告图片链接" width="478.5 % "  border="0" /></a>
    ' u7 M! X' I' A, U5 x) k
  • <a href="地址链接"><img src="广告图片链接" width="478.5 %"  border="0" /></a>
    # p% U6 X" r# e

& E* f$ Q# z  r[color=rgb(51, 102, 153) !important]复制代码
% n) `7 g0 S! ?5 \: Y2 n* K
一行三格图片
  • <a href="地址链接"><img src="广告图片链接" width="319.5 % "  border="0" /></a>
    3 ?. W  A3 v6 q7 d- L9 E& s+ l
  • <a href="地址链接"><img src="广告图片链接" width="319.5 %"  border="0" /></a>
    1 q1 P; o! {% c, z; V; H
  • <a href="地址链接"><img src="广告图片链接" width="319.5 %"  border="0" /></a>
    / ~; e9 C9 b) {5 u- ~
4 u( d3 P, i( x* J- @4 T
[color=rgb(51, 102, 153) !important]复制代码
8 @3 p; O- p7 b/ R5 F) R" c7 [
每加多一张图片,就加多一组代码,以此类推。;如果上下两行图片需要有分隔空位,加<br/>,如下;
; T% U; M: k# m$ Y( Q4 {, M; `  b二行1格图片
  • <a href="地址链接"><img src="广告图片链接" width="478.5 % "  border="0" /></a>" X0 d5 V' w2 F  b) _: v7 M. w% s
  • <br/>4 f9 J$ Y  d, F1 E
  • <a href="地址链接"><img src="广告图片链接" width="478.5 %"  border="0" /></a>/ [  ^; \- _( ?' w: L$ i
. u0 g6 Q3 G2 c; s$ S
[color=rgb(51, 102, 153) !important]复制代码

6 h" ~; |7 q7 k$ g4 T/ p
4 B- d, f0 Z/ n4 D* q: {
注意;官方默认模板的宽度是960,其它模板可能不同,调整 width=" %"来对应就可以了。
! C9 z( [+ S# n9 J- N5 O, J

6 P8 y8 @. f) s9 \/ N

8 [- a* @+ V6 h& ~DIY时,会有框架字眼的显示,要然后去掉这个字眼呢?& q# K( m, r) [
如下图说明;
' g7 N$ _' f9 u8 ]6 IA)点击框架的标题(注意是红色背景的编辑)——》去掉标题字眼就行了。去掉字眼后,B位置就会显示为白底。
- B* e6 ]6 t& l* IC)要去掉框边,点击框架的样式,在指定class选择样式菜单里设置为无版块框架
5 b2 J0 d+ V6 T8 h1 d& r9 F
网站简介

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