载入中
自定义HTML载入中... loading
和讯门户完全修改头部代码 [原创 2007-06-02 07:45:15]   
字体变小 字体变大
 

查看更多精彩图片
和讯门户完全修改头部代码
  

 查看更多精彩图片

【本文介绍和讯门户首页完全修改头部背景详细解说及代码】在根据大唐邻居的指点下,良曼终于完成个人门户头部的美化,大家都知道和讯博客头部有一个和讯地址栏，显示着“http://hexun.com/***复制|收藏 |手机看个人门户 和讯博客| 和讯首页 ”等链接，和下面的标签栏,导航栏,这是和讯的推广，当然也是为了博主方便去和讯首页和博客。但如果你的背景色和背景图片主色搭配不好的话，似乎影响美观了。可不可以去除或隐藏“地址栏,标签栏,导航栏”呢？只需下面的方法就立即实现. 

第一种方法:
说明：进入模板选择→自定义模板→头部自定义将颜色框里的字母全删除即可.如下:

地址栏背景颜色：       
地址栏文字颜色：       
   
声音文字颜色：       
导航条背景颜色：       
导航条文字颜色：       
标签背景颜色：       
标签文字颜色：       

 

查看更多精彩图片

第二种方法:
说明：进入模板选择→自定义模板→自定义CSS,找到如下代码:
 

 

/*地址栏文字颜色*/
color:#FFFFFF;}#header #site_title a:visited {
color:#FFFFFF;}#header #site_title {
 line-height: 31px;
 height: 31px;
 padding-right: 10px;
 
background-color:#F0F8FF;}.

 

上面代码数字部分：
1.将 height: 31px 改为 height: 0px，则实现隐藏地址栏；
2..将 line-height: 31px 改为 line-height: 0px，则实现隐藏地址栏文字；
3.将 background-color:#F0F8FF（代表地址栏背景色），如果删除，则实现地址栏透明；这个方法既保留了地址栏，又不影响头部背景图的展示。
4.修改好了吗？那就按“保存”吧。

 查看更多精彩图片
头部的导航背景和头部标签也可实现删除或者隐藏 
很多博友会发现门户的头部高度和博客里的高度有所差距,那是因为门户有条标签栏,所以只要将此栏删除或者隐藏即可,
说明：进入模板选择→自定义模板→自定义CSS,找到如下代码:
 

 

/*标签文字颜色*/
color:#000000;}#header #tag_bar a:visited {   
color:#000000;}#header #tag_bar {
 line-height: 31px;
 height: 31px;
 width: 914px;
 padding-right: 10px;
 padding-left: 10px;

 
说明:只要相应修改 “ /*标签文字颜色*/”“/*导航背景*/ ”后面跟着的 height: 31px （改为：height: 0px） line-height: 31px（改为：line-height: 0px ） background-color:#F0F8FF （删除#F0F8FF）效果和意义同上.
 
查看更多精彩图片
特别提示: 
因为很多博友为了让背景全显示都将头部的背景的高度有所更改,这样虽然采用了上面的方法,仍然是头部高度和博客里的高度是不同的,所以就必须进入模板选择→自定义模板→自定义CSS,找到如下代码:
 
 

 

width:956px;
}#header {
/*顶部*/
 height:270px;
 width: 934px;
 margin-right: 10px;
 margin-left: 10px;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
background-image:url(http://photos.album.mop.com/c03/47/22/2a/7e882a/1180417480578.jpg);background-position:right top;}#header .site_description {
 height:270px;
 width: 924px;
 padding-left: 10px;
 font-size: 21px;
 font-weight: bold;
}.site_description_A{
    margin-top:20px;
 margin-left:35px;
}.site_description_B{
    margin-top:2px;
    margin-left:32px;
 font-weight:normal;
}.topIframe {
/*Iframe*/
 height:274px !important;
}#header #navi_bar {
/*导航背景*/

 
说明:把上下height:后面的二个红色数字改为一样,也就是将你更改后的高度改为模板初始之前的高度,即可.

更多相关文章:
→博客鼠标特效代码(最新)
→鼠标碰上链接不断变色的代码 　
→怎样寻找音乐和动画flash的地址的方法
→博客动态头像制作及代码 　　
→和讯门户首页博客文章标题图标代码
→透明FLASH特效地址大全
→欢迎光临，制作声音代码 　　
→动态日志背景外框（更新）
→欢迎光临，制作声音代码
→和讯日志幻灯片播放特效代码

 博客网各种特效代码检测生成运行工具

（来源:网络 编缉:良曼）


对良曼博客有何意见或疑问请进入吧!想给我E-mail就点此吧!返回良曼博客首页看更多文章
欢迎您再来光临!谢谢你的阅读!你在本頁已停留 分秒

标签: 模板 进入模板吧   科技 进入科技吧   技巧 进入技巧吧   flash 进入flash吧   代码 进入代码吧   网页 进入网页吧   CSS 进入CSS吧   博客技巧 进入博客技巧吧   特效 进入特效吧   源代码 进入源代码吧  
分类: 博客技巧
所属版块: 科技
票数：
我顶
什么是“我顶”？
[收藏到我的网摘]
[推荐] | [评论] | [举报] | [打印]
点击数:    评论数:
本文章引用通告地址(TrackBack Ping URL)为:
本文章尚未被引用。
发表评论
大 名:
(不填写则显示为匿名者)
网 址:
(您的网址，可以不填)
标 题:
内 容:
请根据下图中的字符输入验证码：
(您的评论将有可能审核后才能发表)
和讯个人门户 v1.0 | 和讯部落 | 客服中心