Xsinwei //: 10.2011

10.31.2011

图片标题[ sidebar ]

其实这个很简单，不过朋友说要，所以就放教程咯~

** 高手童鞋们，不要被这个教程炸到 - -

效果图 :

要如何做那些 [ That's me ! & Thankyou ] 呢?

其实我用的方法很简单而已啦、打开你想弄的sidebar page

然后在小工具的最前面添加图片网址( html code 的 ) 就行啦 ~

列如 :

done x)

10.27.2011

童年 :)

我的童年 ? 只是简简单单的过日子 :)

还记得小时候常常看戏 ♥ 还记得我连吃饭都要看电视 x)

还记得这些是我小时候最爱看的 :D 好经典 !

totally spies, kids next door, courage the cowardly dog , dexter's laboratory , grim and evil , kim possible

mr bean , popeye the sailorman bubu , powerpuff girls , scooby-doo , tom and jerry , clifford the big red dog

Bugs Bunny , Spongebob Squarepants , Banana in pajamas , Lilo and Stitch , the fairly odd parents

Winx Club , American dragon :Jake Long , fosters home for imaginary friends , Martin Mystery

Mickey Mouse , Pink Panther , my gym partner's a monkey , hi hi puffy amiyumi , snoopy , Phineas and Ferb

印象中大概是这样了 :) 还记得小时候要和哥哥一起看 courage the cowardly dog

当时觉得很恐怖嗄... ( 其实如果给我看回也觉得恐怖 o.O

然后 Powerpuff Girls 是我的最最最爱啊啊啊啊啊 ♥.♥ 今天就来说说这个吧

在 PPG 里面我最喜欢泡泡了

别笑她，她就是泡泡啊 xD

你无敌可爱嗄

别怕

Sweet & cute

毛毛别欺负她啦

（看了都心酸

加油 ! karyao

啊 ! ( 尖叫) 好口耐啊啊啊啊啊

花花你最美啦

你最强 !

好像我哦

毛毛的眼睛好大 O.O

还记得这一集好好看噢～

咦，大家还记得PPG 里面的Ms. Sara Bellum 吗 ? 她一直都不肯露面，可是...我看到她的脸了 !

哈哈，我还记得那个“矮”mayor xDD

－

. 哈哈在这里啦

好啦，我手酸了

（手酸鼻子会流血！？

这最后一张PPG的图来结束吧　

hauntedstardust:

EEEEK I FOUND A DOWNLOAD FOR THIS ♥
http://www.megaupload.com/?d=RMHZHN8T

(Thanks a bunch for the submission!)

10.26.2011

Background On Youtube

今天来个新教程。这教程应该很少人知道吧 ?

效果图 :

喜欢这种效果吗 ? ( 这种效果是放在小工具那边的哦

这个虽然说是在别人部落看到的，可是他给的code有问题 >< 所以我就自己帮他修改了

嗯，如果有什么问题可以留言给我呗 :) [ 或者弄不到都可以来问我 :D ]

这个和 Youtube 音乐播放器放在顶端的做法差不多一样 :) [ 所以有一些东西我直接copy ]

首先, 去youtube 选自己喜欢的歌曲。

找到后，copy 那个歌曲网址的 v= 后面

erm 看图片你们应该会更清楚吧:)

( 看不到 ? 点图放大 )

紫色框的才要copy 哦

&feature=related开始的全部不要管他（就是不要copy哦

如果是没有&feature=related的话，就从 v=后 全部copy哦

列如:

( 看不到 ? 点图放大 )

也许上面的会了，不听课也不要紧。可是...下面的就要专心听课啦 :DD

設計

頁面元素

添加小工具

html/javascript

然后把这些代码放进去

<center><div id="edited" style="width:220px; height:50px; background:url(你的背景图片放这里) no-repeat left top; padding-top:17px; padding-left:0px; position:relative" align="center">
<param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/你后面的code?fs=1&hl=en_GB&color1=0xF778A1rel=0；&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="25"></embed></div></center>

这个的code 和 Youtube 音乐播放器放在顶端的code是不一样的啊 !

可是前半段的方法一样噢 :)

done :D

这里有一些图片给你们当这次教程的素材 :)
* 自制哒 ! 不可转载

http://i702.photobucket.com/albums/ww24/winnieliew123/pic3.gif

http://i702.photobucket.com/albums/ww24/winnieliew123/pic4.gif

这个背景适合的code :

<center><div id="edited" style="width:220px; height:50px; background:url(http://i702.photobucket.com/albums/ww24/winnieliew123/pic4.gif) no-repeat left top; padding-top:17px; padding-left:0px; position:relative" align="center">
<param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/你后面的code?fs=1&hl=en_GB&color1=0xACD6FFrel=0；&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="25"></embed></div></center>

下次会推出更多款 :D

10.25.2011

Welcome Note ( muazz首发)

Welcome Note 是啥呢 ? 就是这个啦 !

ewww 不包括那个蓝色的咚咚

相信这个很多人会了吧 ? 但是现在很闲，所以放了上来与大家一起分享

去設計修改Html

ctrl+F 寻找 ]]></b:skin>

找到后放这些code在它的上面

</style>
<script language="javascript" type="text/javascript">
/* toggle() checks to see if the images has already been faded
or not and sends the appropriate variables to opacity(); */
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
/* changeOpacity() uses three different opacity settings to
achieve a cross-browser opacity changing function. This
function can also be used to directly change the opacity
of an element. */
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
/* fade() will fade the image in or out based on the starting
and ending opacity settings. The speed of the fade is
determined by the variable milli (total time of the fade
in milliseconds)*/
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';
document.getElementById('june').style.display=''">
<img src="图片网址"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/>
</div>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<body>