注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

枫叶红似火,一叶便知秋;

枫叶知秋博客;欢迎您的光临。

 
 
 

日志

 
 

【转载】教程——扮靓你的博客  

2013-01-08 19:24:56|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


 

 

一、代码。

1、在一些素材网站上寻找合适的素材。

一般而言,这些网站都会提供素材的代码。

例:

教程——扮靓你的博客 - 儒风 - .←这个框框里面就是代码哦!

把他们提供的代码复制下来。

2、点击博客左上角的教程——扮靓你的博客 - 儒风 - .,再点“装扮博客。如图:

教程——扮靓你的博客 - 儒风 - .

3、在出现的教程——扮靓你的博客 - 儒风 - .里点教程——扮靓你的博客 - 儒风 - .

4、点教程——扮靓你的博客 - 儒风 - .

5、

教程——扮靓你的博客 - 儒风 - .把你刚刚复制的代码粘贴上去。

6、点教程——扮靓你的博客 - 儒风 - .,看看效果,确定没什么问题后点教程——扮靓你的博客 - 儒风 - .,相应的素材将会出现在你的博客上!

7、有些博客上的素材没有代码,就得自己编辑了!

例:

教程——扮靓你的博客 - 儒风 - .这幅图没有给出代码。

8、对图片点右键——属性,复制里面的地址(url)

教程——扮靓你的博客 - 儒风 - .

9、按2-4步所说,添加一个模块。

10、将代码  <img src="刚刚那幅图的地址">  复制上去。

温馨贴士:分割线、图片、闪字闪图、访客计时器等都属于图片类。

11、点教程——扮靓你的博客 - 儒风 - .,没问题后点教程——扮靓你的博客 - 儒风 - .即可!!!

12、时钟、日历等东西属于flash类,一般发布人都会提供代码。如果没有代码,只有一个以“http://”开头的地址的话,就复制这个地址。添加一个自定义模块,点“插入flash”把弹出窗口里本身有的“http://”删掉,再复制自己刚刚得到的地址上去,点教程——扮靓你的博客 - 儒风 - .,没问题的话点教程——扮靓你的博客 - 儒风 - .

二、下面是几个博客常用的代码:

贴图:         <img src="图片地址">

文字连接:        <a href="连接地址" target="_blank">连接文字</a>  

温馨贴士:如果要连接到某一篇日志,务必把日志后面的“/edit/”去掉,否则地址会出错,猫猫就犯过这种错误!)

字体加大:       <big>要加大的字</big>

字体控制大小:<h1>写上你想写的字</h1> (其中红色部分字体大小可从h1-h5,h1最大,h5最小)

换行(功能类似回车键):      <br>

自定义栏里加上背景

<table border="0" width="表格宽"  background="背景图网址"><tr><td>图片、文字或其他代码</td></tr></table>

 1.上下滚动:

代码:<MARQUEE style="FONT-SIZE: 12px; WIDTH: 132px; COLOR: rgb(34,3

4,221); LINE-HEIGHT: 17px; HEIGHT: 125px" scrollAmount=1 scrollDela

y=1 direction=up height=125>这里是文字<BR></MARQUEE>

 

2.左右滚动:

代码:   <marquee direction="left" scrollamount="1" scrolldelay="10" bo

rder="0" width=500 >

 

滚动条添加

 <DIV align=center>
<DIV style="BORDER-RIGHT: #ff5bad 5px dotted; BORDER-TOP: #ff5bad 5px dotted; SCROLLBAR-FACE-COLOR: #ff7dbe; Z-INDEX: 1; LEFT: 10px; OVERFLOW-X: hidden; SCROLLBAR-HIGHLIGHT-COLOR: #ffb3d9; OVERFLOW: scroll; BORDER-LEFT: #ff5bad 5px dotted; WIDTH: 230px; SCROLLBAR-SHADOW-COLOR: #ffb3d9; SCROLLBAR-3DLIGHT-COLOR: #ff7dbe; SCROLLBAR-ARROW-COLOR: #ffb3d9; BORDER-BOTTOM: #ff5bad 5px dotted; SCROLLBAR-DARKSHADOW-COLOR: #ff7dbe; SCROLLBAR-BASE-COLOR: #ff7dbe; TOP: 15px; HEIGHT: 78px"><FONT color=#808080>
<P><FONT size=2></FONT>输入文字</P></FONT></DIV></DIV>
<DIV align=center><FONT style="BACKGROUND-COLOR: #ffffff"></FONT><FONT color=#000000 size=3>&nbsp;</FONT></DIV>

 
其中的颜色,大小都可以自由更改,大家慢慢琢磨吧.

空格代码(即空格键): &nbsp;

 改变字体和颜色:        <FONT face=宋体 color=#FF99CC>要变色的文字</FONT>(红色部分可输入其他颜色代码)

加粗文字:      <b>要加粗的文字</b>

删除线文字 :      <s>删除线文字</s>

 

右边显示文字

 <!--StartFragment--><div align=right>文字</div>
 
三、颜色代码。
要改变字体颜色或其他需要输入颜色代码的地方,可参考以下代码:
#000000 #000033 #000066 #000099 #0000cc #0000ff
#003300 #003333 #003366 #003399 #0033cc #0033ff
#006600 #006633 #006666 #006699 #0066cc #0066ff
#009900 #009933 #009966 #009999 #0099cc #0099ff
#00cc00 #00cc33 #00cc66 #00cc99 #00cccc #00ccff
#00ff00 #00ff33 #00ff66 #00ff99 #00ffcc #00ffff
 #330000 #330033 #330066 #330099 #3300cc #3300ff
#333300 #333333 #333366 #333399 #3333cc #3333ff
#336600 #336633 #336666 #336699 #3366cc #3366ff
#339900 #339933 #339966 #339999 #3399cc #3399ff
#33cc00 #33cc33 #33cc66 #33cc99 #33cccc #33ccff
#33ff00 #33ff33 #33ff66 #33ff99 #33ffcc #33ffff
#660000 #660033 #660066 #660099 #6600cc #6600ff
#663300 #663333 #663366 #663399 #6633cc #6633ff
#666600 #666633 #666666 #666699 #6666cc #6666ff
#669900 #669933 #669966 #669999 #6699cc #6699ff
#66cc00 #66cc33 #66cc66 #66cc99 #66cccc #66ccff
#66ff00 #66ff33 #66ff66 #66ff99 #66ffcc #66ffff
#990000 #990033 #990066 #990099 #9900cc #9900ff
#993300 #993333 #993366 #993399 #9933cc #9933ff
#996600 #996633 #996666 #996699 #9966cc #9966ff
#999900 #999933 #999966 #999999 #9999cc #9999ff
#99cc00 #99cc33 #99cc66 #99cc99 #99cccc #99ccff
#99ff00 #99ff33 #99ff66 #99ff99 #99ffcc #99ffff
#cc0000 #cc0033 #cc0066 #cc0099 #cc00cc #cc00ff
#cc3300 #cc3333 #cc3366 #cc3399 #cc33cc #cc33ff
#cc6600 #cc6633 #cc6666 #cc6699 #cc66cc #cc66ff
#cc9900 #cc9933 #cc9966 #cc9999 #cccccc #ccccff
#ccff00 #ccff33 #ccff66 #ccff99 #ccffcc #ccffff
#ff0000 #ff0033 #ff0066 #ff0099 #ff00cc #ff00ff
#ff3300 #ff3333 #ff3366 #ff3399 #ff33cc #ff33ff
#ff6600 #ff6633 #ff6666 #ff6699 #ff66cc #ff66ff
#ff9900 #ff9933 #ff9966 #ff9999 #ff99cc #ff99ff
#ffcc00 #ffcc33 #ffcc66 #ffcc99 #ffcccc #ffccff
#ffff00 #ffff33 #ffff66 #ffff99 #ffffcc #ffffff

 

 

 

  评论这张
 
阅读(31)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017