全部答案

2018-04-08 10:36:19

•   自定义新浪博客各处模板 
  1）改变BLOG标题大小的代码： 
   
  。banner 。title td{font-size:36px;} 
  。banner 。title td{FILTER: glow(color=#000000,direction=2);} 
  。
    banner 。title td{color:#ffff66;} 
  。banner table{background:#transparent;filter:alpha(opacity=85);border:0px solid #000;} 
   
  36px为标题文字的字体大小 
  #000000表示文字效果(显影)的颜，direction=2表示发光效果的强弱，数值可自行设定，自己觉得合适即可。
     
  banner 。title td{color:#ffff66;}表示标题文字的主颜色 
  banner table{background:#transparent; filter:alpha(opacity=85); border:0px solid #000;}这个是文字及其外框的设置：background:后面的值为标题外框的颜色效果；opacity=85是表示文字的透明度，值越小越透明；border:0px表示外框线条的粗细，数值越大边框线条越粗，数值设为0表示边框隐藏。
     
  ---------- 
  2）页面宽度的代码： 
   
  。bodyTop{width:900px;} 
  。bodyBg{width:900px;} 
  。bodyBottom{width:900px;} 
  。feeds 。text{width:660px;} 
  。
    label{width:20px;} 
  。photo{width:200px;} 
  。callboard{width:200px;} 
  。links{width:200px;} 
  。calendar{width:200px;} 
  。
    sysBr180{width:200px;} 
   
  参数说明： 
  。bodyTop 指的是页面顶部的宽度，控制了 banner（就是题图）的宽度。 
  。bodyBg 指的是整个页面的宽度，其值最好与上者相同（也可以自行变化）。 
  。
    bodyBottom 指的是页面底部的宽度，其值最好是与上面相同 。 
  。feeds 。text 指的是正文部分的宽度（也就是文章部分的宽度） 。 
  。label 指的是面板的宽度（其值加正文宽度的值应略小于整个页面的宽度）。 
  。photo 指的是形象照片面板的宽度（其值同上） 。
     
  。callboard 指的是公告栏的宽度（其值同上） 。 
  。links 面板（也即最新留言、最新评论等面板）宽度（其值同上）。 
  。calendar 日历的宽度（其值同上）。 
  。sysBr180 这个值比较特殊，其值同以上各面板宽度近似，但不一定相同大家应当根据自己设置的宽度进行调节。
     
  width 后面的数字就是你要修改的宽度值，可根据自己的需要设置。 
  面板的宽度值大约为190左右；如果要改成全屏，整个页面总宽度约为995-996。 
  不过要更改模板宽度的话建议面板的宽度不必改，只需用代码中的前四个参数就行了。 
  ---------- 
  3）博客改变背景代码： 
  滚动的大背景代码： 
  body {background:url("页面大背景图片地址") repeat scroll!important;} 
  repeat 重复，当图片的大小不够的时候会以平铺显示 
  scroll 卷轴，大背景会随着右边滚动条拉动的时候而滚动 
  固定的大背景代码 
  body {background:url("页面大背景图片地址") repeat fixed!important;} 
  fixed 固定，大背景不会因为你拉动滚动条而滚动 
  背景透明代码： 
  body 
  {background:#transparent) repeat scroll!important;} 
  使用说明： 
  找到你喜欢的图片（1024*768规格），把它存在你的博客里，具体方法参考无限制上传图片的方法然后把图片地址覆盖在代码中的("页面大背景图片地址")上面，找一个已经有内容的模块添加这段代码，就能改变你的BLOG背景了，具体用以上那一种代码，看你个人喜好了！ 
  ---------- 
  4）自定义博客各部分背景代码： 
  。
    logo 
  {background:url("题图上背景图片地址") 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("内背景页脚处图片地址，在翻页处下面一横窄条");} 
  。gbook 。up 
  {background:url("留言板标题栏上翻时的图片地址") no-repeat;} 
  。
     wn{background:url("留言板标题栏下翻时的图片地址") no-repeat;} 
  。 ge{background:url("正文文章页数图片地址") no-repeat center;} 
  。 re{background:url("最新文章列表下的MORE的背景图片") no-repeat right;} 
  代码说明： 
  页面大背景(body) 指的是整个博客的最大背景，由于中间部分被覆盖，所以显示的效果只是两边的部分。
     
  题图上背景(logo) 是指所在的横长条的背景。 
  题图下背景(banner) 是指博客名字博客地址 复制　?收藏本页）所在的那部分的背景。 
  logo和banner宽各为770，logo高40，banner高134，单位均为像素。
     
  题图下的菜单背景” 是指“HOME。。。搜索┆帮助┆退出”等字所在的那个横长条的背景。 
  正文标题栏上翻时的图片 指的是文章发表了之后文章标题的图片。 
  面板标题栏下翻时的图片 指的是点击标题后出现标题后的后面的图片。 
  面板的背景图片 指的是左边比如我的文章列表什么的背景图片。
     
  正文背景 是指整个文章文字所在的大背景！ 
  以上代码可以更改博客各个部分的图片，更换的图片尺寸要和原尺寸一模一样，关于上传图片和怎么得到图片地址请参考：无限制上传图片的方法 
  ---------- 
  如果想叫某一部分背景或者全部变的透明的话，在以上代码中大括号里面内容换上background:#transparent就能实现透明效果， 
  例如横幅代码： 
  。
    logo 
  {background:url("题图上背景图片地址") no repeat no scroll!mportant;} 
  以上代码中红色部分全部改成：background:#transparent 
  示范： 
  。
    logo{background:#transparent} 
  以上所有代码必须添加在已经有内容的模块中，例如模块里面已经有了时钟，天气预报等等内容！ 
  　　具体操作步骤是：复制代码--->控制面板--->新增空白面板--->钩选源代码(出现钩号，同时文档里出现DIV的字样)--->粘贴代码--->钩选源代码(钩号消失)--->保存新增面板--->定制个人首页--->选取新增个人面板--->保存 
  。

  全部
  

  飞***

  2018-04-08 10:36:19

  41 2 评论

  分享
  提交评论
2018-04-08 08:36:19

•   你好！
  如何设计个人主页模板的源代码：
  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。自定义模块
   
  ２、
  。
    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打开速度会明显变慢，所以最好的方法是去下载网站上的背景素材，只要有方块大小的图片就可铺满整个页面了；
  具体操作方法如下：
  点击管理博客——个人首页维护——新增空白面板——先在空白面板上敲一下空格键——钩选“显示源代码”【这时你会看到面板中已经有一行代码了：  】——把以上代码之一复制粘贴在所有代码之后——钩选显示源代码（钩号消失）——保存新增面板——定制个人首页——选取新增面板——保存设置；
  谢谢您的提问，祝您一切顺利！
  。
    

  全部
  

  y***

  2018-04-08 08:36:19

  47 4 评论

  分享
  提交评论
2018-04-08 07:36:19

•   定义新浪博客各处模板 
  1）改变BLOG标题大小的代码： 
   
  。banner 。title td{font-size:36px;} 
  。banner 。title td{FILTER: glow(color=#000000,direction=2);} 
  。
    banner 。title td{color:#ffff66;} 
  。banner table{background:#transparent;filter:alpha(opacity=85);border:0px solid #000;} 
   
  36px为标题文字的字体大小 
  #000000表示文字效果(显影)的颜，direction=2表示发光效果的强弱，数值可自行设定，自己觉得合适即可。
     
  banner 。title td{color:#ffff66;}表示标题文字的主颜色 
  banner table{background:#transparent; filter:alpha(opacity=85); border:0px solid #000;}这个是文字及其外框的设置：background:后面的值为标题外框的颜色效果；opacity=85是表示文字的透明度，值越小越透明；border:0px表示外框线条的粗细，数值越大边框线条越粗，数值设为0表示边框隐藏。
     
  ---------- 
  2）页面宽度的代码： 
   
  。bodyTop{width:900px;} 
  。bodyBg{width:900px;} 
  。bodyBottom{width:900px;} 
  。feeds 。text{width:660px;} 
  。
    label{width:20px;} 
  。photo{width:200px;} 
  。callboard{width:200px;} 
  。links{width:200px;} 
  。calendar{width:200px;} 
  。
    sysBr180{width:200px;} 
   
  参数说明： 
  。bodyTop 指的是页面顶部的宽度，控制了 banner（就是题图）的宽度。 
  。bodyBg 指的是整个页面的宽度，其值最好与上者相同（也可以自行变化）。 
  。
    bodyBottom 指的是页面底部的宽度，其值最好是与上面相同 。 
  。feeds 。text 指的是正文部分的宽度（也就是文章部分的宽度） 。 
  。label 指的是面板的宽度（其值加正文宽度的值应略小于整个页面的宽度）。 
  。photo 指的是形象照片面板的宽度（其值同上） 。
     
  。callboard 指的是公告栏的宽度（其值同上） 。 
  。links 面板（也即最新留言、最新评论等面板）宽度（其值同上）。 
  。calendar 日历的宽度（其值同上）。 
  。sysBr180 这个值比较特殊，其值同以上各面板宽度近似，但不一定相同大家应当根据自己设置的宽度进行调节。
     
  width 后面的数字就是你要修改的宽度值，可根据自己的需要设置。 
  面板的宽度值大约为190左右；如果要改成全屏，整个页面总宽度约为995-996。 
  不过要更改模板宽度的话建议面板的宽度不必改，只需用代码中的前四个参数就行了。 
  ---------- 
  3）博客改变背景代码： 
  滚动的大背景代码： 
  body {background:url("页面大背景图片地址") repeat scroll!important;} 
  repeat 重复，当图片的大小不够的时候会以平铺显示 
  scroll 卷轴，大背景会随着右边滚动条拉动的时候而滚动 
  固定的大背景代码 
  body {background:url("页面大背景图片地址") repeat fixed!important;} 
  fixed 固定，大背景不会因为你拉动滚动条而滚动 
  背景透明代码： 
  body 
  {background:#transparent) repeat scroll!important;} 
  使用说明： 
  找到你喜欢的图片（1024*768规格），把它存在你的博客里，具体方法参考无限制上传图片的方法然后把图片地址覆盖在代码中的("页面大背景图片地址")上面，找一个已经有内容的模块添加这段代码，就能改变你的BLOG背景了，具体用以上那一种代码，看你个人喜好了！ 
  ---------- 
  4）自定义博客各部分背景代码： 
  。
    logo 
  {background:url("题图上背景图片地址") 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("内背景页脚处图片地址，在翻页处下面一横窄条");} 
  。gbook 。up 
  {background:url("留言板标题栏上翻时的图片地址") no-repeat;} 
  。
     wn{background:url("留言板标题栏下翻时的图片地址") no-repeat;} 
  。 ge{background:url("正文文章页数图片地址") no-repeat center;} 
  。 re{background:url("最新文章列表下的MORE的背景图片") no-repeat right;} 
  代码说明： 
  页面大背景(body) 指的是整个博客的最大背景，由于中间部分被覆盖，所以显示的效果只是两边的部分。
     
  题图上背景(logo) 是指所在的横长条的背景。 
  题图下背景(banner) 是指博客名字博客地址 复制　?收藏本页）所在的那部分的背景。 
  logo和banner宽各为770，logo高40，banner高134，单位均为像素。
     
  题图下的菜单背景” 是指“HOME。。。搜索┆帮助┆退出”等字所在的那个横长条的背景。 
  正文标题栏上翻时的图片 指的是文章发表了之后文章标题的图片。 
  面板标题栏下翻时的图片 指的是点击标题后出现标题后的后面的图片。 
  面板的背景图片 指的是左边比如我的文章列表什么的背景图片。
     
  正文背景 是指整个文章文字所在的大背景！ 
  以上代码可以更改博客各个部分的图片，更换的图片尺寸要和原尺寸一模一样，关于上传图片和怎么得到图片地址请参考：无限制上传图片的方法 
  ---------- 
  如果想叫某一部分背景或者全部变的透明的话，在以上代码中大括号里面内容换上background:#transparent就能实现透明效果， 
  例如横幅代码： 
  。
    logo 
  {background:url("题图上背景图片地址") no repeat no scroll!mportant;} 
  以上代码中红色部分全部改成：background:#transparent 
  示范： 
  。logo{background:#transparent} 
  以上所有代码必须添加在已经有内容的模块中，例如模块里面已经有了时钟，天气预报等等内容！ 
  　　具体操作步骤是：复制代码--->控制面板--->新增空白面板--->钩选源代码(出现钩号，同时文档里出现DIV的字样)--->粘贴代码--->钩选源代码(钩号消失)--->保存新增面板--->定制个人首页--->选取新增个人面板--->保存 
  首页模板，可是不知道她是怎么设定的 
  1:新浪博客具有模板定制功能除了普通的模板风格选择以外，还提供了“模板DIY”界面，您可以在数千种变化种找到属于自己的风格加以搭配。
     
  2:如果您不希望您的首页总是一成不变，同时又希望免去亲自更换模板的麻烦，那您可以进入“模板DIY”，将您的首页风格设置成“模板随机效果”，此时您的主页每次被刷新都会呈现出不同的风格哦：）建议初学者不使用 
  温馨提示：您选择随机模板后，自定义的风格模板将会失效。
     
  第一步：点击你主页右上方标题栏的“控制面板”进入 
  第二步：进入“控制面板”后，选择左边的“定制我的模板”或者右边的“定制Blog面板” 
  第三步：按照你的想法选择下一步的操作，如果你想选择固定的个性模板，那么请点击“点击此处更新模板”“随机风格”建议暂不使用，待熟练后可尝试。
     
  第四步：选择自己喜欢的一种风格，比如选择的是“灰色轨迹”，点击进入。 
  第五步：六个模版都有模版风格说明，点击看说明，如果确定好的话点击“选择此模板” 
  第六步：你将鼠标放在哪里，哪里晃动，哪里就能更改。在弹出的小框框里，将鼠标放到上下箭头出，滚动选择自己喜欢的图片。
    自己可以多试试不同的风格。 
  第七步：首先更改背景，，点击蓝色按钮，选择好自己满意的背景之后，点一下。 
  第八步：界面中的其他模块你都可以自己改变 
  第九步：要强调得一点（可能也是很多人没有注意的一点），那就是你现在更改的均属于首页的模板，你还可以更改正文现显示的背景，当然该方法同上。
     
  。

  全部
  

  人***

  2018-04-08 07:36:19

  44 3 评论

  分享
  提交评论