比如现在使用比较多的手机APP是:Facebook、line 、Skype 、Instagram。
主流的网站是谷歌。
在刚建立好Blogger时,会发现显示页面不够宽,预设显示页面只有660的宽度而已(根据所选原始模版不同,各别可能的预设值也会不同)。如果想要加宽页面显示宽度的话,就得动手改一改了。按下Blogger的『版面配置』页签
再按下其下的『修改HTML』页签
若对HTML语言及CSS语法没有把握,可以按下『下载完整模版』,先将现有模版储存在自己电脑中,以便将来处理错误要复原时使用。
要复原模版,可以在『从硬碟的档案里上载模版』右方文字格中输入自己电脑中的完整模版储存路径,或按右方『浏览...』钮进入挑选。最后,再按『上载』钮即可。
『展开小装置范本』 核取盒,现在用不著,故,可以暂不理它。
在下方HTML码中,找到下面段落,并将红色字处改掉(以下内容,可能会因原始所选模版不同,而有所差异,找到大致类似位置修改之即可)。
下面者,原预设是660,视所需显示页面大小将之更改:
/* Header
-----------------------------------------------
*/
#header-wrapper {
width:1000px
margin:0 auto 10px
border:1px solid $bordercolor
}
下面者,预设为700,此处可不改。
#header .description {
margin:0 5px 5px
padding:0 20px 15px
max-width:1040px
text-transform:uppercase
letter-spacing:.2em
line-height: 1.4em
font: $descriptionfont
color: $descriptioncolor
}
下面者,预设为660。
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 1000px
margin:0 auto
padding:10px
text-align:$startSide
font: $bodyfont
}
下面为文章内容的宽度设定,预设为410。
#main-wrapper {
width: 750px
float: $startSide
word-wrap: break-word/* fix for long text breaking sidebar float in IE */
overflow: hidden/* fix for long non-text content breaking IE sidebar float */
}
当然,你也可以改Sidebar的宽度,预设为220。我没改,要改的话,要注意与上方main-wrapper者之加总,不可超过Outer-Wrapper之宽度设定。
#sidebar-wrapper {
width: 220px
float: $endSide
word-wrap: break-word/* fix for long text breaking sidebar float in IE */
overflow: hidden/* fix for long non-text content breaking IE sidebar float */
}
改完后,按下下方的『储存范本』钮即可。
按下『检视Blog』连结,即可发现显示页面加宽了。
上面可能太乱了 你还是到这个网站上面去看好了 http://kevin1566.blogspot.com/2008/04/blogger-width-expansion.html
如果你看到(台湾的网站) 就在google里面打 扩展版面宽度
欢迎分享,转载请注明来源:夏雨云
评论列表(0条)