我怎么设计自己的模板

教学设计2021-04-22 12:02:25网络

  

更换整体页面背景的源代码:

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信息设置”中的“定制我的首页”。

第八步、点击“添加模块”。

第九步、勾选刚刚建立好的面板,点击下方的“选取”。

第十步、刚刚建好的显示面板出现,点击“保存设置”。
  

欢迎光临我的博客:

你可以去到博客帮助中心,那有你需要的一些帮助

分为入门技巧,进阶技巧,高手技巧,疑难技巧

比如如何改背景图,在高手技巧中有教授

我试着怎么不行的呀?

没显示的

请问那个要不要删掉的?

相关推荐

猜你喜欢

大家正在看

换一换