2013年12月17日 星期二

櫻草花2011/04




種了5個多月終於冒出花梗了

植袋香堇菜











我的亞伯樹玫 2011/1

這是我2年前購買的亞伯樹玫
雖然主幹長得很粗
可是就是沒開什麼花
樹型也不漂亮
真是讓我傷腦筋

今年冬天大大修剪一番
希望能讓樹型漂亮一些
參考修剪http://www.youtube.com/watch?v=8Th1Y4uNaOA
我預計剪到 橘色處 或 紅色處

妞妞的安全帽-義大利OKBABY寶寶護頭帽



My Tiger




瞧瞧吃香蕉的模樣2011/10



播種用泥土比較-Klasmann,Kekkila,Biolan,靚土

Klasmann 質地細緻,這款很好,以後就用這種泥炭土播種吧
Kekkila       質地粗糙,透水較慢,但是種黃花矮牽年粉衣種子反應較好,可再觀察其他粉衣種子
Biolan         質地細,但是透水較慢
靚土             質地細,但是有很多配料吧,有時會看不清種子在哪裡,較貴

寶貝參加阿姨婚禮2011/11



CSS 筆記

tr:hover td{background:none;} -表格列滑過變色
img {filter:alpha(opacity=70);opacity:0.7;zoom:1;} -圖片半透明設定

Flash動畫的背景透明語法
1. param name="wmode" value="transparent"/
2. EMBED src=連結網址 width=寬度 height=高度 wmode="transparent"

選取器
選取整個網站裡表格邊框設定為0者
table[border="0"]

選取整個網站裡有電子郵件者
a[href^="mailto:"]

CSS 選擇
[attribute]
a[target]

[attribute="value"]
a[target="_blank"]

[attribute~="value"] 包含字 需單字
[title~="flower"]

[attribute|="value"] 開頭以(必須是單字或-分隔)
[class|="top"]

[attribute^="value"] 開頭以
[class^="top"]

[attribute$="value"] 結尾以
[class$="test"]


[attribute*="value"] 包含
[class*="te"]

include語法
!--#include file="head.asp"--

Youtube 影片嵌入碼
原本的
http://www.youtube.com/embed/7aBo_uUcvC4" frameborder="0" allowfullscreen

加上自動播放
http://www.youtube.com/embed/7aBo_uUcvC4?autoplay=1&cc_load_policy=1" frameborder="0" allowfullscreen>

加上自動播放與透明
http://www.youtube.com/embed/7aBo_uUcvC4?autoplay=1&cc_load_policy=1?rel=0;wmode=opaque" frameborder="0" allowfullscreen>
標籤：

jquery 隔行變色 奇偶行變色

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
</head>
<script type="text/javascript">
$(document).ready(function(){
$(".stripe tr").mouseover(function(){
//如果鼠标移到class为stripe的表格的tr上时，执行函数
$(this).addClass("over");}).mouseout(function(){
//给这行添加class值为over，并且当鼠标一出该行时执行函数
$(this).removeClass("over");}) //移除该行的class
$(".stripe tr:even").addClass("alt");
//给class为stripe的表格的偶数行添加class值为alt
});
</script>
<style type="text/css">
th {
background:#0066FF;
color:#FFFFFF;
line-height:20px;
height:30px;
}
td {
padding:6px 11px;
border-bottom:1px solid #95bce2;
vertical-align:top;
text-align:center;
}
td * {
padding:6px 11px;
}
tr.alt td {
background:#ecf6fc;
}
tr.over td {
background:#bcd4ec;
}
</style>
<body>
<table class="stripe" width="50%" border="0" cellspacing="0" cellpadding="0">
  <thead>
      <tr>
          <th>姓名</th>
          <th>年龄</th>
          <th>QQ</th>
          <th>Email</th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td>邓国梁</td>
          <td>23</td>
          <td>31540205</td>
          <td>gl.deng@gmail.com</td>
      </tr>
      <tr>
          <td>邓国梁</td>
          <td>23</td>
          <td>31540205</td>
          <td>gl.deng@gmail.com</td>
      </tr>
      <tr>
          <td>邓国梁</td>
          <td>23</td>
          <td>31540205</td>
          <td>gl.deng@gmail.com</td>
      </tr>
      <tr>
          <td>邓国梁</td>
          <td>23</td>
          <td>31540205</td>
          <td>gl.deng@gmail.com</td>
      </tr>
      <tr>
          <td>邓国梁</td>
          <td>23</td>
          <td>31540205</td>
          <td>gl.deng@gmail.com</td>
      </tr>
      <tr>
          <td>邓国梁</td>
          <td>23</td>
          <td>31540205</td>
          <td>gl.deng@gmail.com</td>
      </tr>
  </tbody>
</table>
</body>
</html>
標籤：

2013年10月3日 星期四

北美館舒適的育嬰室

關於在FLASH上面蓋一層圖層

使用Z-index注意事項

  1. 數值越高越上面
  2. 外層的DIV 需要設為 position: absolute
  3. 蓋上去的那一層DIV 需要設為 position: relative
  4. flash 本身物件要設為透明

    Object模式
    <param name="wmode" value="transparent"/>

    Embed模式
    <embed      wmode="transparent"  src="http://widget.meebo.com/mm.swf?"type="application/x-shockwave-flash" width="190" height="275"></embed>

CSS 部分

<style type="text/css">
#wrapFlash {
width: 640px;
position: absolute;
margin-right: auto;
margin-left: auto;
z-index: 0;
height: 360px;
}
#mask {
z-index: 100;
background-image: url('opacity.png');
background-color: #3366FF;
position: relative;
height: 100px;
}
</style>

HTML部分

<div id="wrapFlash">
<object id="flash1" data="YT%20Video%20AS3.swf" height="360" type="application/x-shockwave-flash" width="640">
<param name="movie" value="YT%20Video%20AS3.swf" /><param name="wmode" value="transparent"/>
</object><div id="mask" style="position: absolute; width: 293px; height: 100px; z-index: 1; left: 341px; top: 255px">
</div>
</div>



標籤： , , ,

2013年9月25日 星期三

漂亮的JS表單

http://www.open-open.com/news/view/33e3af
標籤：

2013年9月24日 星期二

google swiffy transparent background 透明背景設置


在container 下的div 加上樣式
#swiffycontainer div{
  background-color: transparent !important;
 }

標籤：

2013年9月12日 星期四

繡球花為八仙花科八仙花屬植物，學名：Hydrangea macrophylla，英名：Hydrangea，別名：八仙花、洋繡球、紫陽花、雪球花，原生於中國、日本，於18世紀末傳入歐洲後才開始發展出許多新品種，後來再傳回日本，日本人為了與當地的繡球花有所區隔，因此稱它作「洋繡球」。
 繡球花屬落葉性灌木，老枝粗壯，有明顯皮孔。葉具短柄，對生，葉片肥厚，光滑，橢圓形或寬卵形，先端銳尖，長10-25公分，寬5-10公分，邊緣有粗鋸齒。聚繖花序頂生，小花密集成球團形，花白色、藍色或粉紅色，繡球花本來是野生種，花團很疏鬆，但有花蕊；每一朵花有瓣狀萼4-5片非花瓣；偶爾可見正常花，花瓣4-5片，小形，雄蕊在10枚以內，雌蕊極度退化，花柱2-3枚。經過改良以後，那些有花蕊的小花都退化了，幾乎全為無性花，取而代之的是一些無蕊小花的集合體，這種改良使得它的觀賞價大大地提高，但相對地，它也失去了結果能力，只有靠扦插法才能繁殖。所以現在您所看到的那朵朵小花，是繡球花的花萼，而不是花瓣喔！

向太陽一樣耀眼的勳章菊
勳章菊（學名：Gazania rigens），也稱作勳章花，是菊科勳章菊屬多年生宿根草本植物，原產於南非和莫三比克，性喜溫暖向陽，是很好的園林花卉，適宜布置花壇和花境，也是很好的插花材料。因其整個花序如勳章，故名勳章菊。勳章菊花朵絢麗多彩，花瓣亮澤，早晨開放，晚上閉合，持續10餘天；花期大概為春末至初夏，喜陽光，喜生長於較涼爽的地方，耐旱，耐貧瘠土壤；半耐寒，因此在冬季較溫和的地區可順利越冬。





訂閱： 文章 (Atom)