ღ amy.piggi™ さんのプロフィール^^ aМуの寶貝素材 ^^ブログリスト ツール ヘルプ

ブログ


    教你三招 美化你的space

    blog教程①:美化你的文字


    <font style="text-decoration:line-through">刪除線</font>
    刪除線

    <FONT style="BACKGROUND-COLOR: #ffddff">加上背景色</FONT>
    加上背景色

    <font style="filter:FlipH;height:10pt;">左右翻转效果</font>
    左右翻转效果

    <font style="filter:FlipV ;height:10pt;">上下翻转效果</font>
    上下翻转效果

    <FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#4A7AC9,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
     发光文字效果

    <FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF0000,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
     发光文字效果

    <FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF0080,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
     发光文字效果

    <FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#FF8000,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
     发光文字效果

    <FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#008080,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
     发光文字效果

    <FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#0000FF,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
     发光文字效果

    <FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#8000FF,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
     发光文字效果

    <FONT style="FONT-SIZE: 9pt; FILTER: Glow(color=#000000,strength=2); COLOR: #ffffff; HEIGHT: 9pt">发光文字效果</FONT>
     发光文字效果

    <FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#4A7AC9,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp;</FONT>投射阴影文字效果  

    <FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#FF0000,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
    投射阴影文字效果  

    <FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#FF0080,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
    投射阴影文字效果  

    <FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#FF8000,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
    投射阴影文字效果  

    <FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#008080,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
    投射阴影文字效果  

    <FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#0000FF,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
    投射阴影文字效果  

    <FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#8000FF,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
    投射阴影文字效果  

    <FONT style="FONT-SIZE: 12pt; FILTER: Shadow(color=#000000,direction=135); HEIGHT: 19pt" face=Verdana color=#ffffff>投射阴影文字效果&nbsp;&nbsp; </FONT>
    投射阴影文字效果  

    <font style="FILTER:Dropshadow(color=#cccccc,offX=3,offY=3); height=1px">阴影文字效果</font>
    阴影文字效果

    <DIV style="WIDTH: 80px; HEIGHT: 19px; BACKGROUND-COLOR: #cccccc"><FONT style="FILTER: Dropshadow(color=#FFFFFF,offX=1,offY=1); HEIGHT: 15pt" color=#000000>&nbsp;雕刻文字效果</FONT></DIV>

     雕刻文字效果

    <DIV style="FONT-SIZE: 14pt; FILTER: Wave(freq=17,strength=3,lightstrength=1,phase=0); WIDTH: 125px; LINE-HEIGHT: 15pt; FONT-FAMILY: Verdana; HEIGHT: 20px" align=left>
    <FONT color=#ff8000><STRONG><B>扭曲文字效果</B></STRONG></FONT></DIV>

    扭曲文字效果

     

    blog教称②:pl图图美化你的网志

     


    利用背景图片做成的超酷文字!!
    直接复制到编辑日志项就可修改!
        经常看到很多朋友日志上的图片显示几天后就出现显示不了或显示不正常了,原因是因为他们引用图片时总是直接在其它地方复制后就粘贴到自己的日志里。过一短时间后被引用图片的网站一删除或重命名图片,这种情况就出现了!我的做法是:将我要引用到的所有图片都现存到本地硬盘上,然后再上传到自己的相册里,再在自己的相册里复制图片。这种做法虽然有点麻烦,但可以保证你日志里所有图片永不过期,一切尽在自己掌握中!

    1)文字绕图

    <P><A href=http://...... target=_blank><IMG height=225 src=http://...... width=300 align=right></A></P>
    <P>环绕图片的文字</P>

    注:
    A href=http://......”是点击图片时打开的链接;
    target=_blank”是指打开链接的方式为新开窗口。

    如果不需要点击图片打开链接可以删除“<A href=http://......target=_blank>”和“</A>”代码。
    src=http://......”是图片的URL地址,
    height=225”是指定图片的高度(不更改图片高度可删除此代码),
    width=300”是指定图片的宽度(不更改图片宽度可删除此代码)。
    “align=right”是指定图片的水平对齐方式。可更改等号后面参数:right—靠右;left—靠左;center—居中。

    2)日记背景图片制作

    <DIV><IMG style="FILTER: alpha(opacity=95, finishOpacity=10,style=2)" height=225 src="http://......" width=300 align=right><DIV style="FLOAT: left; WIDTH: 473px">前景文字</DIV></DIV>

    注:
    src=http://......”是背景图片的URL地址,
    height=225”是指定背景图片的高度(不更改背景图片高度可删除此代码),
    width=300”是指定背景图片的宽度(不更改背景图片宽度可删除此代码)。
    “align=right”是指定背景图片的水平对齐方式。可更改等号后面参数:right—靠右;left—靠左;center—居中。
    style="FLOAT: left; WIDTH: 473px"”指定前景文字框的水平对齐方式和宽度。
    style=2”背景图片滤镜样式,可更改等号后面参数: 0—均匀;1—线状;2—圆形;3—长方形。
    opacity=95”指定背景图片起始透明度,有效范围是“0~100”
    finishOpacity=10”指定背景图片结束透明度,有效范围是“0~100”

     

    blog教程③:添加计数器和MSN在线状态指示器


    1)申请免费的计数器
    提供这种服务的网站很多,你在搜索引擎中键入“Free Web Counter”会查找到很多结果。这里我个人推荐http://www.amazingcounters.com/这个网站,他提供350多种计数器,款式繁杂,花色多样,绝对满足你的需要。申请时需要注册,但过程极简单,只需要输入用户名、密码、网址和邮箱即可。注册成功后你将获得一段在线生成的HTML页面的代码,还可以选择让他把代码发到你的邮箱里。你只需将代码复制到你的需要显示计数器的地方就可以了。你还可以对代码简单的修改,以更好的适合你的需要。

    2)申请MSN在线状态指示器
    申请MSN在线状态指示器也很简单,到下面这个网站http://snind.gotdns.com:8080/ 在“Messenger”下拉菜单里选择MSN,当然如果你有Yahoo,或AOL等提供的及时通讯工具,也可以为其申请相应的指示器。输入你的MSN Messenger用户名,网站很快会为你生成一段代码,这段代码显示的是一个图标,通过其颜色的变化来显示你的Messenger的不同状态,直接将此代码按上述方法添加到日志中就可以了。有两个问题需要注意:该状态指示不会实时更新,它显示的状态是访问者登陆你的空间时你的在线状态,如果你在此期间上线或离线,指示器不会实时同步做出反应,除非刷新页面才会看出变化。另外显示的状态和真实状态可能会有稍许延迟,但不严重。还有一种情况也可能会发生,就是服务商的Server关机,那么指示器就无法正确显示任何状态了。

     by:amy收集&整理   
    整篇拿走的時候記得引用通告或者給我留言讓我知道哦!

    コメント (1 件)

    しばらくお待ちください。
    入力されたコメントは長すぎます。短くしてください。
    何も入力されていません。もう一度やり直してください。
    現在、コメントを追加できません。後でもう一度やり直してください。
    コメントと書くには、保護者 (ほごしゃ) の方の許可 (きょか) をもらってください。許可をリクエストする
    保護者 (ほごしゃ) の方が、あなたがコメントを書けないようにしています。
    現在、コメントを削除できません。後でもう一度やり直してください。
    1 日に投稿できるコメントの最大数を超えました。24 時間経過してから、もう一度やり直してください。
    あなたが他のユーザーに対して迷惑行為を行っている可能性があると確認されたため、お使いのアカウントによるコメントの投稿を無効にしています。誤って無効にされたと思われる場合は、Windows Live のサポートにお問い合わせください。
    コメントを投稿する前に、以下のセキュリティ チェックを完了してください。
    セキュリティ チェックに入力する文字は、画像に表示されている文字または音声で流れた文字と一致していなければいけません。

    コメントを投稿するには、お使いの Windows Live ID でサインインしてください (Hotmail、Messenger、または Xbox LIVE を既に使用している場合は、そのアカウントが Windows Live ID です)。サインイン


    Windows Live ID をお持ちでない場合は、アカウントを新規登録してください。

    票ﻬ票さんの投稿:
    昨天copy了,沒來得及向你報告~~
    偶也要把自己的space打造得漂漂的!!
    6 月 22 日

    トラックバック

    この記事のトラックバックの URL は次のとおりです。
    http://amypiggi.spaces.live.com/blog/cns!CCD7BDF9BE9BF50E!132.trak
    この記事を参照しているブログ
    • なし