PIXNET Logo登入

天使的花園

跳到主文

~繁花盛開的時節，歡迎到天使的花園~

部落格全站分類：生活綜合

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 4月 09 週四 201509:58

  • 痞客邦文章留言貼圖

本文引用自blogbackup - 痞客邦文章留言貼圖
 

貼圖...貼啥圖???表情符號嗎???
不~不~不~
這次讓你貼圖片網址就好,連表情符號的相簿都可以省下來了
這是格友霝兒提供的一個好點子,現在我要來實現它了
裝了這小程式,格友便能在文章的留言處貼上任何地方的圖片網址
以往痞哥會將這網址轉換成超連結(可以用滑鼠點開看)
現在讓這小程式將網址連結的圖現直接顯示出來
小程式如下

安裝方式.
跟以往一樣,到 [側邊欄位設定] 新增一個版位

將上面的小程式複製後貼到 [自訂欄位內容] 的位置
 
再將這版位從 [版位暫存區] 拖拉到你的側欄1或是側欄2,最後按下右下角的[儲存版面]即可.
(類似下圖)
NewColumn03.png  
回到文章留言處....
 
將來格友只需要在你的文章留言處貼上圖片網址(網址結尾必須是 .jpg .gif .png 三種才行喔)
 
送出留言後,就能直接看到圖片囉~
   
 
(繼續閱讀...)
文章標籤

婕 發表在 痞客邦 留言(2) 人氣(10)

  • 個人分類：語法教學
▲top
  • 3月 30 週日 201421:39

  • 利用語法使部落格中所有有超連結文字變成閃字

本文引用自hopopo923 - 使用語法讓部落格中所有超連結文字變成閃字

　 

步驟(一):
將下方語法(紅色字地方)複製起來
<body>
<script language=JavaScript>
<!--
var rate = 100;
var obj;
var act = 0;
var elmH = 0;
var elmS = 239;
var elmV = 255;
var clrOrg;
var TimerID;
if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt(navigator.appVersion) >= 4) {
Browser = true;
} else {
Browser = false;
}
if (Browser) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
function doRainbow()
{
if (Browser && act != 1) {
act = 1;
obj = event.srcElement;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
function stopRainbow()
{
if (Browser && act != 0) {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (Browser && act != 1) {
obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (Browser && act != 0) {
if (obj.tagName == 'A') {
obj.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
obj.style.color = makeColor();
}
function makeColor()
{
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR);
elmG = Math.floor(elmG);
elmB = Math.floor(elmB);
clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString(16);
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return clrRGB;
}
-->
</script>
</body>
步驟(二):
進入管理後台新增一個自由欄位
將語法貼到自由欄位框內~~
按送出 ==>再按儲存版面
如何進自定欄位新增自由欄位☞

步驟(三)：
按上方我的部落格觀看效果
(繼續閱讀...)
文章標籤

婕 發表在 痞客邦 留言(0) 人氣(14)

  • 個人分類：語法教學
▲top
  • 11月 13 週三 201322:54

  • CSS基礎認識

    CSS基礎認識  






CSS由來
CSS是「Cascading Style Sheets」的縮寫，Cascading是串接、連接之意；Style則是風格、款式之意；Sheets則是一頁紙、表的意思。
所以呢，要以中文來解釋CSS的話呢，您可以稱之為「串接樣式表」。
很奇怪的一串名詞是否？其實，當您CSS用習慣後，您就會發覺它會這樣被稱呼還蠻貼切的。
CSS的作用
CSS能夠使你的網頁更整齊，它可控制網頁中的字型.字體.大小.連結.表格.圖片....等。
需要的工具
編輯CSS不需要任何工具，只要你有記事本就可以編輯了，當然有更好的網頁編輯軟體也是一各相當不錯的幫手。






　


插 入 c s s









插入CSS語法
<style type="text/css"></style> 是告訴瀏覽器，從此段開始都為CSS語法，而要插入CSS語法，
都在網頁中的<head>..和..</head>之間
例如以下方式
<html>
<head>
<style type="text/css">
標籤{定義該內容}
</style>
</head>
<body>
.....網頁內容
</body>
</html>
外部呼叫指令
要在網頁插入CSS也可以用到外部呼叫的指令
<link href="檔名.css"rel="stylesheet"type="text/css">
匯入指令
以另外一種方式，也就是直接將CSS檔案匯入在網頁中。
<style>@import url(檔名.css);</style>







　


網 頁 標 籤









了解網頁標籤
所謂的標籤，其實是很簡單的，別想的太難，
網頁標籤中都含有 <html> <head> <body> <font> <b> <a>
而 html head body 這三種就是一般的網頁型態格式
當然也是常見的標籤
而 font 就是控制字體
b 為粗體 a 就是常用的超連結
以上大概簡略以上常見到網頁的標籤
CSS其實很簡單
只要你懂得網頁的標籤
你就可以靈活應用操作CSS
所謂標籤跟定義該標籤的內容...簡單的說就如下
<style>
網頁標籤{定義內容}
</style>
改變字體大小
今天若我想在我的網頁中所有的文字都為9pt
那麼當然都用到最常用到的幾種標籤
以 <body> 為例
若我要宣告 <body>和</body> 的字體都為9pt
那麼...我可以如以下寫法
<style>body{font-size:9pt}</style>
改變字體顏色
改變body標籤的字體顏色，寫法如下
<style>body{color:red}</style>
改變字型
改變body標籤的所有字型，寫法如下
<style>body{font-family:新細明體}</style>











　


應 用 連 結







一般超連結
此為一般超連結的顏色，色碼可依自己喜好調整。
<style>a:link{color:#色碼}</style>
碰觸超連結
碰觸超連結，也就是當你的滑鼠游標移動到超連結上以後，他會產生何種顏色，以下色碼可依自己喜好調整。
<style>a:hover{color:#色碼}</style>
執行超連結
執行超連結，就是你的滑鼠按下超連結以後，他會產生何種顏色，以下色碼可依自己喜好調整。
<style>a:visited{color:#色碼}</style>
執行後的超連結
執行後的超連結，一個已經按過的連結，他所產生的顏色，色碼可依自己喜好調整。
<style>a:visited{color:#色碼}</style>






　


宣 告 方 法









宣告方法
所謂的宣告方法，其實就是設定該標籤的定義內容，而宣告當然以網頁標籤來作宣告囉，
例如....我想要我的網頁中的文字大小為9pt 而顏色色碼要為 #000000
但是此時...我還沒有說明我要定義哪種標籤，
如果我選擇的標籤為 table
table ← 這是什麼呢？
table它是表格的開頭
如果我要宣告他所有文字大小都為 9pt 色碼為 #000000 的話
我可以如下方式寫
<style>table{font-size:9pt;color:#000000}</style>
第一次看到這個也許不知道是什麼意思
其實他的意思很簡單
也就是網頁中 <table>..之間..</table>中的文字
都為 9pt大小 而顏色代碼為 #000000 的意思
如果上述還不懂，就拿以下的簡單表格表單來作示範，
<table border=1>
<tr>
<td>歡迎光臨</td>
</tr>
</table>
上面這段簡單的表格表單就是再歡迎光臨的外圍會有一個邊框表格，
而若我用了上述的CSS定義宣告table的文字大小
簡單的說..就是歡迎光臨這四個字會變成大小9pt 顏色代碼為 #000000的意思
看到這裡如果懂了，那麼你對CSS的了解又更深一步囉。







　


多 項 定 義









多項定義
多項定義呢，也就是如果我有許多設定要再同一個標籤中，
例如我以 body 這標籤來作定義，
我要<body>和</body>包起來的文字大小.顏色.字型統一改變的話，
而我要的大小為9pt 色碼為 #333333 字型為 新細明體
那麼寫法如下方式：
<style>
body{font-size:9pt;color:#333333;font-family:新細明體}
</style>
在這裡要注意的是..!!
在CSS區分各種標籤定義時，都要以 ; 來作區分
而被定義的內容都要以{ 跟 }來作才行
簡單的說，就是這樣子：
<style>
網頁標籤{文字大小要為9pt;色碼要為#333333;字型要新細明體}
</style>







　


分 項 宣 告









分項宣告
分項宣告就是網頁中同一種標籤，但卻分成兩次來宣告，例如以下：
<style>
body{font-size:9pt}
body{color:#000000}
</style>
如果各位對前面的幾篇教學都有認真看的話
這裡應該都難不倒各位了
也就是被<body>和</body>包住的文字大小為9pt
而顏色色碼為#000000
那麼在這裡的分項宣告，其實就以上面的寫法，
他對了body標籤做了兩次的宣告
但其實所得到的結果還是跟以下的寫法一樣的：
<style>
body{font-size:9pt;color:#000000}
</style>
所謂的分項宣告
就是同一種網頁標籤分成兩次.或好幾次以上的宣告方式。
先後順序
若我有同樣的標籤，而宣告內容有重複的，或是不一樣的定義內容，例如以下：
<style>
body{color:#000000}
body{color:#999999}
</style>
以上寫法都是定義body標籤的文字顏色，但色碼卻不同，
那麼哪一宣告會被成立呢，答案為後者，
也就是 body{color:#999999} 會被成立
在CSS寫法中若有相同而設定值不同的都以後者來執行的。







　


單 向 定 義









單向定義
單項定義，也就是將CSS的定義內容直接寫在標籤裡頭，以下列為示範：
網頁標籤 <b>
這是一個文字粗體標籤，也就是被<b>和</b>包起來的文字
都會變成粗體文字，那麼如果我要定義他的大小為9pt
一般CSS的用法則為：
<style>
b{font-size:9pt}
</style>
這樣網頁中所有被<b>和</b>包起來的文字就都為粗體而且為9pt的大小了，
那麼..單項定義的寫法呢....？
單項定義的寫法很簡單，就如以下：
<b style="font-size:9pt">我是粗體文字大小為9pt</b>
所謂單項定義，就是你針對網頁中的標籤設定他的值，
而也只有被設定的標籤才會產生作用。
注意
如果網頁上有兩個定義，如下：
<style>
b{font-size:9pt}
</style>
<b style="font-size:12pt}</style>
那麼就上述定義，單項定義的則文字大小為12pt
而在網頁中其他的<b>沒被單項定義設定的
就都為9pt的文字大小，也就是被單獨定義的會被執行，
而其他的則不影響。







　


標 籤 定 義









標籤定義
多樣標籤定義意思就是，再網頁中有許多的標籤要定義為一種內容，
簡單來說就是把許多標籤設定為一種樣式的意思，
現在各位若懂了什麼是標籤，那這裡就難不倒你的，
在網頁中，要宣告五種標籤，要讓他都為同一種設定，
以下面五種標籤來說：
<body> <table> <tr> <td> <font>
要以上五種標籤將他設定為 9pt的大小文字 色碼 #666666 字型為新細明體
若以上方所需要的要球，可以如以下這樣寫：
<style>
body,table,tr,td,font{font-size:9pt;color:#666666;font-family:新細明體}
</style>
注意
要同時一次定義多種網頁標籤的時候，
各種標籤要以 , 來做區分哦！！
不然CSS是沒辦法執行的，以及各種內容定義也要以 ; 來區分才行
CSS寫法中是沒有 = " ' 這幾種設定html語法的代碼
在CSS中 = 要以 : 來寫才行
而 " ' 這種代碼出現在CSS中是不正確的寫法。











　


捲 軸 色 系







捲軸色系
必須 IE5.5 以上版本才能正確顯示，
<style>
body{
scrollbar-face-color:#色碼;
scrollbar-highlight-color:#色碼;
scrollbar-shadow-color:#色碼;
scrollbar-3dlight-color:#色碼;
scrollbar-arrow-color:#色碼;
scrollbar-track-color:#色碼;
scrollbar-darkshadow-color:#色碼}
</style>
屬性說明
scrollbar-face-color ： 捲軸表面的顏色。
scrollbar-highlight-color ： 捲軸邊界的顏色。
scrollbar-shadow-color ： 捲軸陰影的顏色。
scrollbar-3dlight-color ： 捲軸3D立體的顏色。
scrollbar-arrow-color ： 捲軸上下箭頭的顏色。
scrollbar-track-color ： 捲軸底部軌道的顏色。
scrollbar-darkshadow-color ： 捲軸第二層陰影的顏色。






　


網 頁 文 字









文字顏色
<style>body{color:#色碼}</style>
文字大小
<style>body{font-size:9pt}</style>
文字字型
<style>body{font-family:新細明體}</style>
文字粗體
<style>body{font-weight:bold}</style>
文字斜體
<style>body{body{font-style:italic}</style>
文字置中
<style>body{text-align:center}</style>
多項寫法技巧
以上面幾段語法來寫，如果要用很多種的話，要如何寫比較好呢，
有的人如果要改變文字顏色跟大小及文字置中
可能就如以下這樣貼吧：
<style>body{color:#000000}</style>
<style>body{font-size:9pt}</style>
<style>body{text-align:center}</style>
其實以上面這樣的效果，可以如以下寫法：
<style>
body{color:#000000;font-size:9pt;text-align:center}
</style>
看到哪裡不同了嗎？
原本長長的好幾段只要縮成這樣就能辦到了，
我們只要記住我們宣告的標籤
因為上述的CSS都是宣告body標籤，那麼我們就可以這樣寫，
而每項的定義內容，只要以 ; 就可以了，
而<style>跟</style>再網頁中只要出現一次，
就可以達到CSS的要求了，不需要如上面那段重複複製貼上了好幾次，
如果你懂得如何去改以後，CSS你就可以隨心所欲的寫囉，
只要記住屬性就行了。







　


指 標 圖 示









指標圖示
必須 IE6.0 以上版本才能正確顯示，
<style>
body{
cursor:url(圖示位置.ani)
}
</style>
禁止指標
必須 IE6.0 以上版本才能正確顯示，
<style>
body{
cursor:all-scroll
}
</style>
範例：把滑鼠移過來
全部選取指標
必須 IE6.0 以上版本才能正確顯示，
<style>
body{
cursor:all-scroll
}
</style>
範例：把滑鼠移過來







　


碰 觸 產 效









出現底線
<style>a:hover{text-decoration:underline}</style>


出現刪除線
<style>a:hover{text-decoration:line-through}</style>


出現頂線
<style>a:hover{text-decoration:overline}</style>


頂線及底線
<style>a:hover{text-decoration:underline overline}</style>


頂線.底線.刪除
<style>a:hover{text-decoration:line-through underline overline}</style>


動態偏移
<style>a:hover{position:relative;top:2px;left:2px}</style>


字體大小
<style>a:hover{font-size:7pt}</style>


產生邊框
<style>a:hover{border:1px #色碼 solid}</style>


產生虛線邊框
<style>a:hover{border:1px #色碼 dotted}</style>


產生上下虛框
<style>a:hover{border-top:1px #色碼 dotted;border-bottom:1px #色碼 dotted}</style>


產生左右虛框
<style>a:hover{border-left:1px #色碼 dotted;border-right:1px #色碼 dotted}</style>


產生底色
<style>a:hover{background:#色碼}</style>


產生背景
<style>a:hover{background-image:url(圖片位址)}</style>


變為粗體
<style>a:hover{font-weight:bold}</style>


變為斜體
<style>a:hover{font-style:italic}</style>


改變指標
<style>a:hover{cursor:指標樣式}</style>


指標圖示
<style>a:hover{cursor:url(圖示位置.ani)}</style>











　


按 鈕 產 效
















































文字顏色 <style>input{color:#色碼}</style>
文字大小 <style>input{font-size:9pt}</style>
改變邊框 <style>input{border:1px #色碼 solid}</style>
改變底色 <style>input{background:#色碼}</style>
產生背景 <style>input{background-image:url(圖片位址)}</style>
虛線邊框 <style>input{border:1px #色碼 dotted}</style>
改變字型 <style>input{font-family:新細明體}</style>
改為斜體 <style>input{font-style:italic}</style>
改為粗體 <style>input{font-weight:bold}</style>
改變指標 <style>input{cursor:指標樣式}</style>
指標圖示 <style>input{cursor:url(圖示位置.ani)}</style>






　


滑 鼠 指 標









手狀
<style>body{cursor:hand}</style>


十字
<style>body{cursor:crosshair}</style>


I狀
<style>body{cursor:text}</style>


沙漏
<style>body{cursor:wait}</style>


?狀
<style>body{cursor:help}</style>


四處指
<style>body{cursor:move}</style>


往上指
<style>body{cursor:n-resize}</style>


往下指
<style>body{cursor:s-resize}</style>


往左指
<style>body{cursor:w-resize}</style>


往右指
<style>body{cursor:e-resize}</style>


左上指
<style>body{cursor:nw-resize}</style>


左下指
<style>body{cursor:sw-resize}</style>


右上指
<style>body{cursor:ne-resize}</style>


往下指
<style>body{cursor:se-resize}</style>


原始指標
<style>body{cursor:default}</style>



滑鼠 觸碰指定的物件，更換游標標





















































滑鼠放在下面文字上瀏覽效果
default
hand
text
move
e-resize
nw-resize
s-resize
se-resize
sw-resize
crosshair
wait
help
n-resize
ne-resize
w-resize


如果你想要在自己的網誌上，更換自己喜愛的鼠標，首先你必須要有網路空間存放鼠標。

語法如下：
頁面空狀態：　←現小丸子鼠標
BODY {
CURSOR: url('http://anlar.myweb.hinet.net/A/a80.ani')
}
　
碰觸連結變換游標：　←游標放到連結上可看到效果
A:hover {
CURSOR: url('http://anlar.myweb.hinet.net/A/a09.ani'); TEXT-DECORATION: none
}
　
碰觸連結物件偏移：　←游標放到連結上可看到效果
A:hover {
LEFT: 2px; POSITION: relative; TOP: 2px
}
　
說明：HTML標籤→表格，欄表，文字，圖，按鈕，超連結，
HTML標籤 {
CURSOR: url('鼠標路徑')
}
 
以上語法應用皆可以複合性的搭配使用，
把以上的語法貼到 css 裡面連結的上方既可。
※註：有些瀏覽器是不支援 ani (動態游標)，在不支援的瀏覽器裡，是看不見效果的。
引用  http://blog.xuite.net/piyu777/tw/13309280
文章出處 http://0rz.tw/wDIA8 
 
 
引用語法如下： 

 
 
 
 
(繼續閱讀...)
文章標籤

婕 發表在 痞客邦 留言(0) 人氣(13)

  • 個人分類：語法教學
▲top
  • 11月 11 週一 201314:55

  • 語法產生器~線上版


swf 貼圖語法產生器http://home.educities.edu.tw/nkhs9323005/B14.htm
一般貼圖語法產生器http://home.educities.edu.tw/nkhs9323005/B13.htm
背景圖語法產生器http://home.educities.edu.tw/nkhs9323005/B17.htm
語 法 測 試 區http://home.educities.edu.tw/nkhs9323005/CC.htm
呆呆之家框架語法產生器http://home.educities.edu.tw/nkhs9323005/B15.htm
文字文章上昇語法http://home.educities.edu.tw/nkhs9323005/C11.htm
顏色數碼表http://home.educities.edu.tw/nkhs9323005/C2.htm
選擇背景色http://home.educities.edu.tw/nkhs9323005/C66.htm
奇摩部落格影音語法產生器http://home.educities.edu.tw/nkhs9323005/B16.htm
特殊符號內碼表http://home.educities.edu.tw/nkhs9323005/YY45.htm
呆呆之家捲軸變色產生器http://home.educities.edu.tw/nkhs9323005/YY36.htm
網頁換頁效果http://home.educities.edu.tw/nkhs9323005/C22.htm
視窗分割產生器http://home.educities.edu.tw/nkhs9323005/YY52.htm
下拉式選單產生器http://home.educities.edu.tw/nkhs9323005/YY53.htm
自做連結語法http://home.educities.edu.tw/nkhs9323005/YY54.htm
魚兒水中游語法http://home.educities.edu.tw/nkhs9323005/C49.htm
圖片上飄語法http://home.educities.edu.tw/nkhs9323005/C55.htm
天使飛舞區語法http://home.educities.edu.tw/nkhs9323005/C79.htm
花雨語法http://home.educities.edu.tw/nkhs9323005/C56.htm
浮現背景語法http://home.educities.edu.tw/nkhs9323005/C57.htm
圖片飄浮語法一http://home.educities.edu.tw/nkhs9323005/C58.htm
圖片飄浮語法二http://home.educities.edu.tw/nkhs9323005/C59.htm
可移圖片語法http://home.educities.edu.tw/nkhs9323005/C60.htm
彩框視窗語法http://home.educities.edu.tw/nkhs9323005/C61.htm
向我飛奔語法http://home.educities.edu.tw/nkhs9323005/C62.htm
衝天星火語法http://home.educities.edu.tw/nkhs9323005/C63.htm
流星橫移語法http://home.educities.edu.tw/nkhs9323005/C81.htm
繽紛銀河語法http://home.educities.edu.tw/nkhs9323005/C64.htm
網頁光環區語法http://home.educities.edu.tw/nkhs9323005/C77.htm
自動捲軸語語法http://home.educities.edu.tw/nkhs9323005/C65.htm
圖片變亮語法http://home.educities.edu.tw/nkhs9323005/C67.htm
圖片漸亮語法http://home.educities.edu.tw/nkhs9323005/C68.htm
變換圖片語法一http://home.educities.edu.tw/nkhs9323005/C69.htm
變換圖片語法二http://home.educities.edu.tw/nkhs9323005/C70.htm
圖片組合語法http://home.educities.edu.tw/nkhs9323005/C71.htm
浮動圖片語法http://home.educities.edu.tw/nkhs9323005/C72.htm
皮帶式相簿語法http://home.educities.edu.tw/nkhs9323005/C73.htm
背景圖選擇單語法http://home.educities.edu.tw/nkhs9323005/C80.htm
盛開的花朵語法http://home.educities.edu.tw/nkhs9323005/C74.htm
背景圖下移語法http://home.educities.edu.tw/nkhs9323005/C75.htm
飄浮圖片區語法http://home.educities.edu.tw/nkhs9323005/C78.htm
背景圖斜移語法http://home.educities.edu.tw/nkhs9323005/C76.htm
圖片橫移語法http://home.educities.edu.tw/nkhs9323005/C89.htm
影音音樂基本播放語法http://home.educities.edu.tw/nkhs9323005/N9.htm
精美日曆語法http://home.educities.edu.tw/nkhs9323005/C86.htm
換頁效果語法http://home.educities.edu.tw/nkhs9323005/C88.htm

 
引用:http://mei520520s.blogspot.com/2011/10/blog-post_19.html
(繼續閱讀...)
文章標籤

婕 發表在 痞客邦 留言(0) 人氣(45)

  • 個人分類：語法教學
▲top
  • 10月 28 週一 201322:19

  • 如何在置頂頁的日誌描述放置兩個透明Flash動畫做頁首背景

 






 


如何在置頂頁的日誌描述放置兩個透明Flash動畫做頁首背景：


複製以下語法貼在日誌描述位置，如圖：



<EMBED style="LEFT:0px;POSITION:absolute;TOP:0px;" align=left src=Flash網址.swf width=1000 height=200 type=application/octet-stream wmode="transparent" quality="high" ;>
<EMBED style="LEFT:0px;POSITION:absolute;TOP:0px;" align=left src=Flash網址.swf width=1000 height=200 type=application/octet-stream wmode="transparent" quality="high" ;>


例如 ：
<EMBED style="LEFT:0px;POSITION:absolute;TOP:0px;" align=left src=http://blog.roodo.com/oei/2a5e1776.swf width=1000 height=200 type=application/octet-stream wmode="transparent" quality="high" ;>


調整簡易說明 :


LEFT: 0px   ( Flash顯示靠左邊界 )


TOP: 0px   ( Flash顯示至頂邊界 )


align=left  ( Flash起始位置，通常置於左邊 )


width=1000   ( Flash起始寬度 )


height=200   ( Flash起始高度 )配合頁首的 #banner{height:200px;} 高度語法使用


wmode="transparent" 將 flash 透明化


 文章取自:http://blog.xuite.net/m.liou/liou/20532118-%E5%A6%82%E4%BD%95%E5%9C%A8%E7%BD%AE%E9%A0%82%E9%A0%81%E7%9A%84%E6%97%A5%E8%AA%8C%E6%8F%8F%E8%BF%B0%E6%94%BE%E7%BD%AE%E5%85%A9%E5%80%8B%E9%80%8F%E6%98%8EFlash%E5%8B%95%E7%95%AB%E5%81%9A%E9%A0%81%E9%A6%96%E8%83%8C%E6%99%AF%EF%BC%9A







(繼續閱讀...)
文章標籤

婕 發表在 痞客邦 留言(0) 人氣(9)

  • 個人分類：語法教學
▲top
  • 10月 27 週日 201323:56

  • BLOG字體大小的語法



 

 
(繼續閱讀...)
文章標籤

婕 發表在 痞客邦 留言(0) 人氣(39)

  • 個人分類：語法教學
▲top
  • 10月 27 週日 201323:30

  • 跑馬燈 html 教學 2


 




 
一般的跑馬燈









滑鼠移入就會停止的跑馬燈                               





 
左右來回彈的跑馬燈


 
帶著圖形       與 超連結 一起跑的跑馬燈


哇！好多不一樣的跑馬燈喔~       ^.^
跑馬燈可以有很多變化，只要你了解一些關於跑馬燈的HTML語言...



跑馬燈的基楚HTML：

編輯網頁，打開原始碼                        






<html>
<head>
...<title>標題</title>
</head>

              <body>
...... 貼在這兒
</body>
              </html>












<marquee>要跑的文字或物件</marquee>          




HTML標籤語言通常是配對的，


跑馬燈是以 <marquee>開始，</marquee>結尾，


在標籤語言中間所包含的就是要〝跑〞的東西。


註 ：HTML中『 < 』 與 『 > 』符號，是鍵盤上的〝大於〞、〝 小於〞 那個符號， 不是注音符號中的 括弧 喔!


 








屬性


跑馬燈不只只能向左跑，還可以改變 方向、速度... 還有設定範圍的的寬高，只要在標籤中加上「屬性」就可控制。


加在那兒？


 
<marquee 加在這>       要跑的文字 </marquee>


 
註：加屬性前記得按一格「空白鍵」，       〝空格〞 是「屬性」與「屬性」間的分段，你可以任意組合使用。







 

 

 

屬 性 一 覽 表





屬         性



其         他 說 明



範         例



範         例 的 完 整 語 法




對齊 align="top"
齊上 top
居中 midden
齊下 botton
 


方向 direction="up"
左 left
右 right
上 up
下 dun
慢慢向上跑
<marquee direction="up"       height="50" scrollamount="1">
要跑的文字</marquee>


行為 behavior="altemate"
左右來回 alternate
進入後停止slide
反覆 scroll

左右來回彈

<marquee behavior="alternate">
要跑的文字</marquee>


進入後停止
<marquee behavior="slide">
要跑的文字</marquee>


(備註：一般反覆scroll的指令不用寫，因為那是預設)


高 height="高的數字"
(跑馬燈區域的高度)



寬 width="寬的數字"



(跑馬燈區域的寬度)


速度 scrollamount="1"       
中間的數字是
      「滑動步伐的寬」
      步伐寬1
步伐寬5
<marquee scrollamount="1">       要跑的文字</marquee>


<marquee scrollamount="5">       要跑的文字</marquee>


背景色
bgcolor="#0022FF"    
"#0022FF"是HTML色碼，兩個       兩個為一組，由00~99,AA~FF所組成，代表紅R、綠G、藍B，
      數字越小越深，數字越大越亮。
      例：紅 #FF0000，綠       #00FF00，藍 #0000FF，黃        #FFFF00，紫 #9966CC，....。









圖片也可以跟著跑


在跑馬燈<marquee> 標籤開始       至</marquee>結尾，中間所包含的物件 都會跟著跑，包含文字、圖形、超連結...


範例：
      圖       與 超連結 都可以夾帶一起跑
 


寫法：









<marquee>
            <img src="圖形的http位置" width="圖寬"              height="圖高">
            < a href="超連結的網址" target="_blank">要超連結的文字</a>
            </marquee>




【說明】


註1. 顯示圖形的HTML是：<img       src="圖形的http位置">



　 　例：我要顯示這張小圖→





　　　　假設我已把這張叫做「INDEX_LOGOME2.GIF」的圖上傳 放到我的http://www.liu-may.com網站空間的「img」裡，


　　　　所以圖的絕對路徑位置是「http://www.liu-may.com/img/INDEX_LOGOME2.GIF」


　　　　那麼要顯示這張圖的HTML寫法就是↓


　　　　<img       src="http://www.liu-may.comimg/INDEX_LOGOME2.GIF ">


註2. 超連結的HTML是：<a       href="連結的http位置">名稱</a>


　　target="_blank"       表示超連結開啟方式是「開在新視窗 」


　　 　例：我想要超連結到「奇摩」，並且開在新視窗，而奇摩的網址是「http://tw.yahoo.com」


　　 　　　那麼這段超連結的HTML寫法是：


　　 　　　<a href="http://tw.yahoo.com"       target="_blank"> 奇摩       </a>








滑鼠移入就會停止的跑馬燈



範例：










              滑鼠移入就會停止的跑馬燈                           




寫法：









<marquee onMouseOver="this.stop()"             onMouseOut="this.start()" height="50"             direction="up" scrolldelay="4" scrollamount="1">要跑的文字</marquee>




【說明】


onMouseOver="this.stop()" 表示滑鼠移入〝範圍區〞既「停止」


onMouseOut="this.start()" 表示滑鼠離開便「跑動」


在stop與start後面的『 ( 』與『 ) 』，是鍵盤上數字健9與0上方的那個括弧符號，不是數字〝零〞喲 ^.^ 


PS：以上跑馬燈 整段HTML要改的只有〝要跑的文字〞 ^_^



 文章取自:http://www.liu-may.com/notebook/html/01marquee.htm#3
(繼續閱讀...)
文章標籤

婕 發表在 痞客邦 留言(0) 人氣(17)

  • 個人分類：語法教學
▲top
  • 10月 26 週六 201316:22

  • 跑馬燈 html 教學


一、跑馬燈（左進右出式）
 



<marquee>要出現的字</marquee>


一般基本的為左進右出式的跑馬燈，亦可加上背景色。


<marquee>聖誕快樂VS中秋佳節</marquee>
聖誕快樂VS中秋佳節
加上bgcolor=背景顏色的色碼
<marquee bgcolor=ffcc00>聖誕快樂VS中秋佳節</marquee>
聖誕快樂VS中秋佳節





二、跑馬燈（左右來回式）
            



<marquee                    behavior=alternate>要出現的字</marquee>


即為左右來回式的跑馬燈，亦可加上背景色。


<marquee                   behavior=alternate>聖誕快樂VS中秋佳節</marquee>
聖誕快樂VS中秋佳節
                  <marquee behavior=alternate bgcolor=ffcc00>聖誕快樂VS中秋佳節</marquee>
聖誕快樂VS中秋佳節




三、格式大小的變化
            



<marquee                   width=m%>要出現的字</marquee>


除了可改背景外，長度也是可以更改的。


<marquee                   width=50%>聖誕快樂VS中秋佳節</marquee>
聖誕快樂VS中秋佳節
                  <marquee behavior=alternate bgcolor=ffffcc width=70%>聖誕快樂</marquee>
聖誕快樂



http://www.pcnet.idv.tw/pcnet/html/07.htm 
(繼續閱讀...)
文章標籤

婕 發表在 痞客邦 留言(0) 人氣(18)

  • 個人分類：語法教學
▲top
  • 10月 10 週四 201321:17

  • 霝兒自製游標2(自製版型用6枚 )

本文引用自e314520520 - 霝兒自製游標2(自


 


霝兒自製游標2(自製版型用6枚 ) 




 





















滑鼠滑過下列圖示預覽 ↓

＊　要用IE才能正常預覽　＊ 

 







 

若欲下載 請直接點下列網址 ↓ 


  http://forever0423.myweb.hinet.net/abc/149.ani
 http://forever0423.myweb.hinet.net/abc/152.ani
 http://forever0423.myweb.hinet.net/abc/156.ani
 http://forever0423.myweb.hinet.net/abc/158.ani
 http://forever0423.myweb.hinet.net/abc/160.ani

   http://forever0423.myweb.hinet.net/abc/161.ani


 

 

body{cursor:URL(游標網址);}


a:hover{cursor:URL(游標網址);}



 


 









 



引用語法如下：  




 


 


 


 


(繼續閱讀...)
文章標籤

婕 發表在 痞客邦 留言(0) 人氣(6)

  • 個人分類：語法教學
▲top
  • 9月 23 週一 201306:14

  • 痞客邦部落格版型 CSS語法對照表 雜蒐




 




(繼續閱讀...)
文章標籤

婕 發表在 痞客邦 留言(0) 人氣(13)

  • 個人分類：語法教學
▲top
1

最新文章

  • 高麗菜 番茄炒蛋~阿見
  • 西紅柿煮雞胸肉~阿 見
  • 香煎雞胸肉~阿慶師
  • 嫩煎雞胸肉~天天相見廚房
  • 嫩煎雞胸肉~豫魯小學堂
  • 鷹嘴豆味噌~夢幻廚房在我家
  • 鷹嘴豆自製豆腐~魯國巧娘在台灣
  • 包子生胚速凍法~阿胖麵食
  • 酪梨其實不健康~伯格醫生
  • 六款破壁機比較~愛生活的馬克君

庭院深深

文章分類

toggle 電腦資訊 (2)
  • 教學資訊 (11)
  • 各類資訊 (9)
toggle 影音欣賞 (4)
  • 台語歌曲 (2)
  • 自製影片 (0)
  • 國語歌曲 (37)
  • 英文歌曲 (3)
toggle 版型圖框 (2)
  • 版型收藏 (7)
  • 圖框收藏 (2)
toggle 佳作欣賞 (3)
  • 散文 (3)
  • 詩詞 (3)
  • 攝影&繪畫 (3)
toggle 部落格教學 (2)
  • 語法教學 (10)
  • 綜合教學 (19)
toggle 部落格裝飾 (1)
  • Flash (1)
toggle 各類收集 (4)
  • 動畫 (4)
  • 表情圖 (7)
  • 其它 (3)
  • 分隔線 (6)
toggle 好玩生成器 (1)
  • 生成器 (2)
toggle 中式料理 (4)
  • 湯品 (5)
  • 點心&甜點 (27)
  • 醃製品 (6)
  • 綜 合 (31)
toggle 西式.異國料理 (3)
  • 沙拉 (2)
  • 其 他 (11)
  • 冰品&甜點 (7)
toggle 烘焙料理 (4)
  • 蛋糕 (2)
  • 西式麵包 (16)
  • 中式點心 (19)
  • 西式點心 (2)
toggle 手作品 (4)
  • 手工皂 (10)
  • 保養品等 (3)
  • 玩布包 (3)
  • 其它 (5)
toggle 園藝 (4)
  • 種植紀錄 (8)
  • 種植資訊 (5)
  • 種子盆栽 (2)
  • 其它 (13)
toggle 健康醫療 (3)
  • 復健運動 (13)
  • 瘦身美容 (17)
  • 一般保健 (30)
toggle 不分類資料夾 (2)
  • 星 相 (1)
  • 其 它 (4)
  • 生活資訊 (31)
  • 未分類文章 (1)

參觀人氣

  • 本日人氣：
  • 累積人氣：

動態訂閱

熱門文章

  • (10,651)藥膳~羊奶頭燉排骨
  • (2,971)味噌海帶排骨湯
  • (2,284)微波爐處理食物時間火力對照表
  • (528)簡易下載伊莉影片
  • (353)桂花釀
  • (245)選對豬腳做好菜，豬肉攤絕對說不清楚的豬腳學問！
  • (76)不用安裝即可觀看的各台電視直播台
  • (20)表情符號（洋蔥頭）172個分享。
  • (14)免疫力差怎麼辦_適量吃山藥
  • (10)霝兒自製版型NO.27【向左走向右走/幾米】(三欄/左右欄皆宜)

最新留言

  • [25/08/05] 美國黃金瑪卡 於文章「蔬菜饅頭花捲~海娟美食...」留言：
    德國勁之寶 https://www.tw9g.com/...
  • [25/05/08] 外用陰莖增大 於文章「如何用麵包機做出鬆軟的吐司~大項的美食...」留言：
    黃金威而鋼 https://www.tw9g.com/goo...
  • [25/04/20] Lucky Nina 於文章「如何使用攪拌器打麵糰~辣媽...」留言：
    您好！有什麼我可以幫助的嗎？ 我是部落格服務商，歡迎看看我...
  • [25/04/09] 【讀書心得】關於愛的二十一個真相 於文章「蘿蔔糕~培仁蔬食...」留言：
    很好喔~~!...
  • [24/09/14] 太陽公公 於文章「酪梨蛋沙拉三明治 ~李鴻賓...」留言：
    謝謝分享...
  • [23/12/23] 太陽公公 於文章「圍巾繫法 ~ KanKanChannel...」留言：
    謝謝分享...
  • [23/10/06] 訪客 於文章「3種抗過敏食物...」留言：
    過敏症狀跟免疫力息息相關 除了平常良好的飲食生活習慣及規律...
  • [22/05/07] 太陽公公 於文章「旅遊趣...」留言：
    謝謝分享...
  • [18/07/30] 星兒 於文章「如 歌 ~ 張 杰 ( 不聽會後悔ㄛ)...」留言：
    這個劇集,因演員很美, 讓我禁不住在網上找來看. 很好看...
  • [18/07/30] 星兒 於文章「如 歌 ~ 張 杰 ( 不聽會後悔ㄛ)...」留言：
    這個劇集,因演員很美, 讓我禁不住在網上找來看. 很好看...

文章搜尋

文章精選

誰來我家