谁能帮我做一下百度空间模块的边框

供稿:hz-xin.com     日期:2025-01-08
百度空间模块边框

.modbox{padding:10px 10px 0 10px;background-attachment;border-left:2px dashed #666666;border-right:2px dashed #666666;border-bottom:2px dashed #666666}

我替你弄?

这里有告诉你每个模块的位置

http://www.baidu.com/search/hi/hi_css.html

===============================================================
转载http://hi.baidu.com/huge/blog/item/cc50ad4bb0560af082025c3c.html

空间内各个模块边框的设置方法

CSS代码的第四个部分(以“.mod”打头的部分) ,就是用来设置空间内各个模块状态的。以前一直没搞懂是什么意思,今天终于搞明白啦,分别解释如下:

Padding:几乎在每一项的设置里都会提到这个词,它的意思是指定区域中文字或图象与边框的距离。

.modbox:这一行是用来设置每个模块内容的位置,以及模块的背景颜色,还有就是简单的线条边框,比如none(没有边框)dotted(点线边框)dashed(破折线边框)solid(直线边框)double(双线边框)等。

比如我的设置:.modbox{padding:10px 10px 0 10px;border-left:1px solid #9FA6AE;border-right:1px solid #9FA6AE} 意思是,模块内上下左右的边距分别为10px 10px 0 10px;左边框为实线,宽度1px,颜色#9FA6AE;右边框为左边框为实线,宽度1px,颜色#9FA6AE。如果想设置模块背景,在括号内加上“background-color:#六位颜色代码”就可以啦~~~~

如果要设置复杂一些的边框效果,就需要用到以下的部分了:

.modtl:模块上边框左角设置
.modtc:模块上边框中间部分设置
.modtr:模块上边框右角设置
.modbl:模块下边框左角设置
.modbc:模块下边框中间部分设置
.modbr:模块下边框右角设置
这部分的设置是可以使用图案的,比如,我在左上边框用了这个图案,中间部分用,右边用,全都设置好了以后就组合成一个完整的上边框了。具体的设置是这样的:
.modtl{background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/grandma/pic/item/6e4c14d8609f513733fa1c8f.jpg) no-repeat top left}

用相同的方法依次设置下边的就OK啦。

更多教程在此.请慢慢查看!

http://hi.baidu.com/%C5%A3%C5%A3%B5%C4%D4%BC%B6%A8/blog/category/%B0%D9%B6%C8%C4%A3%B0%E5vs%D0%A1%BC%BC%C7%C9

看一下.modbox{},这个其实就是模版当中一大块主体的代码:
可加入:border-left:1px solid #813533;border-right:1px solid #813533
其实就是模版左右两边边框线的设置代码,border-left是设置左边的边框线,border-right是设置右边的边框线
其中的1px就是设置边框线粗细的,大家如果不想要边框线,设置0就可以了
其中的solid是设置边框线的样式的,它的作用就是指定边框为实线边框

到于你下面的边框.我发现你的代码里多了/*...*/那里面刚好是注明边框的高度,去掉就好了,就像下面的代码
.modbl{background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/jiaon/pic/item/6e4de6dc039756a3cc11666f.jpg) no-repeat bottom left;width:52px;height:52px}
.modbc{background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/jiaon/pic/item/7aa4ad1ca5834d8987d6b692.jpg) repeat-x bottom;padding-top:1px}
.modbr{background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/jiaon/pic/item/09accf0069362113738b656f.jpg) no-repeat bottom right;width:52px;height:52px;position:relative;-index:-100;visibility:visible}

.modbox{padding:10px 10px 0 10px;background-color:#DDFFF8;border-left:1px;background:url(http://.....);border-right:1px;background:url(http://.....)}
类似这样的不行吗?

我技穷了~~我想是不能设置两个图片吧
不过可以用另外一种方法来实现带边框的模块
就是把中间那一块换成有边框的背景
但是很麻烦,得一个一个的去设置.例如:

//*友情链接*//

#mod_links.mod td.modbc{height:99px;width:0px;}
#mod_links.mod td.modbr{height:99px;width:0px;}
#mod_links.mod table.modth{height:94;width:290px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/e17bf9c460c28fa98226ac8f.jpg)}
#mod_links.mod{width:290px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/b9a6a5459b2e4e26cffca38f.jpg)}
#mod_links.mod td.modbl{width:290px;height:99px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/24a4b5efab0a5316fdfa3c10.jpg)}

#layout td.c2t3{width:300px;}

//*最新评论*//
#mod_comment.mod td.modbc{height:99px;width:0px;}
#mod_comment.mod td.modbr{height:99px;width:0px;}
#mod_comment.mod table.modth{height:94;width:290px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/e17bf9c460c28fa98226ac8f.jpg)}
#mod_comment.mod{width:290px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/b9a6a5459b2e4e26cffca38f.jpg)}
#mod_comment.mod td.modbl{width:290px;height:99px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/24a4b5efab0a5316fdfa3c10.jpg)}

//*其它*//
#comm_info.mod td.modbc{height:99px;width:0px;}
#comm_info.mod td.modbr{height:99px;width:0px;}
#comm_info.mod table.modth{height:94;width:290px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/e17bf9c460c28fa98226ac8f.jpg)}
#comm_info.mod{width:290px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/b9a6a5459b2e4e26cffca38f.jpg)}
#comm_info.mod td.modbl{width:290px;height:99px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/24a4b5efab0a5316fdfa3c10.jpg)}

//*个人档案*//

#mod_profile td.modbc{height:99px;width:0px;}
#mod_profile td.modbr{height:99px;width:0px;}
#mod_profile table.modth{height:94;width:290px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/e17bf9c460c28fa98226ac8f.jpg)}
#mod_profile{width:290px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/b9a6a5459b2e4e26cffca38f.jpg)}
#mod_profile td.modbl{width:290px;height:99px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/24a4b5efab0a5316fdfa3c10.jpg)}

//*相册*//

#mod_album td.modbc{height:99px;width:0px;}
#mod_album td.modbr{height:99px;width:0px;}
#mod_album table.modth{height:94;width:290px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/e17bf9c460c28fa98226ac8f.jpg)}
#mod_album{width:290px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/b9a6a5459b2e4e26cffca38f.jpg)}
#mod_album td.modbl{width:290px;height:99px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/24a4b5efab0a5316fdfa3c10.jpg)}

//*新增模块1*//
#mod_mylink1 td.modbc{height:99px;width:0px;}
#mod_mylink1 td.modbr{height:99px;width:0px;}
#mod_mylink1 table.modth{height:94;width:290px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/e17bf9c460c28fa98226ac8f.jpg)}
#mod_mylink1{width:290px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/b9a6a5459b2e4e26cffca38f.jpg)}
#mod_mylink1 td.modbl{width:290px;height:99px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/24a4b5efab0a5316fdfa3c10.jpg)}

//*文件存档*//
#mod_filed td.modbc{height:99px;width:0px;}
#mod_filed td.modbr{height:99px;width:0px;}
#mod_filed table.modth{height:94;width:290px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/e17bf9c460c28fa98226ac8f.jpg)}
#mod_filed{width:290px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/b9a6a5459b2e4e26cffca38f.jpg)}
#mod_filed td.modbl{width:290px;height:99px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/24a4b5efab0a5316fdfa3c10.jpg)}

//*背景音乐*//

#mod_bgmusic td.modbc{height:99px;width:0px;}
#mod_bgmusic td.modbr{height:99px;width:0px;}
#mod_bgmusic table.modth{height:94;width:290px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/e17bf9c460c28fa98226ac8f.jpg)}
#mod_bgmusic{width:290px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/b9a6a5459b2e4e26cffca38f.jpg)}
#mod_bgmusic td.modbl{width:290px;height:99px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/24a4b5efab0a5316fdfa3c10.jpg)}

//*播放器*//

#phx{FILTER: Alpha(Opacity=10, FinishOpacity=0, Style=1, StartX=10, StartY=10,
FinishX=0,FinishY=0); WIDTH: 70px; HEIGHT: 10px}

//*文章列表*//
#mod_bloglist td.modbc{height:102px;width:0px;}
#mod_bloglist td.modbr{height:102px;width:0px;}
#mod_bloglist table.modth{height:102;width:571px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/3ee3920a9f0f703eb0351d5e.jpg)}
#mod_bloglist{width:571px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/83aab5865cbab33e66096e74.jpg)}
#mod_bloglist td.modbl{width:571px;height:103px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/f5e4db17e993ab09c83d6d74.jpg)}

//*
#mod_bloglist{background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/cd5feadc4c8b76a1cd11668a.jpg)}
*//

//*文章分类*//
#mod_artclg td.modbc{height:99px;width:0px;}
#mod_artclg td.modbr{height:99px;width:0px;}
#mod_artclg table.modth{height:94;width:290px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/e17bf9c460c28fa98226ac8f.jpg)}
#mod_artclg{width:290px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/b9a6a5459b2e4e26cffca38f.jpg)}
#mod_artclg td.modbl{width:290px;height:99px;background:url(https://gss0.baidu.com/7LsWdDW5_xN3otqbppnN2DJv/tlliying/pic/item/24a4b5efab0a5316fdfa3c10.jpg)}

简直是TMD看着都累

百度空间的模块边框如何单独设置?
.stagepad .modtc {BORDER:0} .stagepad .modtr {BORDER:0} .stagepad .modbl {BORDER:0} .stagepad .modbc {BORDER:0} .stagepad .modbr {BORDER:0} 模块单独设置边框,在主体模块的ID前面+(空格)+单独模块TD 如友情链接区域#m_links div.item{},其ID为#m_links {} 单独设置如下 ...

如何在百度空间的各模块边缘加上一个边框?
下面是你提供的空间所使用的模块区域的代码,她的模块边框就是用了这样的代码。你可以把下面的代码复制到你的css里去。同时把你的.mod部分的代码删除。还有甚么问题可以来我的空间,给我留言。.modhandle{cursor:move}.modth{height:24px}.modhead{padding:4px 4px 0 4px}.modopt{padding:4px 4px ...

百度空间 模块的边框怎样添加
) no-repeat top right;line-height:0px}\/*右下*\/如果想用一整张的图那你就把那个模板的背景设为有边框的图片就行了有一点必须注意的是,你选择的图片符合你的模块大小,它不会自己帮你拉伸个人档案#mod_profile.mod{}文章区域#mod_blog.mod{}相册区#mod_album.mod{}友情链接#mod_links.mod{}...

百度空间怎么更改边框颜色和边框设置
要是标题框的话 我可以给你讲一下 打开设置--模板设置--编辑CSS 找到#m_blog div.tit{font-size:14px;font-weight:bold}把它改为#m_blog div.tit{font-size:14px;font-weight:bold;line-height:80px;text-indent:105px;background:url(图片网址)no-repeat;} 这个height:80px是我空间用的,...

高手帮忙看一下我的百度空间代码.模块的边框全没了.怎么回事
line-height:1px} .modbc{background-color:#;border-bottom:1px solid #A3A3A3;line-height:1px} .modbr{background-color:#;border-right:1px solid #A3A3A3;border-bottom:1px solid #A3A3A3;line-height:1px} 这几行和你的对照一下 主要在这几个1px 相对应的加上就有边框了 ...

关于百度空间模板的左右边框问题~~!!!
希望大... 我想调整整个的空间模板,让空间两边整个留出两条,这样看起来好看,不知道怎么弄了解了一些后,又发现只修改了空间名称以下的模板边框,而空间的大标题没边怎么弄啊~~!!! 希望大家帮我一下~~~!!! 我用的是 .stage{ text-align:center;background:url() repeat center} . stagepad{ width:740px;\/...

谁能帮我做一下百度空间模块的边框
.modtl:模块上边框左角设置 .modtc:模块上边框中间部分设置 .modtr:模块上边框右角设置 .modbl:模块下边框左角设置 .modbc:模块下边框中间部分设置 .modbr:模块下边框右角设置 这部分的设置是可以使用图案的,比如,我在左上边框用了这个图案,中间部分用,右边用,全都设置好了以后就组合成一个完整的上边框了...

如何添加百度空间模块边框的侧边
找到.modbox的代码改成下面的代码 .modbox { border-right: #D0CDC6 3px solid; padding-right: 10px; padding-left: 10px; padding-bottom: 0px; border-left: #D0CDC6 3px solid; padding-top: 10px}

为什么可以把百度空间上下都做成被一个框子框起来的样子
主要就是在特效和配色上下功夫 所以能像链接里的那样做得有特色,就是素材的置放效果好 如果您自己会做css,你也会做他那样的 布局和代码上不是特别复杂的 就是他把三张图片,把头部的图跟主体的、以及底部的图连在一块 因为定位得恰到好处,感觉就像是连在一起的,这和做modbox的方法是一样的 ...

百度空间如何设置模块左右两边框为图片
.modbox{}是模版当中一大块主体的代码 这我知道,如果那样设置左右边框会与上下边框接不上。因为四个角用的都是图,所以左右也得用图片repeat-y才能接上。我把注释去掉了,就这样了,下边框都到模块外面了。我想让它在模块范围里面怎么做,或者在突出的那块透明空间填充上模块的背景色也行。“.modbox{padding:10px...