2009年1月29日星期四

累死 = _ =

终于搞懂了怎样弄背景

好累啊~我还要继续美化

html什么东东的都太难了

还好我在网上找到blogspot的教导篇

==============================我是分割线========

(1)

首先

先看目前我在用着的
(点图放大)

还算可以见人的作品

再来看一个文章一模一样
但却什么都没设计过
功能插件也没有的
(点图放大)
p/s:是不是忽然觉得我弄过的美了很多咧~XD(被巴)

不要看到我的blog然后觉得好像要弄到像我那种很麻烦
其实还是不难弄的
因为我是酱我在别的网站找到的模板改一改内部设置
所以就可以弄成自己想要的模版了^^

首先嘛
先讲一下初级版的
注:
我用Minima Black的模版来改的
可能会和你们的模版代码有些出入

好~
请跟着步奏一步一步来哦~
控制台--->布局--->修改HTML
打开后
请在里面找到蓝色字体的代码(按ctrl+f)
并加上红色字体的代码

以下是背景图案不重复的作法:
如图
(点图放大)
p/s:很久以前我就是用这个图XD
引用:
body {
background:$bgcolor URL([图片url])no-repeat;
background-attachment:fixed;
background-position: bottom right;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

以下是背景图案重复的做法:
如图显示
(点图放大)
p/s:选错图= =看起来很乱= =(像这种情况,我比较建议换过另外一个没那么花俏的图= =)

引用:
body {
background:$bgcolor URL([图片url])repeat;
background-attachment:fixed;
margin:0;
color:$textcolor;
font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

引用:
小小字典:
* no-repeat = 完全不会重复
* repeat  = 横向+直向重复
* repeat-x = 橫向重复
* repeat-y = 直向重复
* left  = 图片从最左边开始
* center = 图片从中间开始
* right  = 图片从右边开始
* top  = 图片从最高处开始
* center = 图片从中间开始
* bottom = 图片从最低开始

没有评论:

发表评论