怎么设计⾃⼰的博客园个⼈⾸页
1.⾸先,我们点进⾃⼰博客的管理的设置选项,如下图:
2.选择⼀个时区和国家(这个不影响后续的设计……),在博客⽪肤处选择⼀个⾃⼰喜欢的主题风格。
3.个⼈主页的主题部分的设置
在博客⽪肤下⽅有个“页⾯定制CSS代码”,此处就是我们的主要战场,因为你的个⼈主页的⼤致框架就是在这⾥实现的,⽽实现⽅式则是在下⽅的⽅框中填写CSS代码,通过各个属性来进⾏协调控制。这个主要靠⾃⼰来实现,因为每个⼈的喜好风格⼤都不同,不过如果实在不会写的话可以去⽹上搜下别⼈的代码,然后将属性进⾏修改也⾏。(下⽅为我的代码)
1#site_nav_under {
2display: none;
3 }
4.c_ad_block, .ad_text_commentbox {
形容人的贬义词5display: none;
6margin: 0;
7padding: 0;
8 }
9#ad_under_google {
10height: 0;
11overflow: hidden;
12 }
13#ad_under_google a {
14display: none;
15 }
16#home {
17margin: 0 auto;
18width: 65%;
19min-width: 950px;
20background-color: #fff;
21padding: 30px;思念的滋味
22margin-top: 30px;
23margin-bottom: 50px;
24box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
25 }
26#blogTitle {
27height: 60px;
28clear: both;
29 }
30#navigator {
31font-size: 13px;
32border-bottom: 1px solid #ededed;
侍神令演员表33border-top: 1px solid #ededed;
34height: 50px;
35clear: both;
36margin-top: 25px;
37 }
38#blogTitle h2 {
39font-weight: normal;
40font-size: 18px;
41font-size: 1.18571429rem;
42line-height: 2.546153846;
43color: #757575;
44float: left;
45 }
46
47body{
48background-image:url("timgsa.baidu/timg?
image&quality=80&size=b9999_10000&sec=1519917822425&di=588e6805714d43b991fb54c928fad76e&imgtype=0&src=http%3A%2F%2Fpic1.win400 0%2Fwallpaper%2F6%2F53bb63533c313.jpg");
49background-repeat:no-repeat;
50background-size:100%;
51background-attachment: fixed;
52filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;
53 }
ps.body⾥⾯的background-image:url后⾯引号内的那⼀串为你所选择的图⽚的URL码,将我的那个修改成你⾃⼰喜欢的图⽚的URL码即可~代码最后的三个属性为不透明度,⾃⼰调为⾃⼰喜欢的不透明度即可。
4.公告栏
送点⼲货。
何云伟婚姻仓⿏代码:
1<object type="application/x-shockwave-flash" data="cdn.abowman/widgets/hamster/hamster.swf?
up_bodyColor=f0e9cc&up_feetColor=D4C898&up_eyeColor=000567&up_wheelSpokeColor=DEDEDE&up_wheelColor=FFFFFF&a mp;up_waterColor=E0EFFF&up_earColor=b0c4de&up_wheelOuterColor=FF4D4D&up_snoutColor=F7F4E9&up_bgColor=F0E4E4& amp;up_foodColor=cba920&up_wheelCenterColor=E4EB2F&up_tailColor=E6DEBE&" width="200" height="160">
2<param name="movie" value="cdn.abowman/widgets/hamster/hamster.swf?
up_bodyColor=f0e9cc&up_feetColor=D4C898&up_eyeColor=000567&up_wheelSpokeColor=DEDEDE&up_wheelColor=FFFFFF&a mp;up_waterColor=E0EFFF&up_earColor=b0c4de&up_wheelOuterColor=FF4D4D&up_snoutColor=F7F4E9&up_bgColor=F0E4E4& amp;up_foodColor=cba920&up_wheelCenterColor=E4EB2E&up_tailColor=E6DEBE&">
3<param name="AllowScriptAccess" value="always">
4<param name="wmode" value="opaque"></object>
5<span >求投⾷~(点图即可)</span>
时钟:
1<object id="honehoneclock" width="200" height="100" align="middle"
codebase="fpdownload.macromedia/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
2<param value="always" name="allowScriptAccess">
3<param value="jp/blogparts/honehoneclock/honehone_clock_tr.swf" name="movie">
4<param value="high" name="quality">
5<param value="#ffffff" name="bgcolor">
6<param value="transparent" name="wmode">
7<embed width="200" height="100" align="middle" pluginspage="www.macromedia/go/getflashplayer" type="application/x-shockwave-flash" allowscriptaccess="always" name="honehoneclock" bgcolor="#ffffff" quality="high"
黄山旅游注意
src="jp/blogparts/honehoneclock/honehone_clock_tr.swf" wmode="transparent">
8</object></pre></pre></pre></pre>
5.页⾸和页尾
这部分内容就靠⾃⼰了,我也没有什么好的提议……
6.访客量的统计
这个有专门的⽹页负责统计的,我在这⾥推荐两个(、),在那上⽅注册后它会⾃动⽣成html代码,然后你把它copy过来即可,⾄于放的位置可以随意,页⾸页尾都可以,公告栏也⾏~
差不多就是这些啦~希望我的博客能够帮到你,让你设计出⾃⼰喜欢的个⼈主页~初一数学下册期中试卷
发布评论