查看文章
 
制作百度空间引导页
2007-06-08 10:53 A.M.

             百度空间引导页可能对于大家来说还是比较陌生吧,当我们看几个空间引导页的例子后,相信你也想拥有一个空间引导页。
石头的空间引导页:http://hi.baidu.com/loveqrr

肆然的引导页: http://hi.baidu.com/qran

edikid的引导页:http://hi.baidu.com/edikidcss

如果你也想拥有一个自己空间的引导页,就按照下面的步骤;
1.再申请一个百度帐号,申请好后开通百度空间,下面我以protolysis123-空间名protolysistest为例。
进入空间后将所有的模板关闭,只剩下自定义模板一
2选择然后选择模式
再将自定义模板一拖到空间的中心(切记
3编辑自定义模板一,模板名称:输入空白符号。
请调出智能ABC,打v1 再按1,或者你可以复制“ ”这个符号(引号中是有符号的)
将链接名称和描述全变成“ ”,链接当然是书你的原空间,就得到如下效果
4。就关键的一步了,就是编辑css
把原来的代码全部用下面代码代替

                                                                                                   

body{font-family:Georgia;;background:#000000;background:url

(/*引导页图片链接,请自己加图片,建议用壁纸*/
) left top;
background-repeat:no-repeat}*整个引导页图片链接,请自己加素材*/

/*头部*/
div#header div.tit{display:none;}
#header{height:252px ; padding-left:120px;background:url() no-repeat;margin-left:98px;margin-right:0px}
#header div.tit{top:70px;left:70px;padding-right:0px;line-height:28px;font-size:30px;font-family:Comic Sans MS;}
#header div.tit a.titlink{color:#000;text-decoration:none}
#header div.tit a.titlink:visited{color:#000;text-decoration:none}

#header div.desc{top:40px;right:150px;color:#000;font-size:14px;font-family:Kristen ITC}

/*导航栏*/
div#tab{display:none;}
#tabline{display:none}
#tab{top:129px;background:url() no-repeat;margin-left:-90px }
#tab a.on,#tab a.on:link,#tab a.on:visited{font-size:14px;background-color:none;color:#666}
#tab a.on:hover{color:#000;background-color:none ;text-decoration:underline;}
#tab span{display:none}
#tab a:link{font-size:14px;color:#000;text-decoration:none;}
#tab a:visited{font-size:14px;color:#000;text-decoration:none;}
#tab a:hover{color:#000;background-color:none;text-decoration:underline;}

#tab2{background:none}
#tab2 span{display:none}
#tab2 a{font-size:12px}
#tab2 a:link{color:#000;text-decoration:none;}
#tab2 a:visited{color:#000;text-decoration:none;font-size:12px;font-family:Georgia}
#tab2 a:hover{color:#00;background:none;text-decoration:underline;}

/*网页结构*/
.stagepad {width:742px;;margin-left:117px;background:#0000000;margin-top:-10px}

.stagepad a:link{text-decoration:none;font-weight:bold}
.stagepad a:visited{text-decoration:none;font-weight:bold}

#layout {width:742px;margin-left:117px;background:#000000;margin-top:-10px;padding-top:10px;background:transparent}

#layout td.c2t3{padding-right:5px;width:220px}
#layout td.c2t1{padding-left:14px;padding-right:0px;width:100%;}
#layout td.c2t2{width:6px;border-left:#cccccc dotted 1px }
#layout td.c3t3{padding-left:66px;}
#comm_info{color:#916C6C;font-family:Georgia;text-align:left;padding-top:19px;TEXT-INDENT: 18px;}
#layout td.c3t5{background:url( /*自己空间的logo,可以不加*/ ) no-repeat bottom right}
#comm_info div.line{margin-top:0px;border-top:0px solid #5C85BB;}
#comm_info a{color:#916C6C;text-decoration:none;}
#comm_info a:visited{color:#916C6C;text-decoration:none}

#page{height:30px;font-size:12px;font-family:Georgia;text-align:center}
#page span{padding:3px;color:#660000;font-size:13px;font-weight:bold}
#page a.pc{color:#916C6C;font-size:14px;font-weight:bold}
#page a.pc:visited{color:#916C6C}
#page a.pi{padding:3px;color:#916C6C;font-size:13px}
#page a.pi:visited{color:#916C6C}

/*其它区域(即访问量等信息)*/
#comm_info{color:#000; font-family:Georgia; text-align:left}
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px dotted #E4E2D}
#comm_info a{color:#000}

/*模块*/
.mod{margin-bottom:10px;margin-top:10px}
.modhandle{cursor:move}
.modth{height:24px}
.modhead{padding:4px 4px 0 4px}
.modopt{padding:4px 4px 0 0}
.modtit{color:#333;font-size:14px;font-weight:bold}a.modtit{color:#000}a.modtit:visited{color:#000}
.modtitlink{color:#000;font-size:14px;font-weight:bold}a.modtitlink{color:#000;text-decoration:none}a.modtitlink:visited{color:#000;text-decoration:none}a.modtitlink:hover{color:#000;text-decoration:underline}

/*自定义模板一*/
#m_mylink1 div.item{color:#666;line-height:18px;font-size:13px;font-family:Georgia}
#m_mylink1 div.item a{color:#226DDD;line-height:18px;font-size:13px;font-family:Georgia; text-decoration:none}
#m_mylink1 div.item a:visited{color:#226DDD;text-decoration:none}
#m_mylink1 div.item a:hover{color:#445F88;text-decoration:underline;}
#m_mylink1 div.line{margin-top:5px;line-height:8px;border-top:1px dotted #E4E2DA}
#m_mylink1 {background:transparent;padding-bottom:100px}
#mod_mylink1 .modtit{display:none}
#m_mylink1 div.item a:link,#m_mylink1 div.item a:visited{
background:url(
http://hiphotos.baidu.com/loveqrr/pic/item/15b748229304cca14623e892.jpg
/*链接按钮图片,图片是双层的*/
) no-repeat;
height:80px;
width: 200px;
background-position:center 0;
text-decoration:none
}#m_mylink1 div.item a:hover{background-position:center -80px;
;}
#m_mylink1 div.line{display:none;}

我的空间引导页:http://hi.baidu.com/protolysistest



后记:这篇文章写了4个多小时,本来从不知道还有空间引导页这回事,但当我第一次看到“肆然”的空间引导页后,大概就知道怎么做了。But 实际就是实际,真正自己操作起来还是很麻烦。在此感谢“肆然”给我的灵感。如果你要转载此文,请注明出处http://hi.baidu.com/protolysis,毕竟写一篇文章还是很累的,谢谢。

           还有一点,如果你做出了空间引导页,希望你能把你的链接给我一下,让我也分享一下你的空间,也算是给作者一点鼓励。

补充:   范例(我的那个空间引导页):

  可以照着一步一步改就行了——这是最简单的方法了。

body{font-family:Georgia;;background:#000000;background:url(http://hiphotos.baidu.com/protolysistest/pic/item/b0d35e38d529d9f4b311c764.jpg) center top;}

/*头部*/
div#header div.tit{display:none;}
#header{height:323px ; padding-left:120px;background:url() no-repeat;margin-left:98px;margin-right:0px}
#header div.tit{top:70px;left:70px;padding-right:0px;line-height:28px;font-size:30px;font-family:Comic Sans MS;}
#header div.tit a.titlink{color:#000;text-decoration:none}
#header div.tit a.titlink:visited{color:#000;text-decoration:none}

#header div.desc{top:40px;right:150px;color:#000;font-size:14px;font-family:Kristen ITC}

/*导航栏*/
div#tab{display:none;}
#tabline{display:none}
#tab{top:129px;background:url() no-repeat;margin-left:-90px }
#tab a.on,#tab a.on:link,#tab a.on:visited{font-size:14px;background-color:none;color:#666}
#tab a.on:hover{color:#000;background-color:none ;text-decoration:underline;}
#tab span{display:none}
#tab a:link{font-size:14px;color:#000;text-decoration:none;}
#tab a:visited{font-size:14px;color:#000;text-decoration:none;}
#tab a:hover{color:#000;background-color:none;text-decoration:underline;}

#tab2{background:none}
#tab2 span{display:none}
#tab2 a{font-size:12px}
#tab2 a:link{color:#000;text-decoration:none;}
#tab2 a:visited{color:#000;text-decoration:none;font-size:12px;font-family:Georgia}
#tab2 a:hover{color:#00;background:none;text-decoration:underline;}

/*网页结构*/
.stagepad {width:742px;;margin-left:117px;background:#0000000;margin-top:-10px}

.stagepad a:link{text-decoration:none;font-weight:bold}
.stagepad a:visited{text-decoration:none;font-weight:bold}

#layout {width:742px;margin-left:117px;background:#000000;margin-top:-10px;padding-top:10px;background:transparent}

#layout td.c2t3{padding-right:5px;width:220px}
#layout td.c2t1{padding-left:14px;padding-right:0px;width:100%;}
#layout td.c2t2{width:6px;border-left:#cccccc dotted 1px }
#layout td.c3t3{padding-left:72px;}
#comm_info{color:#916C6C;font-family:Georgia;text-align:left;padding-top:19px;TEXT-INDENT: 18px;}
#comm_info div.line{margin-top:0px;border-top:0px solid #5C85BB;}
#comm_info a{color:#916C6C;text-decoration:none;}
#comm_info a:visited{color:#916C6C;text-decoration:none}

#page{height:30px;font-size:12px;font-family:Georgia;text-align:center}
#page span{padding:3px;color:#660000;font-size:13px;font-weight:bold}
#page a.pc{color:#916C6C;font-size:14px;font-weight:bold}
#page a.pc:visited{color:#916C6C}
#page a.pi{padding:3px;color:#916C6C;font-size:13px}
#page a.pi:visited{color:#916C6C}

/*其它区域(即访问量等信息)*/
#comm_info{color:#000; font-family:Georgia; text-align:left}
#comm_info div.line{margin-top:5px;line-height:8px;border-top:1px dotted #E4E2D}
#comm_info a{color:#000}

/*模块*/
.mod{margin-bottom:10px;margin-top:10px}
.modhandle{cursor:move}
.modth{height:24px}
.modhead{padding:4px 4px 0 4px}
.modopt{padding:4px 4px 0 0}
.modtit{color:#333;font-size:14px;font-weight:bold}a.modtit{color:#000}a.modtit:visited{color:#000}
.modtitlink{color:#000;font-size:14px;font-weight:bold}a.modtitlink{color:#000;text-decoration:none}a.modtitlink:visited{color:#000;text-decoration:none}a.modtitlink:hover{color:#000;text-decoration:underline}

/*操作文字链接*/
a.modact{color:#000;font-size:12px;font-family:Georgia; text-decoration:none}
a.modact:link{color:#000}
a.modact:visited{color:#000}
a.modact:hover{color:#000;;text-decoration:underline}

/*模块内容区*/
.modbox{padding:10px 10px 0 10px;background-color:none}
.modtl{background:none}
.modtc{background:none}
.modtr{background:none}
.modbl{background:none}
.modbc{background:none}
.modbr{background:none}

/*文章区域*/
#m_blog div.tit{font-size:16px;font-weight:bold;font-family:Georgia}
#m_blog div.tit a{color: #000;font-size:16px;font-weight:bold;text-decoration:none;font-family:Georgia}
#m_blog div.tit a:visited{color:#000;text-decoration: none;font-family:Georgia}
#m_blog div.tit a:hover{color: #226DDD;}
#m_blog div.date{margin:5px 0 8px 0;color:#666;font-size:12px;font-family:Georgia}
#m_blog div.cnt{color:#555;line-height:20px;font-size:13px;font-family:Georgia}
#m_blog div.cnt a{color:#226DDD;line-height:20px;text-decoration:none;font-size:14px;font-family:Georgia}
#m_blog div.cnt a:visited{color:#226DDD;line-height:20px;text-decoration:none;font-size:13px;font-family:Georgia}
#m_blog div.cnt a:hover{color:#445F88;background:none;text-decoration:underline;}    

/*文章内容中的链接*/
#m_blog div.cnt pre{background:#none;color:#000;margin-left:10px;margin-right:3px;border-left:8px #C4C4C4 solid;font-family:Georgia}
#m_blog div.more{margin:14px 0 16px 0}
#m_blog div.more a{color:#226DDD;font-size:12px;font-family:Georgia; text-decoration:none}
#m_blog div.more a:visited{color:#226DDD;text-decoration:none}
#m_blog div.more a:hover{color: #445F8;text-decoration:underline}
#m_blog div.opt{color:#226DDD;font-size:12px;text-decoration:none; font-family:Georgia;}
#m_blog div.opt a{color:#226DDD;font-size:12px;font-family:Georgia; text-decoration:none}
#m_blog div.opt a:visited{color:#226DDD}
#m_blog div.opt a:hover   {color: #445F8;;text-decoration:underline}
#m_blog div.line{margin-top:17px;line-height:17px;border-top:1px dotted #E4E2DA}
#m_blog div.none{padding:100px 0 100px 0;color:#000;font-size:14px}

/*个人档案区域*/

#m_pro a{color:#226DDD;font-family:Georgia; text-decoration:none}
#m_pro a:visited{color:#226DDD;text-decoration:none}
#m_pro a:hover{color:#445F88;text-decoration:underline;}
#m_pro div.image{text-align:center}
#m_pro div.act{margin-top:0px}
#m_pro div.user{display:none;margin-top:0px;color:#000;font-size:12px;font-weight:bold;font-family:Georgia}
#m_pro div.desc{color:#666;font-size:13px;font-family:Georgia}
#m_pro div.line{margin-top:17px;line-height:17px;border-top:1px dotted #E4E2DA}
#m_pro td{color:#666;line-height:24px;font-size:14px;font-family:Georgia;}

/*相册区域*/
#m_album div.image{text-align:center}
#m_album div.page{color:#666;font-size:12px;text-align:center}
#m_album div.page a{color:#666;font-size:12px}
#m_album div.page a:visited{color:#666}

/*友情链接区域*/
#m_links div.item{color:#666;font-size:12px; font-family:Georgia;}
#m_links div.item a{color:#226DDD;font-size:13px;font-weight:normal;font-family:Georgia;text-decoration:none}
#m_links div.item a:visited{color:#226DDD;text-decoration:none}
#m_links div.item a:hover{color:#445F88;text-decoration:underline;}
#m_links div.line{margin-top:5px;line-height:8px;border-top:1px dotted #E4E2DA}

/*公告*/
#m_mylink1 div.item{color:#666;line-height:18px;font-size:13px;font-family:Georgia}
#m_mylink1 div.item a{color:#226DDD;line-height:18px;font-size:13px;font-family:Georgia; text-decoration:none}
#m_mylink1 div.item a:visited{color:#226DDD;text-decoration:none}
#m_mylink1 div.item a:hover{color:#445F88;text-decoration:underline;}
#m_mylink1 div.line{margin-top:5px;line-height:8px;border-top:1px dotted #E4E2DA}

#m_mylink2 div.item{color:#666;font-size:12px;font-family:Georgia;}
#m_mylink2 div.item a{color:#226DDD;font-size:12px;font-family:Georgia; text-decoration:none}
#m_mylink2 div.item a:visited{color:#226DDD;text-decoration:none}
#m_mylink2 div.item a:hover{color:#445F88;text-decoration:underline;}
#m_mylink2 div.line{margin-top:5px;line-height:8px;border-top:1px dotted #E4E2DA}

#m_mylink3 div.item{color:#666;font-size:13px;font-family:Georgia;}
#m_mylink3 div.item a{color:#226DDD;font-size:13px;text-decoration:none;font-family:Georgia;}
#m_mylink3 div.item a:visited{color:#226DDD;font-size:14px;text-decoration:none}
#m_mylink3 div.item a:hover{color:#445F88;text-decoration:underline;}
#m_mylink3 div.line{margin-top:5px;line-height:8px;border-top:1px dotted #E4E2DA}

#m_mylink4 div.item{color:#666;font-size:12px;font-family:Georgia;}
#m_mylink4 div.item a{color:#226DDD;font-size:12px;text-decoration:none;font-family:Georgia;}
#m_mylink4 div.item a:visited{color:#226DDD;text-decoration:none}
#m_mylink4 div.item a:hover{color:#445F88;text-decoration:underline;}
#m_mylink4 div.line{margin-top:5px;line-height:8px;border-top:1px dotted #E4E2DA}

/*文章分类*/
#m_artclg div.item{color:#666 ;font-size:13px;font-family:Georgia;}
#m_artclg div.item a{color:#226DDD;font-size:13px;font-family:Georgia; text-decoration:none}
#m_artclg div.item a:visited{color:#226DDD;text-decoration:none}
#m_artclg div.item a:hover{color:#445F88;text-decoration:underline;}

#m_artclg div.line{margin-top:5px;line-height:8px;border-top:1px dotted #E4E2DA}

/*文章存档*/
#m_filed div.item{color:#666 ;font-size:14px;font-family:Georgia;}
#m_filed div.item a{color:#226DDD;font-size:13px;font-family:Georgia; text-decoration:none}
#m_filed div.item a:visited{color:#226DDD;font-family:Georgia;text-decoration:none}
#m_filed div.item a:hover{color:#445F88;tfont-family:Georgia;ext-decoration:underline;}
#m_filed div.line{margin-top:5px;line-height:8px;border-top:1px dotted #E4E2DA}

/*最新评论区域*/
#m_comment div.item{color:#000;font-size:12px;font-family:Georgia;}
#m_comment div.item a{color:#226DDD;font-size:12px;font-weight:bold;font-family:Georgia;text-decoration:none}
#m_comment div.item a:visited{color:#226DDD;text-decoration:none}
#m_comment div.item a:hover{color:#445F88;text-decoration:underline;}

#m_comment div.item a.cnt{color:#666;font-size:12px;font-family:Georgia; font-weight:lighter ;text-decoration:none}
#m_comment div.item a.cnt:visited{color:#666;text-decoration:none}
#m_comment div.item a.cnt:hover{color:#445F88;text-decoration:underline;}
#m_comment div.line{margin-top:5px;line-height:8px;border-top:1px dotted #E4E2DA}

/*相册列表*/
#m_albumlist div.note{color:#6F6F6F;font-size:14px;font-family:宋体; }
#m_albumlist div.desc{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#FFFFFF;font-size:14px;font-family:宋体; }
#m_albumlist div.none{padding:100px 0 100px 0;color:#333;font-size:14px;font-family:宋体; }
#m_albumlist div.line{margin-top:10px;line-height:16px;border-top:1px dotted #0997F7}
#m_albumlist div.tit{margin:6px 0 7px 0;color:#333;font-size:14px;font-family:宋体; }
#m_albumlist div.tit a{color:#333;font-size:14px;font-family:宋体;text-decoration:none}
#m_albumlist div.tit a:visited{color:#333;text-decoration:none}
#m_albumlist div.tit a:hover{color:#0997F7;background-color:##BBBBBB;text-decoration:underline;}
#m_albumlist span.count{color:#0997F7;font-size:12px;font-family:宋体;font-weight:bold}
#m_albumlist span.size{color:#0997F7;font-size:12px;font-family:宋体}
#m_albumlist a.act{color:#0997F7;font-size:12px;font-family:宋体;}
#m_albumlist a.act:visited{color:#0997F7}
#m_albumlist a.page{color:#000;font-size:14px;font-family:宋体;}
#m_albumlist a.page:visited{color:#000}
#m_albumlist td.image{padding:5px;border:1px solid #0997F7;background:#0997F7}

/******相册第一层******/
#m_albumlist{width:100%;padding-top:10px;background: url();} /*相册区域背景*/
#m_albumlist div.note{color:#333333;font-size:12px;}
#m_albumlist div.desc{padding:5px 10px 10px 20px;line-height:22px;font-size:12px;} /*相册简介*/
#m_albumlist div.none{} /*无照片提示信息*/
#m_albumlist a img{width:160px;border:1px solid #999999;filter:alpha(opacity=80);} /*小相册的封面图*/
#m_albumlist a:hover img{border:1px solid #333333;filter:alpha(enabled=0);} /*悬停效果*/
#m_mylink1 {background:transparent}
#mod_mylink1 .modtit{display:none}
#m_mylink1 div.item a:link,#m_mylink1 div.item a:visited{
background:url(http://hiphotos.baidu.com/anyqrr/pic/item/aa37c3803f1cf9d39123d916.jpg) no-repeat;
height:43px;
width: 142px;
background-position:center 0;
text-decoration:none
}#m_mylink1 div.item a:hover{background-position:center -43px;}
;}
#m_mylink1 div.line{display:none;}


类别:电脑||添加到搜藏 |分享到i贴吧|浏览(2392)|评论 (0)
 
最近读者:
 
网友评论:
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
     

   
帮助中心 | 空间客服 | 投诉中心 | 空间协议
©2012 Baidu