在之前改八大行星CSS的時候由於背景都是黑色系
但字本身是用預設的黑
所以完全看不到
改字的顏色非常簡單....
它簡單的程度讓我為之驚奇
只要.....
body{
color:#FFFFFF
}
簡單來說就是加上color:#FFFFFF這段語法
就是定義在body範圍內字的顏色
色碼可以自己改
就是 如此 簡單.....
2010年2月25日 星期四
2010年2月12日 星期五
【html】把網頁語法放到自由欄位外
所說的將語法放置於自由欄位之外早在 【html】幫網誌做一個捷徑列
就有小小的提過
這次就以跑馬燈舉例說明
原形語法:
<marquee>
輸入要跑的文字</marquee>
貼於自由欄位外的語法:
<div style='position:absolute;width:180px;top:0px;left:1170px';><marquee>
輸入要跑的文字</marquee></div>
紅色字為比原形多出來的語法
它們是在定義該語法放置的位置
position:absolute; 代表絕對位置的意思
width:180px;top:0px;left:1170px
寬度:180px;距離最上方:0px;距離最左方:1170px
皆可自行更改數值以調整它的位置
這也十分簡單實用
非常多的網頁語法都能用加上這些很簡短的語法而顯示在自由欄位之外
我的對講機.貼紙和跑馬燈都是用這種方法來改變它顯示的位置
算是很簡單的語法
2010年2月10日 星期三
【html】HTML跑馬燈語法
在本版右側應該有一個滿顯眼的跑馬燈吧?
那是屬於"圖片跑馬燈"
只要用很簡短的語法就能做出跑馬燈
一般文字跑馬燈語法:
<marquee>輸入要跑的文字</marquee>
加入圖片的跑馬燈語法:
<marquee><img src="圖片的網址 " width="1 "
height="1"> </marquee>
紅色字為該圖的圖寬.圖高 請自行更改
加入超連結的跑馬燈語法:
<marquee><a href=" 連結到的網址" target="_blank">超連結的文字</a</marquee>
滑鼠移入就會停止移動的跑馬燈語法:
<marquee
onMouseOver="this.stop()" onMouseOut="this.start()">
輸入要
跑的文字</marquee>
改變跑馬燈跑的方向:
<marquee 在此加入語法>輸入要跑的文字</marquee>
往上跑:direction="up"
往下跑:direction="down"
往左跑:direction="left"
往右跑:direction="right"
改變跑馬燈的速度:
<marquee scrollamount="1">輸入要跑的文字</marquee>
紅色字請自行更改
數字越大 速度越快
改變跑馬燈寬高:
<marquee height"1"width="1">輸入要跑的文字</marquee>
紅色字請自行更改
數字越大 跑馬燈越高.寬
改變跑馬燈的底色:
<marquee bgcolor="#000000">輸入要跑的文字</marquee>
紅色字為色碼(色碼表參考:http://rhinejo.myweb.hinet.net/home/color/color-cord.html)
請自行更改
------------------分隔線---------------------
這種HTML跑馬燈不但簡單，且實用
只要把語法貼在BLOG的自由欄位中(不限html語法 或 css語法)
或者貼在網頁原始碼(html語法)的<body>與</body>之間
就能看到自己製作出的跑馬燈
若你想要讓它更顯眼一點，放置於自由欄位之外
也能參考文章【html】把網頁語法放到自由欄位外
2010年2月9日 星期二
免費好用的線上地圖工具-Google地圖
之前說會介紹一系列的Google工具
雖然時間隔了有點久...
這次介紹的是Google線上地圖
它方便在於"線上"
有這種線上服務的工具不少
但只有Google地圖能在你使用搜尋引擎時找到
舉例來說
若我從Google搜尋引擎找"淡水"
它不但會出現與淡水相關的網頁
還會有淡水所在位置的地圖!
比起其他地圖
它的功能更為完善!
圖片中
1是可以用搜尋的方式找地點 如:高雄市
2則是用選擇的
3是用來選擇觀看地圖的模式 地圖就是如現在所視 衛星就與之前介紹過的Google地球一樣 地形則是由分層設色圖呈現
4是用來調整瀏覽地圖的距離 將距離拉近 可檢視到更多細小的縣市鄉鎮
Google提供的工具可不只這些呀~
過一陣子會再介紹更多實用的Google工具!
Google線上地圖:http://maps.google.com.tw/?hl=zh-TW
2010年1月26日 星期二
Google軟體集
Google軟體集提供了一些滿不錯又實用的軟體提供我們下載
且完完全全免費
它還有一個很特別的地方
那就是你下載回來的檔案只要執行
它就會把你想要安裝的軟體下載並安裝到位
完全不用設定什麼，十分的方便!
你能自行挑選需要的軟體下載，每個軟體都有簡短的介紹，可以稍微看一下(如下圖)
即使你選擇了很多軟體下載
下載回來的也只是一個.exe執行檔
正如剛剛所說的
你只要執行它，馬上就會幫你安裝到位了(如下圖)
Google提供了很多很多的服務給我們
但我們不一定有去注意到
那就十分的可惜
且安全性都有一定的保障，不需要擔憂夾帶病毒
Google軟體集:http://pack.google.com/intl/zh-tw/pack_installer.html?hl=zh-tw
好用快速便利的線上字典-Google字典
Google字典可以提供很多語言的翻譯
又十分快速便利
需要翻譯文字時請將顯示"語言選擇"點開 (如下圖)
並輸入想要翻譯的文字
譬如我查"yahoo"這個單字
它就會翻譯出你所選擇的對應語言
點擊喇叭圖示就會有該單字的發音
若急需翻譯文字的話
我滿推薦使用Google字典
他很快速
功能又完備
能讓你快速的尋找到你要的解答!
2010年1月25日 星期一
讓你在不同的解析度下瀏覽網頁的工具-ViewLike.Us
最近一直在更改面板就是為了能讓大家看到最完整的內容
ViewLike.Us他幫了我很大的忙
我能用他測試很多的解析度瀏覽網頁
包括:
iPhone.WiiBrowser.800x600.1024x768.1152x864.1280x800.1400x900.1600x1200.1920x1200
不但能測試的解析度很多
還十分的方便
任何程式都不需要下載
直接在URL的地方輸入網站網址即可(紅色框框內)
只要測試過了
就不怕讓讀者錯失內容囉~
ViewLike.Us:http://viewlike.us/
訂閱：
文章 (Atom)