扬帆之翼 2007-5-2 00:40
利用SS/XS模板自带空白模板打造个性博客
利用SS/XS模板自带空白模板打造个性博客
1@neNl*t-?
lFLn])V
空间管理---->模板----->我的空白模板 如图:[img]http://www.discuz.net/attachments/month_0704/20070428_08f0885c7f77955ddcf2NstmGadt8Put.jpg[/img]0hW6R!G;PmHis!I~
[url=http://www.otomedream.com/blog/spacecp.php?action=usertemplates&op=myblock]http://www.otomedream.com/blog/spacecp.php?action=usertemplates&op=myblock[/url];T'R#c
Uwf?-Q8NH
jsQ!dWi0{
2007-4-28 12:44
z{~ k8[O0Q;kZ
,Y2v"v#L#b7Z(`W
Y"B5RDn|'Hv;a
a
r0C7I8C
现在我们开始简单的看下规则:
M-}&H4d1M\
[b][color=red]我的模块内容设置
Ca5`9k2DG%l}ms7\
[/color][/b] 您可以自己设定[color=blue]5个我的模块[/color]的标题和内容,填写的内容[color=blue]支持普通的html语言[/color],但[color=blue]不支持iframe、JavaScript等脚本[/color]调用标题最多填写50个字符(25个汉字),内容最多填写1000个字符(500个汉字) .:p:C4L5M2bz
C
2Y4f^%w
x
我们可以利用[color=red]HTML语言,[/color][color=black]将个人博客打造的更人性化![/color] L2of Dt&` P
[color=#000000][/color]3ND&A+j5f"mV
[color=#000000]这个给大家一些简单代码:[/color]
D`)E;p2s2gn
[color=red][/color]
!me#W$P!}/\,a
[color=red]时间和日期代码:[/color]
e;G.dC(Z3L%f
[code]8\'{g%yrL
<img border=0
O0n w
Mr]
src="http://hongen.com/pub/date/date.png">
K-wl*KF1s
<img border=0wrd;lSX|*I
src="http://escati.linkopp.net/cgi-bin/clock.cgi?prgb=0000FFf&timezone=GMT+0800">
~S#Av6b&H7c5uJ
[/code]
iP6b6l|
[color=red]天气代码:[/color]
5}T2@8uvKvz$g
[color=#ff0000]西安代码[/color]ty2[,v-p*t"n u
[code]2N nX
H"V[6b
gt
<a href="http://firetear.com/weather"><img src="http://firetear.com/weather/weather.aspx?city=%u897F%u5B89&style=1" alt="查询及定制我的天气预报信息" border="0" /></a>
-P"wEcb*n(tt
[/code]
_e$TRX/tel
$cfR+y(d%tZ%p
[color=red]北京代码[/color]5w'c mPThu {
[code]
6oYSy:e
hXa@
<a href="http://firetear.com/weather"><img src="http://firetear.com/weather/weather.aspx?city=%u5317%u4EAC&style=1" alt="查询及定制我的天气预报信息" border="0" /></a>
8auQ\t'L(SD
[/code]w$V)]L'?YT7}
-^-qCb#tsC7Q
[color=red]广东代码[/color]
8RR,vfsaM
[code]"Blp2r&L`y&F+cE9a
<a href="http://firetear.com/weather"><img src="http://firetear.com/weather/weather.aspx?city=%u5E7F%u4E1C&style=1" alt="查询及定制我的天气预报信息" border="0" /></a>
Q(G$@C4Q+A
@XSm.d
[/code]
zcpOeRK9[U
.......(f2iJU~H3]c
%_%l"wx$lx|
hG
[color=red]添加图片:[/color]
yim z-XB
[code]-P9D'a}f8_
<img src=http://www.otomedream.com/images/apple/bottom_r.gif width=550 height=66>
6u ~ m*So"{3j;a\
[/code]
Y \#Rf L'S#c!?Z
p
其实,只要懂HTML语言,大家都能打造属于自己的个性空间!
eK9IY"Q
\*J5q2_8J
DhR"a-zA
记得要保存,和在显示那里保存[img]http://www.discuz.net/attachments/month_0704/20070428_da06fedb7b8dbdd8e6cf2YZYeGnIq9bc.jpg[/img]
yY|(ZMEc|6N
1E7yJ7zE
l
2007-4-28 12:44
u5zz-Ao
g[+xK(yqFl
{Y
!如图所示!否则博客首页不会出现我们添加的内容!gq{&@&~I
Ah'P/J+~'V ]&i
[img]http://www.discuz.net/attachments/month_0704/20070428_af913d883db546273ba8O4fXsGTzjMD4.jpg[/img]v-C.ft
j%S?'i
注意[url=http://www.discuz.net/attachments/month_0704/20070428_02a0344f20eee88a927feoYA02iTf4nk.jpg][img]http://www.discuz.net/attachments/month_0704/20070428_02a0344f20eee88a927feoYA02iTf4nk.jpg.thumb.jpg[/img][/url]
g
^O w+J4Wi)c
'mc l3W0k\
5xBW6M6F
[img]http://www.discuz.net/attachments/month_0704/20070428_8f64e1a006fdceb9522dfV1ODGdZ6QIH.jpg[/img]
&ICk4V$v"Ji8K6pF
[img]http://www.discuz.net/attachments/month_0704/20070428_2bb110165c5dbe6ae7f5Ak5DQbpHXZhp.jpg[/img] (H!Ul2^8rEt.r
7b~[ckMV
H `S0j7h h }3R6W
[url=http://www.21own.com/?15][color=red]演示空间[/color][/url]
d
y
`?F\hw
:nIz |NJ)R
效果示意图:
et.UX7`"[h
我加了 图片和时间代码 配合空间的日期!
!Sl}-ts4E
个人感觉还可以吧!大家有好的代码!可以一起分享!"k$qa}(eO
[url=http://www.discuz.net/attachments/month_0704/20070429_8dd208539fbaf93e1629yMIXhfJWmSef.jpg][img]http://www.discuz.net/attachments/month_0704/20070429_8dd208539fbaf93e1629yMIXhfJWmSef.jpg.thumb.jpg[/img][/url]
扬帆之翼 2007-5-2 00:42
您可以通过修改页面的css文件来改变页面的风格,这需要您对CSS语言有一定的了解。%R/|Q6q4A^[m
如果您在高级模式下面将自己的个人空间页面修改错乱,请使用系统的更换空间风格主题功能,选择一款系统内置的主题就可以了恢复正常了。
f$I-[%jF"}[
[url]http://www.otomedream.com/blog/spacecp.php?action=usertemplates&op=pro[/url]7fJUrI h
,Dw9Q'OrN:n
hQ*A9D?0Cg/G
我的空间我作主!通过空间DIY操作,您可以自己来指定空间要显示的模块。
q"@'},j/fP[ip
!X
GH(yFm0].Z/Qc4V
在可视化模板编辑页面中,您可以自由设置您的模板布局、背景图片、文件颜色等。
7q)U%q3X%o
k
"i(Fk6CT;Gw
支持鼠标拖拽,您可以拖拽各个模块,调整前后显示的顺序。D1u^2lT5b1Sr!N
[url]http://www.otomedream.com/blog/spacecp.php?action=usertemplates&op=dragmenu[/url]
伪女王の专用MJ 2007-5-2 01:45
啊...刚刚看到这个帖子的我好激动啊!!!果然我也是代码控么?!2L{AO-v Nqi+]Q
我想提问的是这个BO的代码开放到什么程度?完全自己编译?
(V)]/oWGgAx
O
ntC5R2Cc/_
那...我在DW里做的一切效果转换为代码模式都能实现?(OTL...我对做网页和做BO能不能混为一谈一直很不解 = =+)
[iVk}9?
2k1c#S7W.o0mqr0a ^K$[
OTL 我对天气预报之类兴趣不大,我只是想做一些比较RP奇怪的效果…… {8MQ.ZkB6E
盼答!
扬帆之翼 2007-5-2 02:10
填写的内容支持普通的html语言,但不支持iframe、JavaScript等脚本 当然如果你有时间兴趣可以自己做模板..我可以帮你上传到服务器,想改成什么样子就看你技术了(可以参考DZ官方论坛SS模板风格专区的技术帖子)
)i,C;r*K7T4[
zV8a3J*YL
CSS可以自己修改~也就是字体 格式 颜色 等全部可以自定义~!