谁有模块的代码
你好! 如何设计个人主页模板的源代码: 1,蓝色河畔: body {background:url( repeat scroll!important;} 。banner{background:url( no repeat no scroll!mportant;} 2,梦幻天空: body {background:url( repeat scroll!important;} 。
banner{background:url( no repeat no scroll!mportant;}。logo{background:url( no repeat no scroll!mportant;} 3。自定义模块 2、 。
banner {background:url(图片网址) no repeat no scroll!mportant;} 代码说明: 1,将url后面括号中的地址换成自己想要的图片地址,为了和新浪链接同步,最好是把自己需要的图片先上传到自己的BLOG里再获取图片地址; 2,关于主页模板的图片尺寸如下: logo(最上面写SINA BLOG那一白色小条):770*40 ; banner(横幅大图):770*135 ; menu(个人首页/搜索/帮助/退出的菜单):770*30 ; 可以先裁出770*205的一整张图片再逐步剪裁,这样更美观协调;长度大于770没有关系,系统会自动调整;长度小于770会有连续排的效果,比如上传长度为250的图片,将横排三次这张图,还多出一条长20的像素图; 3,body部分最好不要用一整张壁纸,因为一张壁纸长度只和屏幕一样,当下拉页面时,多数会出现连续横排效果,就像被分割成一块一块的一样;即使壁纸花色完全一致,也会由于图片太大占很大的内存空间,BLOG打开速度会明显变慢,所以最好的方法是去下载网站上的背景素材,只要有方块大小的图片就可铺满整个页面了; 具体操作方法如下: 点击管理博客——个人首页维护——新增空白面板——先在空白面板上敲一下空格键——钩选“显示源代码”【这时你会看到面板中已经有一行代码了: 】——把以上代码之一复制粘贴在所有代码之后——钩选显示源代码(钩号消失)——保存新增面板——定制个人首页——选取新增面板——保存设置; 谢谢您的提问,祝您一切顺利! 欢迎光临我的博客 。
具体操作步骤是: 点击管理博客——个人首页维护——自定义空白面板——新增——钩选“显示源代码”前的小方框(出现钩号,同时文档里出现DIV的字样)——复制粘贴上面代码——再次钩选“显示源代码”前的小方框(钩号消失)——保存——返回自定义设置——定制我的首页——添加模块——勾选新增面板——保存设置就行了 举例说明: 更换整体页面背景的源代码: body {background:url(博客整体页面背景图片) repeat scroll!important;} 更换页面题图logo图片的源代码: 。
logo {background:url(博客最上方题图logo图片) no repeat no scroll!mportant;} 更换页面横幅题图的源代码: 。banner {background:url(横幅题图大图) no repeat no scroll!mportant;} 更换页面横幅题图下面的菜单图片的源代码: 。
menu{ background:url("题图下的长条菜单图片") no- repeat center;} 更换页面文章标题栏上翻时的图片的源代码: 。feeds 。up{ background:url("文章标题栏上翻时的图片") no- repeat center;} 更换页面文章标题栏下翻时的图片的源代码: 。
wn{background:url("文章标题栏下翻时的图片") no- repeat center;} 更换页面文章结尾处评论阅读菜单栏的图片的源代码: 。feeds 。function{ background:url("文章结尾处评论阅读菜单栏的图片") no- repeat right;} 更换页面空白面板标题栏上翻时图片的源代码: 。
links 。up{ background:url("空白面板标题栏上翻时图片");} 更换页面空白面板标题栏下翻时图片的源代码: 。 wn{background:url(空白面板标题栏下翻时的图片);} 更换页面空白面板的背景图片的源代码: 。
links 。mid{ background:url(空白面板的背景图片);} 更换页面形象照片处的背景图片的源代码: 。photo 。mid{ background:url(形象照片处的背景图片);} 更换页面自定义空白面板背景图片的源代码: 。
label 。mid{ background:url(自定义空白面板的背景图片);} 更换页面日历面板的背景图片的源代码: 。calendar 。mid{ background:url("日历面板的背景图片");} 更换页面公告栏标题栏上翻时图片的源代码: 。
callboard 。up{ background:url("公告栏标题栏上翻时图片");} 更换页面公告栏标题栏下翻时图片的源代码: 。 wn{background:url("公告栏标题栏下翻时图片");} 更换页面公告栏的背景图片的源代码: 。
callboard 。mid{ background:url("公告栏的背景图片");} 更换页面正文背景图片的源代码: 。bodyBg{ background:url("正文背景图片");} 更换页面正文背景图片的源代码: 。
bodyBottom{ background:url("正文背景图片");} 更换页面正文文章页数图片的源代码: 。 ge{background:url("正文文章页数图片") no-repeat center;} 更换页面留言板标题栏上翻时的图片的源代码: 。
gbook 。up{ background:url('留言板标题栏上翻时的图片') no-repeat;} 更换页面留言板标题栏下翻时的图片的源代码: 。 wn{background:url('留言板标题栏下翻时的图片') no-repeat;} 添加步骤: 第一步、登录新浪博客,输入“登录名”“密码”和“验证码”后点击“登录”。
第二步、点击进入主页上方的“控制面板”。 第三步、进入“个人首页维护”。 第四步、进入“自定义空白模板”。 第五步、点击“新增”新增一个空白面板。 第六步、在“面板标题”写好面板的名称,勾选面板下方的“显示源代码”勾选框,此处注意一定要勾选,否则将不能成功。
将以下代码贴入文本框中,点击“保存”。 第七步、点击“控制面板”左侧“BLOG信息设置”中的“定制我的首页”。 第八步、点击“添加模块”。 第九步、勾选刚刚建立好的面板,点击下方的“选取”。 第十步、刚刚建好的显示面板出现,点击“保存设置”。
。