July 31, 2010
由於為了網頁顯示更快速,將rollover的圖檔集中在一個圖檔時,在Link的地方,按下時會出現無限延長點線式的筐線,以下面的方式解決就可以了。
不知道的話,還真的會為了這件事情查了老半天...
解決重點︰
CSS中寫入 [outline: none; ]就可以了
寫例︰
a { outline: none; }
測試︰
Mac
Safari4 (完全不出現), Firefox3.6 (拉了link的地方還是會出現)
Win
Firefox 3.6
IE (按下時還是會出現框線,不過是正常的link的範圍)
參考︰
http://study.aruko.net/2007/11/01/13/
July 13, 2010
在某些部落格中常常沒辦法貼html的語法,這個變換工具可以讓你的部落格中寫入的html正確的變換成html個格式,我也有時會有用到memo一下囉。
http://www.hamusuta.net/openbbs/pc/html.php
December 26, 2009
最近發現推文的人數增多了,Facebook, Plurk, Twitter的按鈕增加在各部落格與網站當中,下面是一些例文...
Facebook 推文按鈕語法(文字範例)
↓直接拷貝到適當的html文當中。
<a href="javascript: void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent(location.href)) ));">[Facebook推文]</a>
Facebook 推文按鈕語法(圖片範例)
↓直接拷貝到適當的html文當中。
<a href="javascript:
void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent(location.href))
));"><img src="http://www.YourName.xx/images/banner_facebook.gif" width="120" height="32"
border="0" /></a>
↑[http://www.YourName.xx/images/banner_facebook.gif]請注意放置位置。
素材︰
Plurk噗浪推文按鈕語法(文字範例)
↓直接拷貝到適當的html文當中。
<a href="javascript: void(window.open('http://www.plurk.com/?qualifier=shares&status=' .concat(encodeURIComponent(location.href)) .concat(' ') .concat('(') .concat(encodeURIComponent(document.title)) .concat(')')));">[Plurk推文]</a>
Plurk噗浪推文按鈕語法(圖片範例)
↓直接拷貝到適當的html文當中。
<a href="javascript:
void(window.open('http://www.plurk.com/?qualifier=shares&status='
.concat(encodeURIComponent(location.href)) .concat(' ') .concat('(')
.concat(encodeURIComponent(document.title)) .concat(')')));"><img
src="http://www.YourName.xx/images/banner_plurk.gif" width="120" height="32" border="0" /></a>
↑[http://www.YourName.xx/images/banner_plurk.gif]請注意放置位置。
素材︰
Twitter推文按鈕語法(文字範例)
↓直接拷貝到適當的html文當中。
<a href="javascript: void(window.open('http://twitter.com/home/?status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));">[Twitter推文]</a>
Twitter推文按鈕語法(圖片範例)
↓直接拷貝到適當的html文當中。
<a href="javascript:
void(window.open('http://twitter.com/home/?status='.concat(encodeURIComponent(document.title))
.concat(' ') .concat(encodeURIComponent(location.href))));"><img
src="http://www.YourName.xx/images/banner_twitter.gif" width="120" height="32" border="0" /></a>
↑[http://www.YourName.xx/images/banner_twitter.gif]請注意放置位置。
素材︰
Facebook 推文按鈕語法(文字範例)
↓直接拷貝到適當的html文當中。
<a href="javascript: void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent(location.href)) ));">[Facebook推文]</a>
Facebook 推文按鈕語法(圖片範例)
↓直接拷貝到適當的html文當中。
<a href="javascript:
void(window.open('http://www.facebook.com/share.php?u='.concat(encodeURIComponent(location.href))
));"><img src="http://www.YourName.xx/images/banner_facebook.gif" width="120" height="32"
border="0" /></a>
↑[http://www.YourName.xx/images/banner_facebook.gif]請注意放置位置。
素材︰
Plurk噗浪推文按鈕語法(文字範例)
↓直接拷貝到適當的html文當中。
<a href="javascript: void(window.open('http://www.plurk.com/?qualifier=shares&status=' .concat(encodeURIComponent(location.href)) .concat(' ') .concat('(') .concat(encodeURIComponent(document.title)) .concat(')')));">[Plurk推文]</a>
Plurk噗浪推文按鈕語法(圖片範例)
↓直接拷貝到適當的html文當中。
<a href="javascript:
void(window.open('http://www.plurk.com/?qualifier=shares&status='
.concat(encodeURIComponent(location.href)) .concat(' ') .concat('(')
.concat(encodeURIComponent(document.title)) .concat(')')));"><img
src="http://www.YourName.xx/images/banner_plurk.gif" width="120" height="32" border="0" /></a>
↑[http://www.YourName.xx/images/banner_plurk.gif]請注意放置位置。
素材︰
Twitter推文按鈕語法(文字範例)
↓直接拷貝到適當的html文當中。
<a href="javascript: void(window.open('http://twitter.com/home/?status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));">[Twitter推文]</a>
Twitter推文按鈕語法(圖片範例)
↓直接拷貝到適當的html文當中。
<a href="javascript:
void(window.open('http://twitter.com/home/?status='.concat(encodeURIComponent(document.title))
.concat(' ') .concat(encodeURIComponent(location.href))));"><img
src="http://www.YourName.xx/images/banner_twitter.gif" width="120" height="32" border="0" /></a>
↑[http://www.YourName.xx/images/banner_twitter.gif]請注意放置位置。
素材︰
October 20, 2009
msnim有以下幾種寫法,可以放置於網頁中或部落格等等︰
● add:新增聯絡人<msnim:add?contact=自己的MSN帳號@xxx.xx>
語法︰<a href="msnim:chat?contact=你的MSN帳號@xxx.xx">把我加到你的MSN好友</a>
範例︰把我的帳號(apao0001)加到你的MSN好友
● chat:開啟參與聯絡人的對話視窗
語法︰<a href="msnim:chat?contact=你的MSN帳號@xxx.xx">用MSN與我聯繫</a>
範例︰用MSN與我(apao0001)聯繫
● voice:啟動語音對談 <msnim:voice?contact=自己的MSN帳號@xxx.xx>
語法︰<a href="msnim:voice?contact=你的MSN帳號@xxx.xx">用MSN和我語音通話</a>
範例︰用MSN和我(apao0001)語音通話 ※我用的是Mac版無此對應功能
● video:啟動視訊對談 <msnim:video?contact=自己的MSN帳號@xxx.xx>
語法︰<a href="msnim:video?contact=你的MSN帳號@xxx.xx">用MSN和我視訊通話</a>
範例︰用MSN和我(apao0001)視訊通話 ※我用的是Mac版無此對應功能
備註︰
1.這個指令必須在Windows IE上,配合MSN Message7.5以上版本上執行才有效
2.MSN 按鈕產生器
┣ MSN 按鈕產生器
┗ Windows Live Messenger 特務喬裝道具
December 4, 2008
BBCode是Bulletin Board Code的縮寫,有譯為「BB代碼」者,屬於輕量標記語言(Lightweight Markup Language)的一種,如字面上所顯示的,它主要是使用在BBS、論壇、Blog等網路應用上。BBCode最初由Ultimate Bulletin Board討論區系統發展出來,因此常見UBB代碼的稱呼。BBCode的語法通常為[標記]這種形式,即語法左右用兩個中括號包圍,以作為與正常文字間的區別。系統解譯時遇上中括弧便知道該處是BBcode,會在解譯結果輸出到用戶端時轉換成最為通用的HTML語法。
Wikipedia BB Code
BB Code 範例:
[b]粗體[/b]
[url]http://wikipedia.org/[url]
[img]http://blog.apao.idv.tw/attachment/1226765860_0.png[/img]
HTML 範例:
<b>粗體</b>
<a href="http://wikipedia.org"> http://wikipedia.org</a>
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/63/Wikipedia-logo.png/72px-Wikipedia-logo.png">
BBCode 代碼是一種整合 HTML 的特別語法, 您可不可以使用 BBCode 代碼取決於系統管理員的開放與否, 另外您也可以在每個版面的發表中取消這個功能. BBCode代碼的型式類似HTML語法, 但是標籤是用 [ 及 ] 含括著而不需要使用 < 及 >, 而且提供了較佳的操作性方便使用者控制版面的編排. 您可以在文章發表的表格上方發現一系列便捷的 BBCode 代碼按鈕 (置放位置會依不同的佈景樣式而有所不同).
Mozilla Taiwan / BBCode 代碼說明
BBCode というのは HTML の特別版のようなものです。フォーラムで実際に BBCode を使用できるかは管理者の設定次第ですが、それに加えて投稿フォームの設定により投稿単位で BBCode を無効にすることもできます。 BBCode 自体は HTML と同じような書式です。 < と > ではなく角括弧 [ と ] で囲んだもので、何がどのように表示されるかをより強力に制御できます。使用するテンプレートにも依りますが、投稿フォームのメッセージエリア上部にあるボタンを使えば、HTML を書くよりもかなり簡単に BBCode の入力ができます。
Mozilla Japan 翻訳部門 / BBCode とは?
October 12, 2008
這個sauce適合放入已經做好的網頁中,
作為改善網頁的パフォーマンス(Performance)使用,供大家參考。
from:輪船公會
必須的檔案位置說明:
你的HTML檔案
flash_activate.js【FLASH ACTIVATION SCRIPT】
nv_slide12.swf【flash本體】
img【放入圖檔】
網頁中需要動到的程式碼說明:
顯示的寬度 :var mvWidth = "400";
顯示的高度 :var mvHeight = "267";
背景色 :var mvBgCol = "#FFFFFF";
設定檔案 :var mvConfig = "nvsl_cfg.csv";
Flash本體 :var mvMovie = "nv_slide12.swf";
圖檔數目與排序 :var mvImgList
效果 :var mvEfcList
日文設定說明
程式說明: 修正必須的地方與正確的path,將以下程式碼放入你的網頁中就可以了。
<!--放入head裡面-start-->
<script src="flash_activate.js" type="text/javascript"></script>
<!--放入head裡面-end-->
<!--放入body裡面-start-->
<script type="text/javascript">
var mvWidth = "460";
var mvHeight = "315";
var mvBgCol = "#FFFFFF";
var mvLineCol = "#DDDDFF";
var mvShowTime = "9";
var mvEfcSpeed = "4";
var mvEfcList = "FWW;FXX;FZH;FBT;FHL;FBL";
var mvImgDir = "img";
var mvImgList = "01.jpg;02.jpg;03.jpg;04.jpg;05.jpg;06.jpg;07.jpg;08.jpg;09.jpg;10.jpg";
var mvJpegView = "FIX";
var mvDate = "20081006";
var mvOption = "mvLineCol="+mvLineCol+"&mvShowTime="+mvShowTime+"&mvEfcSpeed="+mvEfcSpeed;
mvOption += "&mvEfcList="+mvEfcList+"&mvImgDir="+mvImgDir+"&mvImgList="+mvImgList;
mvOption += "&mvJpegView="+mvJpegView;
var mvMovie = "nv_slide12.swf";
flash_activate( 'version=6,0,0,0' , 'swf='+mvMovie+'?vers='+mvDate ,
'width='+mvWidth , 'height='+mvHeight , 'bgcolor='+mvBgCol ,
'quality=high' , 'scale=noscale' , 'salign=LT' ,
'FlashVars='+mvOption);
</script>
<!--放入body裡面-end-->
下載位置:Copyright(C) NAVIEW.COM