AngeL’s Smile♥

【教程】製作素材、頭像の日本網站。

2013年8月10日星期六

好久沒有上來了XD

假期都跑去玩了=w=

而且很久沒有發教程了，就發個吧XD

今天要介紹一個蠻不錯的日本網站，

本身覺得蠻不錯的XD

可以自己做獨一無二的素材畫作頭像XD

1）首先，先到這裡 http://www.icongenerators.net/ 。

有分英文版本和日語版本，日語怕看不懂，所以選英文比較好w ↓

http://www.icongenerators.net/english.html

2）分很多種，看你要做那個w？就是上面五項選擇w想做哪個就按進去www

3）假如我現在想做貓貓就按進去，看到這個。

4）開始選你喜歡的身體背景尾巴眼睛什麽的~可換顏色w

5）完成后，按save~

6）大功告成XDDD這是成品~可愛吧（#

這些事其他的蔬菜~做幾個試試看XP

祝你们成功:)
有问题在cbox问我哦

标签：教程

【教程】從鼠標飄落的彩虹

2013年6月27日星期四

發佈教程囖XD

新設計已經做得7788了w

各位敬請期待吧w

BT用法

1. 布局 → 添加小工具 → HTML/JavaScript

2. 添加代码：

BS用法

1. 模板 → 修改 HTML

2. 将代码添加在你要添加的地方（旁边的小工具那边^^）：

<script type='text/javascript'>
// <![CDATA[
function initCursor() {
if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
var sparkles = 35;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
rainbow="#"+hex[r]+hex[g]+hex[b]
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.zIndex="10";
div.style.backgroundColor=rainbow;
return (div);
}
window.onload=function()
{
initCursor()
initImage()
startTime()
}
function initImage() {
imageId = 'menu'
image = document.getElementById(imageId);
setOpacity(image, 0);
image.style.visibility = "visible";
fadeIn(imageId,0);
}
function fadeIn(objId,opacity) {
if (document.getElementById) {
obj = document.getElementById(objId);
if (opacity <= 100) {
setOpacity(obj, opacity);
opacity += 10;
window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 120);
}
}
}
function setOpacity(obj, opacity) {
opacity = (opacity == 100)?99.999:opacity;
// IE/Win
obj.style.filter = "alpha(opacity:"+opacity+")";
// Safari<1.2, Konqueror
obj.style.KHTMLOpacity = opacity/100;
// Older Mozilla and Firefox
obj.style.MozOpacity = opacity/100;
// Safari 1.2, newer Firefox and Mozilla, CSS3
obj.style.opacity = opacity/100;
}
function changeNav(id) {
document.getElementById('content').innerHTML=document.getElementById(id).innerHTML;
document.getElementById('main').innerHTML=document.getElementById('home').innerHTML;
document.getElementById('rabbit').style.top="275px"
document.getElementById('penguin').style.top="532px"
}
function hidestatus(){
window.status=""
return true
}
// ]]>
</script>
<script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>
<div class='navbar section' id='navbar'><div class='widget navbar' id='navbar1'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener("load",
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
function showRelatedContent(args) {
var el = document.getElementById('related-iframe');
if (el.parentNode.style.display != 'none') {
el.parentNode.style.display = 'none';
document.onclick = showRelatedContent.prevOnClick;
return;
}
var match = /(?:^[?]|&)c=([0-9]+)(?:&|(?!.))/.exec(args);
if (match !== null) {
document.getElementById('related-loading').style.left = match[1] + 'px';
el.style.left = Math.max(0, match[1] - parseInt(el.width) / 2) + 'px';
}
el.src = "http://www.blogger.com"
+ '/related-content.g?q='
+ window.location.href
+ '&id=' + "7792698363959436653";
el.parentNode.style.display = 'block';
showRelatedContent.prevOnClick = document.onclick;
// Hide related-content dropdown when clicking anywhere but on it.
document.onclick = function() {
var el = document.getElementById('related-iframe');
if (el.parentNode.style.display != 'none') {
el.parentNode.style.display = 'none';
}
document.onclick = showRelatedContent.prevOnClick;
};
}
</script>

标签：教程

【教程】简介/添加Blockquote ( 引用 )

2013年6月20日星期四

好久没有发教程了w

最近也不太得空更新╮(╯_╰)╭

学校的project功课令我喘不过气，

过大的压力太难受了！！

什么是 Blockquote ?

blockquote标签表示引用块，这个大家都知道，

Blockquote ( 引用 ) 就是平时用来把一些代码或者字围起来的框框

Blockquote 在blog和论坛中使用的比较多，很多网站都可以看到。

使用 <blockquote>标签可以在屏幕上用分离的块显示大段的引用。

与行内引用不同，使用引用部分的页边界，以和周围的文本区分开。

也是用来凸显某些字体用的。

me就是Blockquote君 XD

如何使用？

把你想要的字highlight起来，
然后按一按工具里面有一个这样“符号的工具
click一下就完成w

如何添加？

1.去设计－修改ＨＴＭＬ

２． Ctrl + F 寻找代码]]></b:skin>

3. 在 ]]></b:skin> 上面添加这组代码：

blockquote {
border: 2px solid #FFCCFF;
background:#FFFFFF;
}

tips：
*2px = 边框的厚度
*#FFCCFF = 边框的颜色，可自行更改（颜色代码）
*#FFFFFF = 背景的颜色，可自行更改
*solid = 边框的类型，可自行更改（Border 边框样式【框的代码】）

教程完毕w祝你们成功:)

标签：教程

【教程】鼠标效果[pointer effect](散落的星星)

2013年5月10日星期五

许多人看到鼠标滑动时出现很多東西东西飘出来，
那是pointer effect[鼠标效果]，
這次我要教的是散落的星星:)
你只需要copy以上的code
paste到Html里的<head> </head>之间就可以了
（沒有兩個的話就po在一個下面w）

<script type="text/javascript">

// <![CDATA[

var colour="#666666";

var sparkles=40;

var x=ox=400;

var y=oy=300;

var swide=800;

var shigh=600;

var sleft=sdown=0;

var tiny=new Array();

var star=new Array();

var starv=new Array();

var starx=new Array();

var stary=new Array();

var tinyx=new Array();

var tinyy=new Array();

var tinyv=new Array();

window.onload=function() { if (document.getElementById) {

var i, rats, rlef, rdow;

for (var i=0; i<sparkles; i++) {

var rats=createDiv(3, 3);

rats.style.visibility="hidden";

document.body.appendChild(tiny[i]=rats);

starv[i]=0;

tinyv[i]=0;

var rats=createDiv(5, 5);

rats.style.backgroundColor="transparent";

rats.style.visibility="hidden";

var rlef=createDiv(1, 5);

var rdow=createDiv(5, 1);

rats.appendChild(rlef);

rats.appendChild(rdow);

rlef.style.top="2px";

rlef.style.left="0px";

rdow.style.top="0px";

rdow.style.left="2px";

document.body.appendChild(star[i]=rats);

}

set_width();

sparkle();

}}

function sparkle() {

var c;

if (x!=ox || y!=oy) {

ox=x;

oy=y;

for (c=0; c<sparkles; c++) if (!starv[c]) {

star[c].style.left=(starx[c]=x)+"px";

star[c].style.top=(stary[c]=y)+"px";

star[c].style.clip="rect(0px, 5px, 5px, 0px)";

star[c].style.visibility="visible";

starv[c]=50;

break;

}

}

for (c=0; c<sparkles; c++) {

if (starv[c]) update_star(c);

if (tinyv[c]) update_tiny(c);

}

setTimeout("sparkle()", 40);

}

function update_star(i) {

if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";

if (starv[i]) {

stary[i]+=1+Math.random()*3;

if (stary[i]<shigh+sdown) {

star[i].style.top=stary[i]+"px";

starx[i]+=(i%5-2)/5;

star[i].style.left=starx[i]+"px";

}

else {

star[i].style.visibility="hidden";

starv[i]=0;

return;

}

}

else {

tinyv[i]=50;

tiny[i].style.top=(tinyy[i]=stary[i])+"px";

tiny[i].style.left=(tinyx[i]=starx[i])+"px";

tiny[i].style.width="2px";

tiny[i].style.height="2px";

star[i].style.visibility="hidden";

tiny[i].style.visibility="visible"

}

}

function update_tiny(i) {

if (--tinyv[i]==25) {

tiny[i].style.width="1px";

tiny[i].style.height="1px";

}

if (tinyv[i]) {

tinyy[i]+=1+Math.random()*3;

if (tinyy[i]<shigh+sdown) {

tiny[i].style.top=tinyy[i]+"px";

tinyx[i]+=(i%5-2)/5;

tiny[i].style.left=tinyx[i]+"px";

}

else {

tiny[i].style.visibility="hidden";

tinyv[i]=0;

return;

}

}

else tiny[i].style.visibility="hidden";

}

document.onmousemove=mouse;

function mouse(e) {

set_scroll();

y=(e)?e.pageY:event.y+sdown;

x=(e)?e.pageX:event.x+sleft;

}

function set_scroll() {

if (typeof(self.pageYOffset)=="number") {

sdown=self.pageYOffset;

sleft=self.pageXOffset;

}

else if (document.body.scrollTop || document.body.scrollLeft) {

sdown=document.body.scrollTop;

sleft=document.body.scrollLeft;

}

else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {

sleft=document.documentElement.scrollLeft;

sdown=document.documentElement.scrollTop;

}

else {

sdown=0;

sleft=0;

}

}

window.onresize=set_width;

function set_width() {

if (typeof(self.innerWidth)=="number") {

swide=self.innerWidth;

shigh=self.innerHeight;

}

else if (document.documentElement && document.documentElement.clientWidth) {

swide=document.documentElement.clientWidth;

shigh=document.documentElement.clientHeight;

}

else if (document.body.clientWidth) {

swide=document.body.clientWidth;

shigh=document.body.clientHeight;

}

}

function createDiv(height, width) {

var div=document.createElement("div");

div.style.position="absolute";

div.style.height=height+"px";

div.style.width=width+"px";

div.style.overflow="hidden";

div.style.backgroundColor=colour;

return (div);

}

// ]]>

</script>

标签：教程

【教程】为部落格增添多个背景选项

2013年5月4日星期六

表示这个兔子太萌了=)
好喜欢它>///<
最近感觉似乎发很多教程，
素材都少发，不好意思><

对了对了有没有看到左边增加了fblike？
like我，不要吝啬嘛XD

为部落格增添多个背景选项
其实我觉得这个小工具蛮不错的
可以依据访客的喜好改变部落格背景
但是就好要选适合的背景哦^ ^

ONLY blogskin

1 Templete - Edit html

2 在你喜欢的地方放入 :

 <div id="bagie">
<script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script>
<script>
$(document).ready(function(){
            $("#bgcolor1").click(function(){
                        $("body").css({"background":"url(图片网址1)"});
            });
});
$(document).ready(function(){
            $("#bgcolor2").click(function(){
                        $("body").css({"background":"url(图片网址2)"});
            });
});
$(document).ready(function(){
            $("#bgcolor3").click(function(){
                        $("body").css({"background":"url(图片网址3)"});
            });
});

</script>
<center>Choose your own background ❤</center>
<center><a href="javascript:void(O)" id='bgcolor1' title="图片名称"><img src=" 图片网址1" /></a>
<a href="javascript:void(O)" id='bgcolor2' title="图片名称 "><img src="图片网址2" /></a></center>
<center><a href="javascript:void(O)" id='bgcolor3' title="图片名称 "><img src="图片网址3" /></a></center>
</div>
<br>

说明：

红色 - 图片名称，就是鼠标指到背景图片那边有字出现

蓝色 - 图片的网址，上面的要跟下面一样=）

紫色 - 要写不写随便你XDD

标签：教程

【教程】鼠标停留在图片就会出现状态

2013年5月3日星期五

星期一是假期诶我爱你XDD

今天教大家弄一个可爱的小工具w
我本身很喜欢这个小工具一下的，
可以拿来放status，也可以放credit哦^^

ONLY blogskin

1 Templete - Edit html

2 在你喜欢的地方放入 :

<style type="text/css">
.img-hov{
background: #fff;
color: #000;
width: 250px;
height: 185px;
margin-top:-185px;
opacity: 0;
-webkit-transition:all .5s ease-in-out;
}
.img-hov:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
opacity:0.8;
}
</style>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitbLFnsvw0Iok-kl7h59yUJTMElR_wclTRQ2nOhfBe46dficBOEVHPGoT9CpB9ruE4PmEkzHstCUXX54uNCacUHlKEaoGK8fgiXDOThjubrMGj2DUyLSzBItfoCyW3PCbZaDWiEfln9-o/s200/20.png" width="250" />
状态
<center/></center></center></div>
</div>

说明：
红色 - 写你想写的东西:)
蓝色 - 图片网址

祝你们成功:)
有问题在cbox问我哦

标签：教程

【教程】制作Blog Archive（BS）

2013年5月2日星期四

5月5要到了w
重新收拾心情要考试了……（哭泣

今天教大家制作Blog Archive:)
很多人不知道 Blog Archive 是什么，现在我就给你们看……
Blog Archive是下面图画的那个
Blog Archive 有很多种，每一种都不同样子不同设计
而且我只会这个XDDD

ONLY blogskin

1 Templete - Edit html

2 在它喜欢的地方放入 :

div style="border:1px solid #eee;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1AtGont7jKsAAT9ncDltCludPOzAkMm12ezi-5x5dOcnMVBmciAyCLENYdb86GSpk2ZiYy44nxj7QS6UF2wUC0luOakhmv905cqCzOFy8LuoMAJVJpzNVEwuj5HSLzWNtN2XDnYcM5xQ/s1600/linepattern.png); width:230px; padding:5px; border-bottom:none;color:#555;text-align:center;">
Read It</div>
<div style="border:1px solid #eee;background:#fff; width:226px; overflow-x:hidden; overflow-y:scroll;padding:10px; height:100px; ">
<bloggerpreviousitems>
<a href="<$BlogItemPermalinkURL$>">
<div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAhyphenhyphenFAOigakUYM1SEtTAtabIM0PUz0IkcyMTSyPHW9o2jBl8pC0u7aSrDWwdRFfkAqN-GKrF8iwM7uESQUMsIoV3kXSFhwa6Y9qaeXUYOBvM4ldsyzojiFVIabuSLQfmNsWxVOHERRRNQ/s1600/tumblr_m89ijgwTnx1qdlkyg.gif); background-size:12px; background-repeat:no-repeat; padding-left:14px;">
<$BlogPreviousItemTitle$></div>
</a>
</BloggerPreviousItems></div>

说明：
红色 - 上边那行标题的背景图案，可以随意更改:)
橙色 - Read It可以改掉，改成自己喜欢的字。例如past tense、see it 之类的。
蓝色 - 小图案，可以改成自己喜欢的图案哦。

background-color就是背景色，可以改。color就是字体色，可以改。

px就是变大，可以改。

border就是框，px值越大框就越粗；框的颜色可以随意改；solid就是框的pattern，你可以改去dotted、dashed、inset等等。（教程有）

祝你们成功:)
有问题在cbox问我哦

标签：教程

【教程】如何更換 Highlight 顏色

2013年4月27日星期六

感觉好像很久没有发教程料XD
现在就发关于如何更換 Highlight 顏色的教程。
Highlight 有分很多种，这种是第一种，
比较普遍的，其他下次再发:3

BT用法

1. 布局 → 添加小工具 → HTML/JavaScript

2. 添加代码：

::-moz-selection {
background: #ffffff;
color: #000000;
}
::selection {
background: #ffffff;
color: #000000;
}

3. 预览、保存即可。

BS用法

1. 模板 → 修改 HTML

2. 将代码添加在你要添加的地方（旁边的小工具那边^^）：

::-moz-selection {
background: #ffffff;
color: #000000;
}
::selection {
background: #ffffff;
color: #000000;
}

3. 预览，保存即可。

小提醒 :

* 红色 - Highlight 的背景顏色 (可以自行更改)
* 蓝色 - Highlight 的字體顏色 (可以自行更改)

完成^^
有问题可以来问我

标签：教程

【教程】添加 Facebook LIKE

2013年4月18日星期四

给部落格添加整体的Facebook 赞。
一方面可以帮你宣传，一方面也可以让别人知道你的部落格又多少人看过、留下脚步过:3

BT用法

1. 布局 → 添加小工具 → HTML/JavaScript

2. 添加代码：

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=你的博客网址&send=false&layout=standard&width=267&show_faces=true&action=like&colorscheme=light&font&height=80" style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; height: 80px; overflow-x: hidden; overflow-y: hidden; width: 267px;"></iframe>

3. 预览、保存即可。

BS用法

1. 模板 → 修改 HTML

2. 将代码添加在你要添加的地方（旁边的小工具那边^^）：

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=你的部落格网址&send=false&layout=standard&width=267&show_faces=true&action=like&colorscheme=light&font&height=80" style="border-bottom-style: none; border-color: initial; border-left-style: none; border-right-style: none; border-top-style: none; border-width: initial; height: 80px; overflow-x: hidden; overflow-y: hidden; width: 267px;"></iframe>

3. 预览，保存即可。

完成^^
有问题可以来问我哦

标签：教程

【教程】back to top ♥

2013年4月13日星期六

♥转帖请留言和附上链接 ♥

♥抱走也请留言♥

♥感激不尽♥

今天教大家放BACK TO TOP:3
backtotop 就是角落那些常见的fly/top字眼，一按就会飞上去的那种

BT用法

1. 设计 → 页面元素 → 添加小工具 → HTML/JavaScript

2 在它里面放入 :

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="图片URL" /></a>

4.预览，大功告成

Bs用法

1 Templete - Edit html

2 用 ctrl+F 找 :

<head>

3 在它下面放入 :

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="图片URL" /></a>

4.预览，大功告成

小解释

蓝色的是按钮的位置上或下

青色的是按钮的也是位置左或右

紫色的是鼠标指向按钮时出现的字

红色的是按钮图片的 url

祝你们成功:)
有问题在cbox问我哦

标签：教程

【教程】什么是CTRL+F？

2013年3月30日星期六

什么是Ctrl + F ??

这个跟上一篇常用按键一样，是給剛玩部落格的朋友喲 : )这个是基本知识，不看的话就无法掌握这门部落格设计。:3

來 , 开始囖 : )

Ctrl + F 是用来尋找需要的字 , 所以我們很需要他它 , 不會的話就快看喲 : )

用于寻找（find）。太多东西不想一个一个慢慢看，

按这个就是最简洁快速的方法。

例如找code，就是用这个方法！

按了下面就會出現白色寬寬的一条行。

在上面打想要找的字，enter后他就会出现:)

會了麼 ? 會了就可以進入教學囖 photo 4-1.gif

标签：教程

【教程】如何在角落置放挂件

2013年3月24日星期日

看到了吗？有木有看到右上角那个welcome的爱心？：3

今天教大家在部落格的角落放挂饰 :D做法非常简单，很容易而已:)

BT用法
1. 设计 → 页面元素 → 添加小工具 → HTML/JavaScript

2. 在 HTML/JavaScript 里面加入以下的代码：

<a style="display:scroll; position:fixed; top:0px; right:40px;" ><img src="图片url" /></a>

3. 按保存即完成。

BS用法
1.方法也差不多而已:3只需将代码添加在 [/style] 下面。
2.预览，保存即可:D
* 有些人的代码里面没有[/style]，没有的话请将 [] 改成 <> :)

小解释
蓝色代码 - top 如果 px 越大，挂饰离上面越来越远。
红色代码 - right px 越大，挂饰里越靠近左边。
橙色代码 - 图片 url 挂饰的 direct link。

Tips！
* 如果你不想把挂饰放在右上角，要放在左下角，你可以将 right 改成 left。
* 如果你添加的不是挂饰，只是想当一个装饰品，而你想要放在右下角，将 top 改成 bottom。
* 不会获取 direct link的话，请参考这里或这里。

完。

希望帮到各位哦O(∩_∩)O

有问题请留言w

标签：教程