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

火力光波的博客

火一般的热情 光一样的速度

 
 
 

日志

 
 

网易博客留言贴字新技巧  

2008-12-09 17:39:59|  分类: 文字编辑 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

  网易博客留言贴字新技巧

 

基本代码及方法

 

基本代码:   <p title="<0>"style="FONT-SIZE: 字号pt;COLOR:颜色"><BR>文字</p>

                     或 <div title="<0>"style="FONT-SIZE: 字号pt;COLOR:颜色"><BR>文字</div>

                     属性:title="<说明>"   SIZE: 字号pt;  COLOR:颜色;  <strong></strong>粗体字

                                WIDTH: 宽度px;  HEIGHT: 高度px;      FACE: 字体(晢无法用)

操作方法: 其方法与贴图新技巧类似。先将上面的基本代码复制粘贴在日志里,输入文字,设置字号、 颜色等,点击“发
 
                    表日志”。对已编好的文字及代码,可将文字复制粘贴到留言栏,还可将 代码复制粘贴到回复栏,点“查看留
 
                    言录记”查看文字显示效果 。

 

 

文字基本设置

 

字号设置:文字在日志中和留言栏里显示的效果是不一样.。在留言栏里,字号大小在“15pt”以上的,须在文字前

                  面加“ <br> ”或在标签前面加“ <P></P> ”,否则文字就不能完整的显示。下面是在文字的前面没加

                 “<br>”、加了“<br>”的一组代码,分别在日志中和留言栏里显示的效果。

 

字号代码:

<p title="<0>" style="FONT-SIZE: 30pt; COLOR: #ff00ff"><STRONG>文字前没加&lt;br&gt;的效果</STRONG></p>

<p title="<0>" style="FONT-SIZE: 30pt; COLOR: #ff00ff"><STRONG>文字前没加&lt;br&gt;的效果</STRONG></p>

<p title="<0>" style="FONT-SIZE: 30pt; COLOR: #ff00ff"><STRONG> <BR>文字前加了&lt;br&gt;的效果</STRONG></p>

<p title="<0>" style="FONT-SIZE: 30pt; COLOR: #ff00ff"><STRONG><BR>文字前加了&lt;br&gt;的效果 </STRONG></p>

 

在日志中显示的效果:

文字前没加<br>的效果

文字前没加<br>的效果


文字前加了<br>的效果


文字前加了<br>的效果

 

在留言栏显示的效果:

 
 从以上能否得出以下结论:
         1、文字在日志中,代码可显示自身效果;但在留言中代码只显示文字的默认值。
         2、在留言中的文字,最好用<p></p>标签,在文字前加<BR>就可以了。用<div></div>标签,文字上下都会
               显示不完整。
         3、文字在日志中没加<BR>或<P></P>与在留言中加了两至三个<BR>或一个<P></P>的效果大致相同。
              
 
 
位置设置:文字在页面的位置,在默认的情况下在左上方。在页面的位置设置  :                                            
                  横向:align="位置"   left  左  center 中  right 右,或 用不断行空白 “&nbsp; ”;
                  纵向:可用<br>、<p></p>、  <p>&nbsp;</p>调整。
                  设置了宽、高的,则分布在在宽、高范围内。如下面实例:
 
位置01代码:
 
<P title="<0>" style="FONT-SIZE: 20pt; WIDTH: 400px; COLOR: #ff00ff; HEIGHT: 100px" align=right><BR><B>文字位置在右方</B></P>
 


文字位置在右方

 
位置02代码:
 
<P title="<0>" style="FONT-SIZE: 20pt; WIDTH: 400px; COLOR: #ff00ff; HEIGHT: 100px" align=right><BR><B>左边&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 中间&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 右边</B></P>


左边                中间              右边

 
位置03代码:
 
<div title="<0>" style="WIDTH: 400px; HEIGHT: 300px">
<P title="<0>" style="FONT-SIZE: 20pt; COLOR: #ff00ff" align=left><BR><B>左上方</B></P>
<P title="<0>" style="FONT-SIZE: 20pt; COLOR: #ff00ff" align=center><BR><B>正中间</B></P>
<P title="<0>" style="FONT-SIZE: 20pt; COLOR: #ff00ff" align=right><BR><B>右下方</B></P></div> 
 


左上方


正中间


右下方

 
 
 
 
其它设置:   

代码:  <P title="<0>" style="FONT-SIZE: 25pt; COLOR: #ff00ff"><BR>一般效果文字</P>
<P title="<0>" style="FONT-SIZE: 25pt; COLOR: #ff00ff"><STRONG><BR>粗体字粗体字</STRONG></P>
<P title="<0>" style="FONT-SIZE: 25pt; COLOR: #ff00ff"><B><BR>加粗加粗加粗</B></P>
<P title="<0>" style="FONT-SIZE: 25pt; COLOR: #ff00ff"><U><BR>底线底线底线</U></P>
<P title="<0>" style="FONT-SIZE: 25pt; COLOR: #ff00ff"><I><BR>倾斜倾斜倾斜</I></P>
<P title="<0>" style="FONT-SIZE: 25pt; COLOR: #ff00ff"><U><B><I><BR>加粗倾斜底线</I> </B></U></P>

 

去掉<BR>后在日志中的效果:

一般效果文字

粗体字粗体字

加粗加粗加粗

底线底线底线

倾斜倾斜倾斜

加粗倾斜底线

 

 
                   网易博客留言贴图新技巧(二)
                   区域标签在合成图中的妙用
                   网易博客留言栏中的表格代码 
                   网易博客留言新图帖

 上一页 ◆◆下一页◆        

  
  评论这张
 
阅读(1000)| 评论(4)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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