2011年12月15日星期四

鼠标~自己做的

李胜基~~
Photobucket
http://i1203.photobucket.com/albums/bb400/Eileen4ever/ForBlogger/c6.png
Photobucket
http://i1203.photobucket.com/albums/bb400/Eileen4ever/ForBlogger/c5.png
Photobucket

 http://i1203.photobucket.com/albums/bb400/Eileen4ever/ForBlogger/c4.png
Photobucket
http://i1203.photobucket.com/albums/bb400/Eileen4ever/ForBlogger/c3.png
Photobucket
http://i1203.photobucket.com/albums/bb400/Eileen4ever/ForBlogger/c2.png
Photobucket
http://i1203.photobucket.com/albums/bb400/Eileen4ever/ForBlogger/c1.png
少女时代~yoona

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIjmDmJF1F7aniLb_KuVLEp6JLVeRGK6utQAy4FPzM8KQB0sUSMEaA5Y7eHW8qXjqzt9ahmC3a8rWHzsATjmw0V_weJwo6qabjQSWh60c1Ayun1L-E965OPr3Jm9ISlXsO32qIX-qycrE1/s1600/444.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZDv4dp9USfVzbxv7ENZaT8oB-fJds_S3WXk67FSTtU7Bl01sA1p5rI8SBU9OuuYaCJsXVEftMWrcTZY5cz2G8M-MKqb1zfWj5g_zLEPbtLdfKkSNALC_lWsPN4knTz6CInyq8_nYupNgF/s1600/555.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA6E1Rs2HVWNurPQkHNqB_HgA_s1r5wFgG9PcUZXF5K9_7m_t6EbjbwgdpcW2JGfvTwSXYM3w6hz0SOAHEHetZ7ucTrhZUhXEimp-wD1JJOj5S_IL-pCvtJRmVvzb2PZjzL8Hed9ukKpyt/s1600/666.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPY0VMJzJMC72_ajeqFQlJPiCxA8i_dvNpWs11IkUcEP-nTWYpy8ira4cYeiTP0Goofg5hf1-y3_B-k0QXK4809i0atCp8YJ5DWxGJhitpVvuVifobxXntiElOW-JcPtWSiuGGZveHdS4O/s1600/777.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3D38PkiccmydElUWe6il-Fv2hq0E6GuWA2hLWkV2cxokhBOjhU6CTpJQbMivyCttMxfri74vCZqTv4300FmM5zr0cmfMEMLeUpw5lWda_QBOQab05SdjOBW1aznxjux91KH37DWD3rQm0/s1600/888.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMo8E6AUAGnpU2pT_z7pbAlKmAdBNfbA-RW3Dg3YmCOWsILZEpUadp45wkU6db5YkGIcS-x2LqdOL7mbBHPyPmETboN3PK3OMqYVkt77aVYhqRR4IaopRs8dPBU1VsRXrfGzeNzr-yNBUs/s1600/2222.png

2011年12月14日星期三

更换鼠标&鼠标在指向链接时更换另个鼠标

指向我下!!别按哦

登入博客 - 信息中心 - 设计 - 页面元素 - 添加小工具 - HTML/JAVASCRIPT


  HTML/JAVASCRIPT 里面 paste 以下代码。
<style type="text/css">body:hover {cursor: url(指向链接的鼠标图片URL), progress;}</style><style type="text/css">a:hover {cursor: url(指向链接的鼠标图片URL), progress;}</style>
 ***粉色字体 和 红色字体的鼠标是不一样的。

粉色字体 = 没有指向链接的鼠标图片URL网址
红色字体 = 指向链接后鼠标的图片Direct link

特别的底线

                                        别碰我啦

         我是开玩笑的哦!!
         请你用鼠标轻轻的碰《别碰我啦》
         是不是很特别啊!!
         今天的教程就是这个咯!!
         赶紧放进你的部落格吧!!!!

步骤①寻找这个代码
/* Header
 ③ 把以下代码放在/* Header的上面
u {
text-decoration:none;
-moz-border-radius: 2px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
background: 
#000000;
border-radius: 2px;
-webkit-transition-duration: 2s;
color: 
#FFFFFF;
}
u:hover {
-moz-opacity:0.80;
opacity:.80;
-webkit-transition:0.5s;
transition:0.5s;
filter:alpha(opacity =80);
padding-top: 1px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
background: 
#000000;
border-radius: 2px;
-webkit-transition-duration: 2s;
color: 
#FFFFFF;
 粉红 - 背景颜色
  橙色 - 字体颜色
这样就完成咯!!

美好texbox边柜



去设计 . 按 ctrl + F . 找<style type="text/css">. 

在<style type="text/css">下面添加以下代码 . 保存 .

去设计 . 按 ctrl + F . 找]]></b:skin>

在]]></b:skin>下面添加以下代码 . 保存 .

代码
textarea {
border: 2px solid #000000}
青色字是边框的厚度 .

灰色字是边框的种类 .

橙色代码是边框的颜色代码 . 

当鼠标指向你的连接时下面会出现小小的线条


去模板 . 

按ctrl + F , 找a:hover { 

然后在a:hover { 下面添加以下代码 . 保存 .



去设计 > 修改HTML .

按ctrl + F , 找a:hover {

然后在a:hover { 下面添加以下代码 . 保存 .

代码:
border-bottom: 1px dotted #000000 ;
 青色字是线条的厚度 .

蓝色字是线条的颜色代码 .

灰色字是线条的种类 .线条的种类

添加rainbox的字体

rainbox !

首先去》》rainbox的网址
然后打你的要显示的字在type your text here :

然后按generate code .


然后copy它给你的代码,放进小工具就可以了 :)

如果要移动的话,就在你的代码前面加以下代码 . 保存 .
<marquee direction="right">
 然后在你的代码后面加以下代码 
</marquee>
 红色字是字向那边移动 .

left 左 right 右 .

多多的小工具


这个工具的好处就能把不同的工具联合起来变成一个呈现方式 :)

blog template的 .

首先去设计 > 修改HTML .

按ctrl + F 找 </head>

然后在</head>上面添加以下代码 . 保存 .
<script type='text/javascript'>
//<![CDATA[
function tabtampil_oom(TPID, id)
{
  var Tabtampil = document.getElementById(TPID);
  var TTs = Tabtampil.firstChild;
  while (TTs.className != "TTs" ) TTs = TTs.nextSibling;
  var TT = TTs.firstChild;
  var i   = 0;
  do
  {
    if (TT.tagName == "A")
    {
      i++;
      TT.href      = "javascript:tabtampil_ubah('"+TPID+"', "+i+");";
      TT.className = (i == id) ? "Active" : "";
      TT.blur();
    }
  }
  while (TT = TT.nextSibling);
  var Halamans = Tabtampil.firstChild;
  while (Halamans.className != 'Halamans') Halamans = Halamans.nextSibling;
  var Halaman = Halamans.firstChild;
  var i    = 0;
  do
  {
    if (Halaman.className == 'Halaman')
    {
      i++;
      if (Halamans.offsetHeight) Halaman.style.height = (Halamans.offsetHeight-2)+"px";
      Halaman.style.overflow = "auto";
      Halaman.style.display  = (i == id) ? 'block' : 'none';
    }
  }
  while (Halaman = Halaman.nextSibling);
}
function tabtampil_ubah(TPID, id) { tabtampil_oom(TPID, id);
}
function tabtampil_inisial(TPID) { tabtampil_oom(TPID,  1);
document.write('');}
//]]>
</script>
 然后去设计 > 页面元素 > 添加小工具 > HTML/JavaScript

把以下代码放进去,然后保存 .

别按多格式文本,要不然代码就会有所改变,没有效果了 .
<style type="text/css">
div.TabTampil div.TTs
{height: 24px; overflow: hidden; }
div.TabTampil div.TTs a:hover, div.TabTampil div.TTs a.Active
{ background-color: #eee; }
div.TabTampil div.Halamans
{ clear: both; border: 1px solid #fff; overflow: hidden; background-color:#ffffff;}
div.TabTampil div.Halamans div.Halaman
{ height: 100%; padding: 0px; overflow: hidden; }
div.TabTampil div.Halamans div.Halaman div.Alas
{ padding: 3px 5px; }
div.TabTampil div.TTs a
{ border-left:1px solid #eee; border-right:1px solid #eee; border-top:1px solid#eee; border-bottom:0px solid #eee; float: left;
display: block; width: 95px; text-align: center; vertical-align: middle; height: 24px; padding-top: 3px; text-decoration: none; font-family: "Arial", Serif;
font-size: 11px; font-weight: 900; color: #000000}
</style>
<form action="tabtampil.html" method="get">
<div id="TabTampil" class="TabTampil">
<div style="width: 300px;" class="TTs"> <a>Tab 1 标题</a> <a>Tab 2 标题</a> <a>Tab 3 标题</a></div>
<div style="width: 300px; height: 300px;" class="Halamans">
<div class="Halaman">
<div class="Alas">
<br/>
Tab 1 内容
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Tab 2 内容
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Tab 3 内容
</div>
</div>
</div>
</div>
</div></form>
<script type="text/javascript">tabtampil_inisial('TabTampil');</script>
 蓝色代码是tab按钮背景颜色 .

橙色代码是tab工具边框颜色 .

 青色代码是tab工具背景颜色 .

紫粉色代码是tab按钮边框颜色 .

灰色代码是tab标题字颜色 .

红色字是tab标题 .

黄色字是tab内容 .

tab里面要放什么工具都可以哦