無中生有: 2月 2010

2010年2月25日星期四

【css】更改網站字的顏色

在之前改八大行星CSS的時候由於背景都是黑色系

但字本身是用預設的黑

所以完全看不到

改字的顏色非常簡單....

它簡單的程度讓我為之驚奇

只要.....

body{

color:#FFFFFF

}

簡單來說就是加上color:#FFFFFF這段語法

就是定義在body範圍內字的顏色

色碼可以自己改

就是如此簡單.....

2010年2月12日星期五

【html】把網頁語法放到自由欄位外

之前【html】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><a href=" 連結到的網址" target="_blank">超連結的文字</a</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年2月25日 星期四