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

White residence

There is a chrismas lane in Lodon.

 
 
 

日志

 
 
关于我

丨网易博客的元老级人物丨 一个集才华与肥肉于一身的女子。 爱摄影、爱阅读、爱音乐、爱电影。 还是那个STRANGE的女孩。

网易考拉推荐

【引用】 『总汇』— 博客基础代码  

2012-05-09 17:32:19|  分类: Anthi﹏素材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

引用

Vennena『总汇』— 博客基础代码

 

博客基础代码

 

◎ 装扮博客可以用到的一些基础代码:

 

· 博客首页添加自定义模块:

按博客右上角 [换衣服] → [设置首页内容] → [添加自定义模块] → [置入代码] 

 

 

◎ 添加文字时可用到的代码:

 

· 文字隔行:<br>

在首页模块里放些心情文字,或者公告之类的时候替Enter来起分段落隔行作用。

 

· 字体加粗:<b>你想写的字</b>

Eg:<b>我要留言o(∩_∩)o</b>    →    我要留言o(∩_∩)o 

 

· 字体下划线:<u>你想写的字</u>

Eg:<u>欢迎来到我的博客</u>     →    欢迎来到我的博客

 

· 更改字体颜色:<font color=#value>你想写的字</font>

Eg:<Font color=#333399>健健康康!!</font>      →    健健康康!!

 

 

· 超链接代码:<a href="链接地址">你想写的字</a>

 Eg:<a href=http://kfc2165.blog.163.com/>Vennena's 博客</a>     →      Vennena's 博客

 

 

· 贴图代码:<Img src="图片地址">

- 图片地址查找:在图片上按右键→属性→地址(Url)

- 想自行调整图片大小,代码:<Img src="图片地址" width="宽" Height='"高">

 

                                             『总汇』— 博客基础代码 - Vennena - Vennena

<Img src="http://www.hey.ne.jp/7Echokomai/s

ozai/hito/aikon226.gif" width=85 height=115>

 

 

 

 

 

 

 

· 博客首页点图留言代码

<A HREF=博客地址/profile/?target=note><img src=图片地址></A>

 

博客首页经常因为留言区的留言与贴图而撑开版面,为了整体的美观排版,就隐藏了留言区。

而在网易的设置里,隐藏了首页留言后,去留言区会比较麻烦。。So就在首页设置了个留言图片,点击该图

片后直接去留言区。

 

Eg:【引用】 『总汇』— 博客基础代码 - ЯiiиЪOш - ·    点击『我要留言』后直接去留言区。

 

 

· 黑板风-公告栏、日志边框:

内容部分

<TABLEstyle="BORDER-RIGHT: #800000 thick ridge; BORDER-TOP: #800000 thick ridge; BORDER-LEFT: #800000 thick ridge; BORDER-BOTTOM: #800000 thick ridge" height=150 cellSpacing=0 width=320 bgColor=#006a00 border=0><TBODY><TR><TD vAlign=top align=middle><FONT color=#ffffff><STRONG>内容部分</STRONG> </FONT></table>

--

height=150 width=320 -- 宽、高可自行调整。 更多:这里

 

 

 

· 在日志中置入鼠标代码

选择日志右上角【全部功能】 → 按【<>】 → 在最顶端粘贴【鼠标代码

鼠标代码<BR><STYLE>body{cursor:url(鼠标网址)</STYLE>

 

Eg:此日志使用的鼠标代码:

1-选择鼠标网址:http://hk.geocities.com/maggie082016/m6B.ani

2鼠标网址代人后的完整鼠标代码

<BR><STYLE>body{cursor:url(http://hk.geocities.com/maggie082016/m6B.ani)</STYLE>

3-选择日志右上角【全部功能】 → 按【<>】 → 在页面最顶端粘贴  【2-完整鼠标代码

 

 

 

· 滚动条代码:滚动条内的那些英文『<DIV style=……』就是代码了。

- 下面是几种不同颜色效果的滚动条,可自行调整大小,颜色。

- 如果对颜色没什么要求可以直接复制以下滚动条到日志里,再据喜好排版,直接自行拉伸调整大小。然后在

滚动条上点2下(双击)后,直接在框框里输入文字,或者超链接

- 再来就是颜色,说真的,不是太清楚代码的就蒙吧!(汗!)代码中像#ffecec,#开头的就

是颜色代码,你就自行弄个颜色代码套进去看效果就行。

- 来源:这里  查看原文更详细专业。

 

 

双击这里

在这里输入文字

或者输入超链接

 

 

· 代码:

<DIV style="OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 698px; HEIGHT: 125px"><P align=left>双击,在这里输入文字,或者链接。</P></DIV>

 
<DIV style="BORDER-RIGHT:#333399 1pt dashed; BORDER-TOP: #333399 1pt dashed;
SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW:
 auto; BORDER-LEFT:#333399 1pt dashed; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR:
 COLOR:#333399 ; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR:
 #006c90; BORDER-BOTTOM::#333399 1pt dashed; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 150px" align=left><FONT color=#0060c0 >文字</FONT></DIV>
 

<DIV style="BORDER-RIGHT: #00b490  thick  dotted; BORDER-TOP: #00b490  thick  dotted;
 SCROLLBAR-FACE-COLOR: #fcfcfc; SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc; OVERFLOW: auto;
BORDER-LEFT: #00b490   thick  dotted; WIDTH: 200px; SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #00b490; SCROLLBAR-TRACK-COLOR: #fcfcfc; BORDER-BOTTOM:
 #00b490  thick  dotted; SCROLLBAR-DARKSHADOW-COLOR: #fcfcfc; HEIGHT: 150px" align=left>
<FONT color=#000000>文字</FONT></DIV>

 
 <DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid;SCROLLBAR-FACE-COLOR: #006600; SCROLLBAR-HIGHLIGHT-COLOR: #33cc33; OVERFLOW: auto; BORDER-LEFT: black 2px solid; WIDTH: 200px;
SCROLLBAR-SHADOW-COLOR: #33cc33; COLOR: #006600; SCROLLBAR-3DLIGHT-COLOR:
#33cc33; SCROLLBAR-ARROW-COLOR: #33cc33; BORDER-BOTTOM: black 2px solid;
SCROLLBAR-DARKSHADOW-COLOR: #33cc33; HEIGHT: 150px; BACKGROUND-COLOR: #ccffcc" align=center>
<DIV align=left><FONT color=#009900>文字</FONT></DIV>
 

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid;
 SCROLLBAR-FACE-COLOR: #ffa500; OVERFLOW: scroll; BORDER-LEFT: black 2px solid;
 WIDTH: 200px; SCROLLBAR-SHADOW-COLOR: #ffd700; COLOR: #d2691e;
SCROLLBAR-3DLIGHT-COLOR: #ff7f50; SCROLLBAR-ARROW-COLOR: #ff0000;
BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #000000; HEIGHT: 150px" align=center>文字</DIV>

 
<DIV style="BORDER-RIGHT: #fc48b4 double; BORDER-TOP: #fc48b4 double; SCROLLBAR-FACE-COLOR: #fcd8fc; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: auto; BORDER-LEFT: #fc48b4 double; WIDTH: 200px; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #d800b4; SCROLLBAR-TRACK-COLOR: #ffffff; BORDER-BOTTOM: #fc48b4 double; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 150px" align=left><FONT color=#000000>文字</FONT></DIV> 
 

<DIV style="BORDER-RIGHT:#fcb4d8  ridge; BORDER-TOP:
#fcb4d8  ridge; SCROLLBAR-FACE-COLOR: #fcb4d8;
SCROLLBAR-HIGHLIGHT-COLOR: #fcb4d8; OVERFLOW: auto;
BORDER-LEFT: #fcb4d8  ridge; WIDTH: 200px; SCROLLBAR-SHADOW-COLOR:
 #fcb4d8; COLOR: #fcb4d8; SCROLLBAR-3DLIGHT-COLOR: #fcb4d8;
SCROLLBAR-ARROW-COLOR: #d82448; BORDER-BOTTOM: #fcb4d8  ridge;
 SCROLLBAR-DARKSHADOW-COLOR: #fcb4d8; HEIGHT: 150px; BACKGROUND-COLOR:
#fcb4d8" align=center><P align=left><FONT color=#8000ff>文字</FONT></P></DIV>

</DIV></DIV>

 

 

 

 

 

 

· 获取颜色代码的Flash工具:

 

 

用鼠标移动Flash上的圆点调整到要使用的颜色,

颜色代码就会出现在右上角。

Eg:FF0000

来源:Booker

 

 

 

 

 

博客装饰Flash、时钟 - Vennena - VennenaVennena 首页博客装饰Flash、时钟 - Vennena - Vennena

 

  评论这张
 
阅读(28)| 评论(8)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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