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

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

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

761

主题

775

帖子

3万

积分

董事

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

积分
32815
发表于 19-4-1 16:30:21 | 显示全部楼层 |阅读模式      紫钻仅向指定用户开放  
广告是站点的收录来源之一,所以很多站点都有出售广告位。# [3 t/ N, S. m7 F' t
热门的广告在首页头部(门户或者论坛BBS),如果这个位置只能下放一张广告布条,就有点浪费了(除非价钱很好)。; j- S6 ~( C6 _1 E
要如何在这个热门位置多设几张广告布条,一直是很多新站长提问的事,这里以DIY + HTML代码为设置做教程,让大家参考。后台广告设置则请看这里;官方页头广告示例讲解9 y7 |! @9 [+ c/ a
http://bbs.qiuqiufa.com/thread-393-1-1.html# `4 ^3 e2 i% H5 c2 [

( R: N$ V) ]4 y- O图文设置说明步骤如下;6 c6 I: Y; s6 c) O( F
进入DIY界面,点击选择框架。3 d/ u7 o0 E8 w; R9 a
0925207sd7s73smrs6l7sa.jpg
# ]- k) ]6 g! q* P" ~5 Y
; C$ D. `, g- O0 s0 C 092655k01qdm750edf3130.jpg ; R9 f7 E6 U$ v; p9 B& x

& `1 B+ p2 h! d; L选择好了框架,点击模块,步骤看图说。。。
& t+ E5 W: [, `, A" r 092544tta93gh7hbt1rxow.jpg
' D- f" T1 x+ Q# C
2 r) h) n* L9 W% Z, g完成~就是这么简单而已。
2 c3 z! C! ^6 ]/ g/ Y7 v/ Q
  C5 y, C3 [1 d0 g
代码说明;使用以下代码- N2 ~/ `; _* C3 b% v
  • <a href="地址链接"><img src="广告图片链接" width="宽度设置,调整方式以 % 为主"  border="0" /></a>7 E- G" _, `9 R3 Z

7 f) y" }/ v& M- a[color=rgb(51, 102, 153) !important]复制代码
$ M" r' i2 [# {  _

- o9 y/ O* v0 }# I, y  ]# b
参考例子;
( ?* l# [# Z0 {一行一格全幅图片
  • <a href="地址链接"><img src="广告图片链接" width="100 % "  border="0" /></a>
    - v* a/ T4 h! Y" l# _
2 [* ^+ ]' P! q& ]0 M3 `! R" B, ?3 e
[color=rgb(51, 102, 153) !important]复制代码
0 Z: O0 K. G8 y' S
一行二格对半图片
  • <a href="地址链接"><img src="广告图片链接" width="478.5 % "  border="0" /></a>, Y5 l: i9 O( j4 `+ o8 J
  • <a href="地址链接"><img src="广告图片链接" width="478.5 %"  border="0" /></a>4 G) l& `1 G& r  b
% |/ L  j  x* f; Q! v6 M. h
[color=rgb(51, 102, 153) !important]复制代码
: ?2 b( _( W5 G8 K" |" ]
一行三格图片
  • <a href="地址链接"><img src="广告图片链接" width="319.5 % "  border="0" /></a>
    8 z9 s3 B% [% C. {, n. y) T
  • <a href="地址链接"><img src="广告图片链接" width="319.5 %"  border="0" /></a>
    + L* O3 {1 @- S3 P" \
  • <a href="地址链接"><img src="广告图片链接" width="319.5 %"  border="0" /></a>
    5 P: }! k2 U( R: b$ l" e1 s& y+ Y# A
1 F% }/ T' k5 i
[color=rgb(51, 102, 153) !important]复制代码

! A2 M4 U" I! ?1 h1 W! P每加多一张图片,就加多一组代码,以此类推。;如果上下两行图片需要有分隔空位,加<br/>,如下;
6 v! t7 o9 s1 {  u二行1格图片
  • <a href="地址链接"><img src="广告图片链接" width="478.5 % "  border="0" /></a>$ U: X0 ]6 o% n! i
  • <br/>
    5 C9 K+ h2 Y. r
  • <a href="地址链接"><img src="广告图片链接" width="478.5 %"  border="0" /></a>/ \- _) N+ D9 F( {# ?$ G$ s

3 |$ j/ x8 U" u[color=rgb(51, 102, 153) !important]复制代码
) }, F- S4 J5 E6 `! [- [: q

2 ?+ n' b5 S0 p/ G9 Q  l' x1 p, g# L
注意;官方默认模板的宽度是960,其它模板可能不同,调整 width=" %"来对应就可以了。
6 n( D$ r1 ^; I' z0 s( H' G8 B3 ?


( r- p7 S6 {2 g! M' m" l: Z. N7 T  ^* G4 B7 Y0 J0 h) Q% y
DIY时,会有框架字眼的显示,要然后去掉这个字眼呢?
6 H) r& Z) ?0 Q) d" [: `# @% I- a如下图说明;8 c3 N6 c% `" g& i) Z6 Q" Q6 {& L
A)点击框架的标题(注意是红色背景的编辑)——》去掉标题字眼就行了。去掉字眼后,B位置就会显示为白底。2 L6 N( a8 S( v) k5 J
C)要去掉框边,点击框架的样式,在指定class选择样式菜单里设置为无版块框架
7 L" q% J! r' N( I3 Y7 K9 V, K# f+ ~
网站简介

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