百度空间css超详细代码说明.docx
《百度空间css超详细代码说明.docx》由会员分享,可在线阅读,更多相关《百度空间css超详细代码说明.docx(26页珍藏版)》请在三一办公上搜索。
1、百度空间css超详细代码说明超有用,要做模版的必看哦. 嘻嘻,很详细.比百度那说明详细 body/*全局。整个页面,最下一层*/ html body center div#usrbar /*用户栏(顶部工具条)*/ html body center div#usrbar nobr /*用户栏(顶部工具条)项间竖隔线|*/ html body center div#usrbar a /*用户栏(顶部工具条)超链接*/ #usrbar #my_home_container /*我的空间*/ #usrbar #my_home_container a#my_home /*我的空间(超链接)*/ img
2、.down-arrow /*我的空间右边的向下箭头*/ img.down-arrow-hover /*我的空间右边的向下箭头鼠过*/ #nav_extra .top /*我的空间弹出层顶部*/ #nav_extra .top a /*我的空间弹出层顶部超链接*/ #nav_extra .top img /*我的空间弹出层顶部箭头图片*/ #nav_extra .body /*我的空间弹出层下部*/ #nav_extra .body a /*我的空间弹出层下部超链接*/ #usrbar #hi /*百度hi*/ #usrbar #hi strong a /*百度hi用户名*/ #msgPos /
3、*百度hi图标(发起即时会话)*/ #hiImg /*百度hi图标(发起即时会话)图片*/ #hiMsg /*百度hi信息通知(发起即时会话)*/ #msgRight /*百度hi信息通知(发起即时会话)数字*/ #usrbar #mnum /*我的消息*/ #mnum a.bluelink span /*我的消息中未读最新消息数字。参考好友daobalang注释*/ #usrbar a#hi_index /*百度空间(超链接)*/ /*以下百度空间布局相关*/ #main /*主体。用户栏以下,底脚栏以上,次最下一层。*/ #header /*头部*/ #header div.lc /*头部
4、覆盖层,左*/ #header div.rc/*头部覆盖层,右。位于.lc之上*/ #header div.tit /*空间名称*/ #header div.tit a.titlink /*空间名称超链接。*/ #header div.desc /*空间简介*/ #tabline /*主菜单线条*/ #tab /*主菜单,导航栏*/ #tab a /*主菜单菜单项超链接*/ #tab a.on /*所在页面的菜单项超链接*/ #tab span /*主菜单菜单项间竖隔线|*/ #tab2 /*设置菜单,设置菜单项间竖隔线|*/ #tab2 span /*所在设置页面的菜单项,非链接*/ #ta
5、b2 a /*设置菜单项超链接*/ .stage /*中部。头部以下,底脚栏以上*/ .stagepad /*不分栏页面的面板层*/ #layout /*分栏页面的大表格*/ #layout td.c2t1 /*二栏版式第1栏*/ #layout td.c2t2 /*二栏版式第2栏(分隔栏)*/ #layout td.c2t3 /*二栏版式第3栏*/ #layout td.c3t1 /*三栏版式第1栏*/ #layout td.c3t2 /*三栏版式第2栏(分隔栏)*/ #layout td.c3t3 /*三栏版式第3栏*/ #layout td.c3t4 /*三栏版式第4栏(分隔栏)*/ #
6、layout td.c3t5 /*三栏版式第5栏*/ #layout td.c1t1 /*单栏版式*/ /*百度空间版权信息,慎重修改*/ html body center center div#ft,html body center div#ft /*底脚栏(版权信息条)*/ 注: 1、CSS格式:选择器(项)属性:属性值; 2、a:link:visited:hover:active分别为超链接的未访问已访问鼠标悬停鼠标点击时的状态,定义属性时的次序不宜颠倒。说明时略去。 3、定义属性时有些项需要加 !important 获取优先才有效。 百度空间CSS特效代码大集合 .如何更换空间背景?
7、打开高级设置,再自定义CSS,看到里面的第3行和第4行都是 header div.lcbackground:url(header div.lcbackground:url ( no-repeat 第三行的是标题栏左边的图片,第4行是标题栏的右边,建议大家换第4行就行了。 找一个图片,复制下图片的URL地址替换掉第四行的 .如何美化你的百度空间的鼠标 把第一行换成 bodybackground:#000;CURSOR: url( a:hoverCURSOR: url( 就了! .如何隐藏播放器而不影响音乐播放。 在css 文件的空白处添加以下代码: #mod_bgmusicdisplay:non
8、e 不显示播放器,但不影响音乐的播放。 .让baidu空间背景音乐支持多首歌曲了 将音乐的网址写到一个记事本文件里,保存扩展名为mp3,然后将这个文件找个空间传上去。 回到空间中将背景音乐的地址设置为你刚刚做的文件就可以。格式如下 .在空间中使用html javascight代码 先把html javascight代码上传到免费的Html主页空间, 打开网页,把内容复制 然后,写新文章,把代码粘贴在文章内容里,就了! .百度空间文字发光的方法 第一步 : 按快捷键,ctrl+f 要搜索的关键字”#m_blog t” 第二步: 把”color:#000000;line-height:20px;f
9、ont-size:14px #m_blog div.moremargin:14px 0 16px 0”换成”filter:glow (color=#ff0000,strength=3);color:#cccccc;font-size:12px;font-size:12px 7.教你加显示IP地址代码 1 进入设置-高级设置 2 点击右边“自定义CSS可以让您: 直接编辑CSS文件,实现个性化效果”下面的开始自定义 3 在最下面加入下面全码 #comm_info div.linemargin-top:5px;line-height:8px;border-top:1px solid #BBC1C6
10、; background:url( no-repeat bottom; padding-bottom: 40px; margin- bottom: 10px 8.这样做到CSS阴影效果,字体阴影就是这个指令 Filter:DropShadow也支持图片阴影 效果不好 /*留言板页*/ .stagepad #m_blog /*特指某用户的留言板(查看文章)页内容区。类似地,文章列表模块的项目前加.stagepad 就特定为留言板页所具有的相应项目*/ /*添加留言*/ #in_send /*添加留言区,所具有的相应项目与查看文章页一致的,略*/ #in_send div.tit /*添加留言:标
11、题,特定#m_blog div.tit属性*/ #A /*登陆留言本名单选框*/ #B /*登陆留言匿名单选框*/ #in_send td label /*登陆留言用户名*/ #spBCmtAuthor /*留言用户姓名输入框*/ #spBCmtURL /*留言用户网址或邮箱输入框*/ .EditorContainer /*留言内容文本输入框*/ .EditorContainer iframe /*留言内容文本输入框内框架*/ .ToolbarContainer /*留言内容文本输入框上方的工具栏*/ .ToolbarStrip /*工具栏的表层*/ .ToolbarItem /*插入表情栏*
12、/ .ToolbarItem div.img /*插入表情栏图标层*/ /*网友留言*/ #in_msg /*网友留言区*/ #in_msg div.tit /*网友留言:标题,特定#m_blog div.tit属性*/ #in_msg table.item /*网友留言内容大表格*/ #in_msg td.index /*网友留言楼层数字*/ #in_msg div.user /*添加留言用户信息区*/ #in_msg div.user a /*添加留言用户名超链接,含未登陆的匿名网友和未填网址用户名的空链*/ #in_msg div.user div.f14 /*未登陆但填写的用户名前面网
13、友:二字*/ #in_msg div.user a img /*添加留言登陆用户头像超链接*/ #in_msg t /*留言内容区*/ #in_msg t div.desc /*留言内容*/ #in_msg t div.desc img /*留言内容中表情图片*/ #in_msg span.date /*留言添加时间*/ #in_msg span a /*留言添加时间旁删除超链接*/ #in_msg div.line /*逐条留言间分隔线*/ /*留言板、最新评论模块*/ #mod_board /*留言板模块.mod*/ #mod_comment /*最新评论模块.mod*/ #m_comme
14、nt /*留言板、最新评论模块的模块内容区.modbox*/ #m_comment div.line /*留言板、最新评论模块逐条留言、评论间分隔线*/ /*简易模式留言板、最新评论模块共用*/ #m_comment div.item /*逐条留言、评论区*/ #m_comment div.item a /*逐条留言、评论区超链接,含留言N条、更多评论*/ #m_comment div.item a b /*留言N条超链接中数字N*/ #m_comment #cmtArea /*逐条留言、文章评论用户名区*/ #m_comment #cmtArea a /*逐条留言、文章评论用户名超链接,含未
15、登陆的匿名网友和未填网址用户名的空链*/ #m_comment t /*逐条留言、评论内容超链接*/ #m_comment t img /*逐条留言内容中表情图片超链接*/ /*最新评论模块特定*/ #cmttab /*文章、照片评论切换栏*/ #cmttab strong /*文章、照片评论切换栏中当前所在栏目粗体字*/ #cmttab span /*文章、照片评论切换栏中|*/ #cmttab a /*文章、照片评论切换栏中可切换栏目超链接*/ #artCmt /*文章评论栏目内容区*/ #picCmt /*照片评论栏目内容区*/ #artCmt div.item /*文章评论栏目内容区逐
16、条评论区*/ #picCmt div.item /*照片评论栏目内容区逐条评论区*/ #artCmt div.item a /*文章评论栏目内容区逐条评论区超链接,含更多评论*/ #picCmt div.item a /*照片评论栏目内容区逐条评论区超链接,含更多评论*/ #artCmt div.item #cmtArea /*文章评论栏目内容区逐条评论用户名区*/ #artCmt div.item #cmtArea a /*文章评论栏目内容区逐条评论用户名超链接,含未登陆的匿名网友和未填网址用户名的空链*/ #artCmt div.item t /*文章评论栏目内容区逐条评论内容超链接*/
17、#picCmt div.line /*文章评论栏目内容区逐条评论间分隔线*/ #picCmt div.item td /*照片评论栏目内容区逐条评论内小表格*/ #picCmt div.item td.name /*照片评论栏目内容区逐条评论用户名区*/ #picCmt div.item td.name a /*照片评论栏目内容区逐条评论用户名超链接,含未登陆的匿名网友和未填网址用户名的空链*/ #picCmt div.item div.img /*照片评论栏目内容区逐条评论照片小图区*/ #picCmt div.item div.img a img /*照片评论栏目内容区逐条评论照片小图超链
18、接*/ #picCmt div.item t /*照片评论栏目内容区逐条评论内容超链接*/ #picCmt div.line /*照片评论栏目内容区逐条评论间分隔线*/ /*完整模式留言板模块(个人档案页留言板)特定*/ #mod_board .modopt a strong /*给Ta留言粗体字*/ #m_comment table /*留言内容大表格*/ #m_comment td /*留言内容小表格,|*/ #m_comment td.index /*留言楼层数字*/ #m_comment div.user /*留言用户信息区*/ #m_comment div.user a /*留言用户
19、名超链接,含未登陆的匿名网友和未填网址用户名的空链*/ #m_comment div.user div.f14 /*未登陆但填写的用户名前面网友:二字*/ #m_comment div.user a img /*留言登陆用户头像超链接*/ #m_comment div.item /*留言内容、留言N条区*/ #m_comment div.item a /*留言N条超链接*/ #m_comment div.item a b /*留言N条超链接中数字N*/ #m_comment td div.item /*留言内容*/ #m_comment td div.item img /*留言内容中表情图片*
20、/ #m_comment td span.date /*留言添加时间*/ #m_comment td a.delete-action /*留言添加时间旁删除超链接*/ #m_comment_post /*添加留言区*/ #m_comment_post table /*添加留言内容大表格*/ #m_comment_post td /*添加留言内容小表格,登陆用户名、(选填)、|等文字*/ #m_comment_post td.f14 /*添加留言姓名、内容等项目文字*/ #m_comment_post td a /*添加留言注册、登录、看不清?等文字超链接*/ #m_comment_post t
21、d input /*添加留言按钮、表单输入框、单选框*/ #m_comment_post td label /*登陆留言用户名*/ /*表单输入框等所具有的相应项目与留言板页一致的,略*/ 注: 1、CSS格式:选择器(项)属性:属性值; 2、a:link:visited:hover:active分别为超链接的未访问已访问鼠标悬停鼠标点击时的状态,定义属性时的次序不宜颠倒。说明时略去。 3、定义属性时有些项需要加 !important 获取优先才有效。 4、如果需要特别定义某模块的头部、底部样式,只需将全局模块的相应项目前加上该模块ID即可。注意除.mod外,中间有空格。说明时若无特殊情况略去
22、。 /*文章分类模块*/ #m_artclg /*文章分类模块的模块内容区.modbox*/ #m_artclg div.item /*文章分类项目*/ #m_artclg div.item a /*文章分类项目名称超链接*/ #m_artclg div.line /*文章分类项目间分隔线*/ /*文章存档模块*/ #m_filed /*文章存档模块的模块内容区.modbox*/ #m_filed div.item /*文章存档项目*/ #m_filed div.item a /*文章存档项目月份超链接*/ #m_filed div.line /*文章存档项目间分隔线*/ 注: 1、CSS格式
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 百度 空间 css 详细 代码 说明
链接地址:https://www.31ppt.com/p-3668562.html