在根据大唐邻居的指点下,良曼终于完成个人门户头部的美化,大家都知道和讯博客头部有一个和讯地址栏,显示着“http://hexun.com/***复制收藏 手机看个人门户 和讯博客 和讯首页 ”等链接,和下面的标签栏,导航栏,这是和讯的推广,当然也是为了博主方便去和讯首页和博客。但如果你的背景色和背景图片主色搭配不好的话,似乎影响美观了。可不可以去除或隐藏“地址栏,标签栏,导航栏”呢?只需下面的方法就立即实现.
第一种方法:
说明:进入模板选择→自定义模板→头部自定义将颜色框里的字母全删除即可.如下:
地址栏背景颜色:
0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}">
地址栏文字颜色:
0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}">
声音文字颜色:
0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}">
导航条背景颜色:
0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}">
导航条文字颜色:
0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}">
标签背景颜色:
0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}">
标签文字颜色:
0 && image.height>0){if(image.width>=700){this.width=700;this.height=image.height*700/image.width;}}">
第二种方法:
说明:进入模板选择→自定义模板→自定义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:后面的二个红色数字改为一样,也就是将你更改后的高度改为模板初始之前的高度,即可.
没有评论:
发表评论