Profilo di 立❥·۰•●果果素材+教程大集合☃FotoBlogElenchi Strumenti Guida
 

关于如何使用『引用通告』?
←和我link

←更丰富的主站   ←素材站留言+提问  ←link留言 

17/07/2005

新人篇:置顶的实质


欢迎来到果果的素材站!
这里都是我平时收集的一些实用、漂亮的素材和教程
方便大家美化网页,扮靓日志,很有用哦~
图片大多数来源于网络,如果大家喜欢可以拿去~
但是请留下你善意的留言并保留原地址或使用引用通告
因为收集的过程也是很辛苦的,谢谢大家的体谅
请珍惜别人的劳动成果,在整篇拿走的时候请注明图片出处
和整理者的名字及地址!!~~!!!~~~!!!!

msn是不支持日志制定的,大家应该知道~
而如果我们要贴计数器、背景音乐又必须放在第一页才有效~
对于比较兴奋和果果一样更新很快的朋友就会比较麻烦~
所以就需要我们不断的手动置顶咯~~~
 Hosted by Lyn
手动置顶,听上去很复杂,其实很简单的~
只不过是一个重复的过程~
94在你打算置顶的日志快要沉到第二页时再重新发布一次
(关于要不要删除原来的那篇,随你高兴咯~)
484没什么技巧性呢?很多朋友听了又要回复:晕~
 
是啊,有时候是并没有那么复杂拉~
只要你愿意,你的空间也能又漂亮又专业哦!
 Hosted by Lyn
注意---:把旧的日志复制,粘贴在新添加的日志中~
              可能由于以前的个性空间或背景音乐等语法是一段代码~
              尤其是背景音乐,我们并看不见~
              所以果果的建议是复制html语法~
              就是将旧的日志转换成<html>,复制该日志的所有语言
              方便起见你可以copy在记事本中备份~方便每次使用
              在新的日志中,也是进入<html>粘贴上你的代码语言~
              ok~一点也不会遗漏咯~~~~~~完成~哈哈
 Hosted by Lyn
小贴士:做好把计数器,背景音乐,欢迎词等你要制定的项目放在同一篇日志里
                   这样既美观有很方便你的每次操作咯~~
                  +油~你也能做得很棒~~!!~~!---
 

——by 收集整理

关于如何使用『引用通告』?
←和我link

←点点留言   ←进入首页

 

回以下问题,对于置顶,msn并没有其他方法

如果想要有置顶日志,只有手动着一个办法

完全可以更新,怎么不可以?

只不过更新完毕八项要制定的日志重新发布1次

就这样而已~

让然如果嫌麻烦完全可以不用置顶日志~

很多新人还是问我怎么手动置顶

我想贴出来让大家了解一下在msn space里面目前置顶的实质~

是新人篇,我想如果已经知道的朋友不看就可以了~谢谢

Blog


10/08/2005

使用背景图片教程

这个问题问的人实在太多了
所以打算整理一个教程来给大家看
如果还不会的朋友或者还没得到回复的赶紧来学习一下吧!
 
教程编写很辛苦,还要一张张截图
所以希望大家尊重我滴劳动
如果实在喜欢的话可以在列表做个教程链接
谢谢保留教程原出处~~
 
 

一、用背景生成器

      此方法适合用单张图片做背景,就是不需要图片并列重复显示的

      素材参见: ❶bigger  ❷smaller  ❸卡通  ❹小卡通  ❼超级可爱卡通背景pic  ❽看似表格的背景图片  ❾公告板图片……不断整理中!!或者在别处看到的类似这样的图片都可以用该方法哦!

 

步骤:

1.打开背景生成器——http://msnmagic.unet.cc/

   找到自己合适的图片(如果是电脑里的图片需要先上传)


2.找到图片对着图片右击,为了获取图片的地址(了解这部的可以跳过)

   选择属性——>弹出对话框

Image hosted by TinyPic.com

 

3.很简单,复制地址(红圈处)
   (p.s.还不会复制粘贴的看这里:熟练使用快捷健
            复制:ctrl+c,粘贴:ctrl+v,剪切:ctrl+x,全选:crtl+a)

 

4.回到背景生成器页面,把刚才复制的地址粘贴到“背景图网址”这一栏(如图)

Image hosted by TinyPic.com

如果图片不是非常大的话此时便可以看到下面“显示结果”处以有你选择的图片了!

自己可以做一点设置,比如背景图位置,内容显示位置,还有一些滤镜,直接选择就可以!

比如,我选择的是背景濾鏡,均匀,透明度50%(均匀透明度起始透明度和结束透明度无大碍)

      起始透明度和结束透明度主要是对于后三种小国来说的,自己可以调节数值达到满意效果!

Image hosted by TinyPic.com

 

5.此时你选择的所有效果已经全部出现了
   可以不用现在编辑文字,先把效果全弄到日志去再编辑~
   选择的时候要小心,尽量使用快捷健(复制:ctrl+c)

从起始点一直到终点,不要遗漏~你看到的选中效果是图片里的文字全都选中~

为了让大家看得清楚点换了个小点的图片
这样子便是完全选中(如果粘贴到日志有不对请反复再试几次,确保选择正确)

Image hosted by TinyPic.com

 

6.回到日志编辑页面,把刚才复制的所有东西粘贴上(ctrl+v)

Image hosted by TinyPic.com

在日志上显示这样的结果,当然你也可以用工具兰上的编排按钮来做“居中”等处理!

 

7.这样你就已经可以编写自己的内容了,和往常一样的编写,可以输入文字,可以插入图片(浪线处)可以做链接(红圈处),都和平时编写一样的!

Image hosted by TinyPic.com

 

8.还有什么要说的呢?按照这样做,应该没问题,也能做到你要的效果,添加什么都可以,和普通编辑日志都一样,有问题去留言本提问,谢谢

 

好了,第一个方法汇报完毕


 

二、用代码编写小图片并排显示做背景效果

      目前这个效果只能用代码,其实上一种方法也可以用代码编写,只不过现在小绿人发明这个生成器会方便一点!

此方法适合用于小的图片,如:这样子的图片,当然也可以用那种闪闪的图片也很好看

素材参见:❺小背景~并排显示  ❻超艺术小背景——并排显示  ❷爱心网页背景大全……整理中!

代码如下:

<TABLE width="100%" background=http://spaces.msn.com/mmm2005-06-20_17.52/MSN/SmallLogos/msn_logo.gif border=0>
<TBODY>
<TR vAlign=top align=left>
<TD>
<P>内容在此</P></TD></TR></TBODY></TABLE>

1.复制以上代码(复制应该知道了吧)

 

2.进入日志编写页面,点击<html>按钮,按钮位置如图:

Image hosted by TinyPic.com

粘贴上去

p.s.都是我的习惯做法,达到相同效果就可以,步骤不一定和我一样

 

3.找到自己要的图片,一样的方法得到图片的地址!复制下地址

 

4.回到日志编辑,把自己的图片地址粘贴上,在background=这一栏,不要忘记空格

Image hosted by TinyPic.com

 

5.编写自己的日志内容,所有内容都编写在此处的“内容在此”这里

Image hosted by TinyPic.com

 

6.输入自己的内容,可以是文字,图片,链接,表格,滚动条……和平时编辑日志一样的编辑,所有功能都一样使用!想得到的你都能做到

Image hosted by TinyPic.com

 

好了,这个效果也完成了

有问题去留言本提问,谢谢


好了,我今天就教大家这两个方法,大家不会得赶紧抓紧时间学习

再次申明,原创教程请不要恶意引用,实在喜欢此教程可以在列表做链接,不要忘记保留教程原出处,谢谢大家配合!

 

——by 收集整理

关于如何使用『引用通告』?
←和我link

 ←更丰富的主站   ←素材站留言+提问  ←link留言

05/08/2005

鼠标点击文字的代码设置

 


在整篇拿走的时候请注明图片出处
保留原地址或使用引用通告!!~~!!!~~~!!!!谢谢~

1.鼠标移到,链接变色(最基本拉,因为是变色,所以把a{}也拿出来对比,主要要看的是a:hover里的变化)
A {color: #51bfe0} 链接颜色为#51bfe0
A:hover { color: #000000 } 鼠标移过去为#000000


2.鼠标移到,链接加粗(bold就是粗体)
A:hover {font-weight: bold }

3.鼠标移到,链接出现下划线
A:hover {text-decoration: underline;}


4..鼠标移到,链接文字下面有背景色
A:hover {background-color: #CCFFFF}
(这里多说一句)加背景色的同时字体颜色也可一变,比如链接是黑色,鼠标移过是黑底白字,这样设置如下
A {color: #000000}
A:hover {background-color: #000000;color: #FFFFFF;}



5.鼠标移到链接,链接文字出现(上、下、左、右虚线、虚点)
A:hover {border-bottom:1px dashed #51bfe0 }

1px:虚线的粗细
dashed:线条的样式。dashed是“虚线”、dotted是“点线”、soild是“实线”
#51bfe0:线的颜色的代码。
border-bottom 那里代表会在文字的下方出现虚线,还可以是border-top(上面出线)、border-right(右面出线) 或 border-left(左面出线),若想文字的四边都出现虚线,可直接用border,border:1px dashed #51bfe0(这样就使鼠标移过有一个虚线或者点的框)



6.鼠标移到链接,链接雾化
A:hover {FILTER: blur (add="0",direction="90",strength="5"); COLOR:#ffffff; HEIGHT: 0px;}
其中add="0",direction="90",strength="5"为雾化的一些值,强度阿。大小阿之类的,可以改改看


7.鼠标移到链接,鼠标变化(这个问题问得也比较多)
A:hover { cursor:crosshair }
其中crosshair代表的就是鼠标里的十字精度,也就是我这里用的,也可以改成别的
cursor:text就是出现打字时那个鼠标
cursor:wait就是忙时出现的那个鼠标
这种方法实现的是调用的浏览者自己的鼠标,如果他把十字精度定义成了一朵花,那移过链接就是一朵花而不是十字

还有一种是让浏览者使用你定义的鼠标(好像我原来页面那样)
A:hover { cursor:url("http://www.5Dblog.com/new/1usachan.cur") }
这个地址就是你把鼠标上传到某个地方的绝对地址,这样的话鼠标移过链接就会显示这个你上传的鼠标,无论浏览者自己用什么样的鼠标


注意!以上的代码我只是提取了这个功能的代码,并不是某个状态完全代码,就比如鼠标这个
A:hover { cursor:crosshair }这个只是在激活状态定义了鼠标,我们还需要定义别的,比如:

A:hover { cursor:crosshair;
color: #000000;
border-bottom:1px dashed #51bfe0;
}

这样就是鼠标会变,颜色也变成了黑色,下面还有下虚线。也可以加上上面举的其它功能,功能之间用分号(;)分隔

 

在教材网上看到的很有用的dd

是帮助大家做网页时候用的

不需要的朋友可以不用看

虽然果果怕麻烦还没有自己网站呢

但是果果作为斑竹要不是的编写两个论坛的版面

果果经常更新的~所以这些文字效果很有用的

如果有自己网页的朋友也可以收藏一下这个教程

很好的哦~~~~

ps在space上不需要用

因此不需要的朋友不必研究了~^^

 
                                                     


欢迎来到果果的素材站
这里都是我平时收集的一些实用、漂亮的素材
方便大家美化网页,扮靓日志,很有用哦~
图片大多数来源于网络,如果大家喜欢可以拿去~
但是请留下你善意的留言并保留原地址或使用引用通告
因为收集的过程也是很辛苦的,谢谢大家的体谅

 

 

~
~~---
~
便~
~
~~~
 
 
 
下面这是一个最简单的方法~
就是利用小绿人研制的色彩渐变工具
 
打开该网页~
在这里点击你要改变的项目,一共有三个可选
Uploadyourimages.com Image!
 
然后就是选择你自己喜欢的颜色了哦~
这个凭个人喜好~但是尽量起始色和结束色不要反差太强烈
可以多是几次,看看效果~ 

选好颜色以后就要打上文字了哦~

把你要显示的内容打在这里~

最后很简单拉

你要的效果就显示在下面

直接复制粘贴在自己的日志上就ok拉~~~

不过用这个工具就是有一个缺点拉

他不支持换行,就是不能回车

所以颜色的渐变每行可能因为字数的差异而不同咯

 果果一般是这样的,大家有新的发现可以留言哦

 

第一:就是和上面一样一行一行输入

所以因为字数不同,每行颜色渐变的位置也不同的

效果如下:

------------------------------------------------------

---------------------------------------------------------------

如果文字居中,就会整齐一点

其实都看个人爱好~也可以有不同变化的,都很不错

效果如下:

------------------------------------------------------

---------------------------------------------------------------

第二:整段输入,最后分段

效果如下:

--------------------------------------------------- 

~~~
~
~
~
~~

------------------------------------------------------------------ 

这样就是整段的颜色渐变,而不是一行一行哦~

效果也不错吧~嘿嘿

 

这就是用这个工具作出来的效果~也不错哦

主要是很方便~~~

 

 下面再个大家介绍一个用专业软件做出来的效果

用这个小软件可以变换出来很多效果~只要你想得到~

很漂亮哦~软件也不大~而且免安装

喜欢的朋友不妨试试看哦~

下载方法:1.可用下载软件.
2.按右键->目标另存为...
软件下载地址:下载地址1下载地址2

新下载地址:http://www.thefilebucket.com/userfiles/shengzhu/ColorMachinePro.rar

下载后不用安装,直接运行.

使用方法很简单:

首先,要下载此软件到你的电脑里.

无须安装,直接运行.


软件使用方法:

在上部文本框里输入内容.

下部出现转换效果,
选择[HTML Tag].
把HTML码复制到你的日志里.
注意:日志也要在HTML编辑状态.
也可复制到HTML编辑软件里,
作一下简单调整后,再复制到日志里.


  • 多多使用  Ctrl+A (全選) 再按 Ctrl+C (複製) 還有 Ctrl+V (貼上) 組合鍵..一定要會用...拜託.^^
    還有 Ctrl+X (剪下) Ctrl+Z (復原)  組合鍵可用.....

    軟體介面預覽:

    作著原創軟體資訊:

    軟體名稱:好色機器 V1.1 - 文字美化工具
    語言界面:繁體中文版
    軟體大小:517KB
    軟體性質:免費軟體For WinXP
    程式設計:夷希微@台灣
    軟體簡介:
        這

     

    注意~大家有问题可以留言哦~~

     

    ——by 收集整理

    关于如何使用『引用通告』?
    ←和我link

    ←点点留言   ←进入首页

  • 05/07/2005

    新人篇:在日志中添加音乐


    欢迎来到果果的素材站
    这里都是我平时收集的一些实用、漂亮的素材
    方便大家美化网页,扮靓日志,很有用哦~
    图片大多数来源于网络,如果大家喜欢可以拿去~
    但是请留下你善意的留言并保留原地址或使用引用通告
    因为收集的过程也是很辛苦的,谢谢大家的体谅


    MUSIC--- UP

    点击上面的<html>,进入代码编辑

    背景音乐代码语句如下

    语句:<P><IMG height=0 loop=infinite dynsrc=您的音乐地址 width=0 border=0></P>

    建议使用WMA格式的 ,比较小而清晰,在你耳边出现的速度相对快一点

    参数: loop是循环次数, infinite是无限制循环,你也可以设置为1.2.3...随你喜欢咯

    听听看 是不是有音乐呢

    而且,记住一定要保证你的音乐地址有效哦~
    你可以检查一边,将你的音乐地址打入浏览器地址栏,如果可以正常收听,表示有效~
     
     
    系统升级,现可以利用<BGsound>添加背景音乐
    方法如下:
    <pre><BGSOUND balance=0 src="音乐地址" volume=-600 loop=infinite></pre>
     
    还有尽量把这个放在第一行来写,或者单独开贴. 按Esc可以停止播放.
     
     
    EG:
    <PRE><BGSOUND balance=0 src="http://music.21youth.com/midi/midi/reallvU.mid" volume=0 loop=infinite></PRE>
     
    新人们赶紧试试看,有问题留言,我会尽量解答~
     
    在这里的很多留言我可能没有看到
    不知道你们的问题解决没有?
    如果解决了就最好
    如果还没有解决可以尝试在主页加入media play播放器
    这样以后换音乐会方便很多
    不过只支持一首音乐!
    教程我就转一下小绿人的
    大家过去学习~
    ——by 收集整理
     

    关于如何使用『引用通告』?
    ←和我link

     

    ┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅┅
    ←进入更丰富的主站  ←素材站主页     ←素材站御用提问←素材站留言
    27/06/2005

    文字特效代码整理


    欢迎来到果果的素材站
    这里都是我平时收集的一些实用、漂亮的素材
    方便大家美化网页,扮靓日志,很有用哦~
    图片大多数来源于网络,如果大家喜欢可以拿去~
    但是请留下你善意的留言并保留原地址或使用引用通告
    因为收集的过程也是很辛苦的,谢谢大家的体谅


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

    效果: 刪除線
     
    加上一道上線:
    <font style="text-decoration:overline">加上一道上線</font>

    效果:加上一道上線

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

    效果:加上背景色

    中文直書:<div style="writing-mode :tb-rl;width:◆px;height:◆px">內容擺這</div>
    效果:
    內容擺這


    上下翻轉:<font style="filter:FlipV ;height:10pt;">顯示效果預覽文字</font>

    效果:顯示效果預覽文字

    投射陰影效果:<font style="FILTER: Shadow(color=發光顏色,direction=135); HEIGHT: Apt;font-size:Bpt" face="字型" color=#FFFFFF>好像立體文字喔</font>

    好像立體文字喔   

    发光效果:<font style="FILTER: glow(color=#FF0000,strength=3); HEIGHT: 1px;" face="標楷體" color="#ffffff" size="4">什麼顏色最好看?</font>
    什麼顏色最好看?
    什麼顏色最好看?
    发光:<FONT style="COLOR: #xxxxxx; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>
    发光:❥·۰•●果果素材大集合☃

    阴影:<FONT style="COLOR: #xxxxxx; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>

    ❥·۰•●果果素材大集合☃
     
    发光:<FONT style="COLOR: #xxxxxx; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>日志文字</B></FONT>❥·۰•●果果素材大集合☃


    光晕效果的代码:<DIV style="FILTER: glow(color=#ff6600,strength=6); COLOR: #000000; HEIGHT: 10px"><FONT size=6>光晕效果</FONT></DIV>

    光晕效果---☜♥☞如果的小房子。◕‿◕

    渐变效果代码:

    <P align=center><FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"><B>☜♥☞如果的小房子。◕‿◕。</B></FONT></P>

    opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明;

    style属性:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变。

    width:100%则表示参与渐变的对象的宽度,通常都设置为100%。

    ☜♥☞如果的小房子。◕‿◕。


    带颜色阴影效果:

    <P align=center><FONT style="FONT-SIZE: 20pt; FILTER: dropshadow(color=#228B22,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B>带颜色阴影效果---☜♥☞如果的小房子。◕‿◕。</B></FONT></P>

    带颜色阴影效果---☜♥☞如果的小房子。◕‿◕。


    波纹字体代码:

    <FONT style="FONT-SIZE: 30pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷"><B>波纹字体--☜♥☞如果的小房子。◕‿◕。</B></FONT>


    add属性:布尔型,0或1,0表示将原始对象加入最后效果中,1则反之;
    freq属性:决定显示的频率,即应出现多少个波形;
    phrase属性:决定波形的形状,值取0至360之间;
    strength属性:决定波形的振幅。

    波纹字体--☜♥☞如果的小房子。◕‿◕。



    带背景字体代码:

    <P align=center><FONT style="BACKGROUND-COLOR: #ffe4c4" color=#daa520 size=6>带背景字体--☜♥☞如果的小房子。◕‿◕。</FONT></P>

    带背景字体--☜♥☞如果的小房子。◕‿◕。

     

    关于如何使用『引用通告』?
    ←和我link

    ——by 收集整理

    ←点点留言   ←进入首页