载入中
自定义HTML载入中... loading
和讯门户模块边框特效代码 [原创 2007-06-12 21:51:28]  删除... 
字体变小 字体变大
 

查看更多精彩图片
 
和讯模块边框特效代码
 

 查看更多精彩图片

查看更多精彩图片

返回博客技巧首页

本文介绍和讯网页门户模块边框特效代码】大家看到良曼的博客,博客的板面边框与从不同的效果,今天良曼整理了写给大家,博客和网页的每个模块边缘都有些细线,也就是边框,我们也可以在这些边框上做些不同的效果,比如颜色的改变,精细的改变,和款式的改变,或者将边框全部删除隐藏.这样出来的页面效果是焕然一新的.具体操作步骤方法如下:

 

 

div {

           overflow: hidden;

           

          

}

/* 边框颜色:开始 */

div { border-style: solid; 此处加上这段红色字代码, 可改边框样式.

    border-width: 1px; 此处加上这段红色字代码,数字大或小,可改边框粗细,

           border-color: #CECECE; 此处更换这段红色字可改边框颜色

}

 

a:hover {

           color: #333333;

           text-decoration: underline;

}

.PhotoTable a:link,#photoXiu a:link,.AlterRig a:link {

           color: #3975E3;

}

.PhotoTable a:visited,#photoXiu a:visited,.AlterRig a:visited {

           color: #3975E3;

}

#allTags a:link {

           color: #333333;

}

#allTags a:visited {

           color: #333333;

}

a.PageNextSelected :link {

           color: #FF0000;

}

a.PageNextSelected:visited {

           color: #FF0000;

}

a.Alter :link {

           color: #3975E3;

}

a.Alter:visited {

           color: #3975E3;

}

 

/* 边框颜色:开始

.all_bar,#header,#navi_bar,.side_block,#alter,.side_title,.tag,.tag_list div,.Slist,.message_list,.allFriend,.QuickLink_search input,.Article,.ArticleTitle,.BkMark,.BkMarkTitle,.PageSkip,.Column,.FriendTableList,.FriendBlock,.FriendTableList_1,.FriendTableList_3{

  

}

   边框颜色:结束 */

.all_bar{

           float: left;

           padding-right: 12px;

           padding-left: 12px;

           border-right-width: 1px;

           border-right-style: solid;

}

.alter {

           padding-left: 10px;

           border-bottom-width: 1px;

           border-bottom-style: solid;

           line-height: 26px;

           height: 26px;

}

.allFriend {

           line-height: 28px;

           text-align: center;

           height: 28px;

           border-top-width: 1px;

           border-top-style: solid;

 

说明:首先进入你门户管理后台→个人门户-→模板选择→自订义CSS里面找到如上代码:

将solid更换成下图中的字母就可将模块的边框换成所相对应的边框款式.

可以自由设置你所想更换的模块边框.

查看更多精彩图片

良曼小贴土:如要清除门户所有的边框线将Width:1x这个1字改为0就可以了.博友会发现要是全页面的模块边框都要清除,在自定义CSS有太多的Width:1x;要一一更换很费时,

其实有个方法很简单,只需将[自定义CSS]里CTRL+A全选→再CTRL+C复制→CTRL+V粘贴在WORD文档中,运用[编缉]里的[查找与替换]的功能就可一次性搞定,再复制粘贴回[自定义CSS]里面就行了.

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

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

(来源:良曼网络 编缉:良曼


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

分类: 博客技巧
所属版块: 科技
票数:
什么是“我顶”?
点击数:    评论数:
本文章引用通告地址(TrackBack Ping URL)为:
本文章尚未被引用。
发表评论
大 名:
(不填写则显示为匿名者)
网 址:
(您的网址,可以不填)
标 题:
内 容:
请根据下图中的字符输入验证码:
(您的评论将有可能审核后才能发表)
和讯个人门户 v1.0 | 和讯部落 | 客服中心