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

山后人

向往高原;喜欢旅游

 
 
 

日志

 
 

【转载】图解文本框使用方法  

2013-03-06 13:23:02|  分类: 博客技术 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自幻影日月《图解文本框使用方法》
 
 

   

 

    这是杖藜在杖藜意外合成既可以在图片上写字,又可以添加动画的代码》一文中使用的文本框。它不但可以缩小空间的占用,而且使页面显得更加美观(当然,并不是所有人喜欢这个东东)。 

    文本框的使用并不复杂。

    1.点自己博客的“发表文章”。

    2.选择本文后面的一个文本框,将其复制,粘贴在自己的“快捷文章发表框”里:  

 

图解文本框使用方法 - 幻影日月 - 幻影日月

 图解文本框使用方法 - 幻影日月 - 幻影日月

 

    3.编辑文本框。

    在文本框上点击鼠标,将其选中。   

图解文本框使用方法 - 幻影日月 - 幻影日月

 

    改变大小:按住鼠标左键拖动方形按钮;

    改变位置:利用工具栏里的“左对齐”、“右对齐”或 “居中对齐”按钮,或者在没选中的情况下利用鼠标与空格键、回车键等配合操作。还可以选中拖动、剪切/粘贴等。

    编辑文本框可以在适当的时候多次进行。

 

图解文本框使用方法 - 幻影日月 - 幻影日月

 

    4.在文本框以外输入文章:

图解文本框使用方法 - 幻影日月 - 幻影日月

  

 图解文本框使用方法 - 幻影日月 - 幻影日月

 

    5.选中文章里想放入文本框的内容,按住鼠标左键拖入文本框:

图解文本框使用方法 - 幻影日月 - 幻影日月

 

图解文本框使用方法 - 幻影日月 - 幻影日月

 

    6.双击文本框,使其四周出现虚线(其实这是真正意义上的文本框),像正常编辑文章那样编辑文本框里的文件。拖动右侧的拉条,内容上下移动:

图解文本框使用方法 - 幻影日月 - 幻影日月

 

图解文本框使用方法 - 幻影日月 - 幻影日月

 

    也可以将图片、代码等文件装入文本框。

    文本框里的图片可以通过拖动来调整前后顺序。

    可以通过暂时缩小图片或扩大文本框为编辑提供方便,然后复原: 

 图解文本框使用方法 - 幻影日月 - 幻影日月
 
图解文本框使用方法 - 幻影日月 - 幻影日月
 
图解文本框使用方法 - 幻影日月 - 幻影日月

 

图解文本框使用方法 - 幻影日月 - 幻影日月

 

    其余的按平常发表文章的步骤进行。

 

    以下是几种漂亮的文本框(取自网络)。

    一个小窍门:

    可以将下面的所有文本框复制,保存在自己的草稿箱里,使用方便。

    其实,草稿箱也是一种仓库。

 

   

 

 绿色
 

橙色

 
 

粉色


 紫色


淡黄色虚线


淡绿色虚线

 

透明效果虚线

 

透明效果粉色虚线

  

土黄色虚线

 

黄色

 

彩色背景

 
  灰色
 
 
   图解文本框使用方法 - 幻影日月 - 幻影日月
 
    下面文本框里的是绿色文本框代码。
    改变颜色码,例如006600和33cc33等,即可改变文本框的颜色:
<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; SCROLLBAR-FACE-COLOR: #006600; SCROLLBAR-HIGHLIGHT-COLOR: #33cc33; OVERFLOW: scroll; BORDER-LEFT: black 2px solid; WIDTH: 386px; SCROLLBAR-SHADOW-COLOR: #33cc33; COLOR: #006600; SCROLLBAR-3DLIGHT-COLOR: #33cc33; SCROLLBAR-ARROW-COLOR: #33cc33; BORDER-BOTTOM: black 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #33cc33; HEIGHT: 79px; BACKGROUND-COLOR: #ccffcc" align=center>
<DIV align=center> 绿色</DIV>
 
     转载请注明出处 http://blog.sina.com.cn/liuzhongren
        
  评论这张
 
阅读(123)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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