目前分類:語法的吉地 (33)

瀏覽方式: 標題列表 簡短摘要

設定方法:
進入自訂樣式找要設定開頭相同的語法

tryit287814 發表在 痞客邦 留言(3) 人氣()

*[13款質感框架-語法.範例]*

可以依喜歡更改圖框背景網址

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

Ulead PhotoImpact 筆刷製作使用

 

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

按下方觀看Html原始碼打勾裡面文字有這 語法的改成數字相同 是一般字體大小 ,數字愈大字體就愈大改完後去掉觀看原始碼勾勾可檢視改完的字體效果

tryit287814 發表在 痞客邦 留言(15) 人氣()

方便好用的在線編輯器

想整篇發表引用的網友,只要複製下列語法,進入發表文章後,

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

圖示 文字代碼 名稱 貼於HTML裏的語法(複製貼在HTML裏)
:) 微笑 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" />
:( 難過 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" />
;) 眨眼 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" />
:D 高興 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" />
;;) 眨眼 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" />
>:D< 擁抱 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif" />
:-/ 困擾 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" />
:x 愛意 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" />
:"> 害羞 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif" />
:P 吐舌頭 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" />
:-* 親親 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" />
=(( 心碎了 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" />
:-O 驚訝 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" />
X( 生氣 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" />
:> 沾沾自喜 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif" />
B-) 酷喔 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif" />
:-S 擔心 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif" />
#:-S 呼~ http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" />
>:) 惡魔來了 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif" />
:(( 嚎啕大哭 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" />
:)) 開懷大笑 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" />
:| 忠厚老實貌 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" />
/:) 臭屁 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif" />
=)) 笑倒在地 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" />
O:) 天使 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif" />
:-B 老古板 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif" />
=; 大家都一樣啦 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif" />
I-| 快睡著了 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif" />
8-| 呃... http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif" />
L-) 歹勢歹勢 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/30.gif" />
:-& 生病了 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif" />
:-$ 這是秘密 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif" />
[-( 不跟你說 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif" />
:O) 小丑 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif" />
8-} 別笨了 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif" />
<:-P 歡欣鼓舞 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif" />
(:| 是喔 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif" />
=P~ 流口水 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif" />
:-? 我想想看 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif" />
#-o 是這樣喔 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif" />
=D> 掌聲鼓勵 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif" />
:-SS 嚇死我了 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif" />
@-) 目瞪口呆 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif" />
:^o 騙人騙人 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif" />
:-w 不耐煩了 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif" />
:-< http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/46.gif" />
>:P http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif" />
<):) 帥喔 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif" />
:-c 打給我吧 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif" />
:)] 電話中 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif" />
~X( 我受夠了! http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif" />
:-h 掰掰囉 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif" />
:-t 停停停! http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif" />
8-> 我也好想要喔 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif" />
:o3 可愛小狗 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/108.gif" />
:-?? 呃...我不知道 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/106.gif" />
%-( 我不聽我不聽! http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/107.gif" />
:@) 豬頭 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/49.gif" />
3:-O 哞哞 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/50.gif" />
:(|) 猴仔 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/51.gif" />
~:> 小雞 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/52.gif" />
@};- 玫瑰花 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/53.gif" />
%%- 幸運草 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/54.gif" />
**== 美國國旗 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/55.gif" />
(~~) 南瓜怪 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/56.gif" />
~O) 來杯咖啡吧 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/57.gif" />
*-:) 有主意了! http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/58.gif" />
8-X 骷髏頭 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/59.gif" />
=:) 小蟲 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/60.gif" />
>-) 外星人 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/61.gif" />
:-L 沮喪 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif" />
[-O< 祈禱 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/63.gif" />
$-) 見錢眼開 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/64.gif" />
:-" 吹口哨 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/65.gif" />
b-( 賞你一掌 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif" />
:)>- 勝利! http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/67.gif" />
[-X 不不不 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/68.gif" />
\:D/ 手足舞蹈 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/69.gif" />
>:/ 過來 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/70.gif" />
;)) 嘻嘻 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif" />
:-@ 喋喋不休 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/76.gif" />
^:)^ 膜拜 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/77.gif" />
:-j 繼續吧 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/78.gif" />
(*) 星星 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/79.gif" />
o-> Yahoo!鬥士 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/72.gif" />
o=> Yahoo!戰士 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/73.gif" />
o-+ 女武者 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/74.gif" />
(%) 太極 http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/75.gif" />

YAHOO表情符號提供,本人製作。

voicexml

tryit287814 發表在 痞客邦 留言(1) 人氣()

樣式種類 說明
background-color 背景顏色
background-image 背景圖片
border-top 設定上邊框線
border-bottom 設定下邊框線
border-left 設定左邊框線
border-right 設定右邊框線
border-color 設定邊框顏色
color 設定文字顏色
height 設定高度
width 設定寬度
text-align 對齊方式
text-decoration 文字修飾方式
font-size 字型大小
font-weight 字型粗細
background-attachment 背景是否固定
background-position 背景圖片的位置
background-repeat 重複貼圖方式
border-top-width 設定上邊框線厚度
border-bottom-width 設定下邊框線厚度
border-left-width 設定左邊框線厚度
border-right-width 設定右邊框線厚度
border-width 設定邊框厚度
border-style 設定邊框樣式
border-collapse 邊框線重疊
float 設定文繞圖
text-indent 縮排
text-transform 大小寫轉換
font-family 字型名稱
font-style 字型樣式
font-variant 大小寫變換
letter-spacing 文字間距
line-height 設定行高
list-style-type 項目符號樣式
margin 設定邊界
margin-top 設定上邊界
margin-bottom 設定下邊界
margin-left 設定左邊界
margin-right 設定右邊界
padding 設定邊距
table-layout 表格配置方式

 

*CSS『文字屬性一覽』*

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

註解
跑馬燈

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

自訂框線邊框(框框隨意玩)

自訂樣式應用

tryit287814 發表在 痞客邦 留言(1) 人氣()

如果你想隱藏【更新日期】,只要在css語法最下方加入以下文字

#ymodupdate {display:none;}

tryit287814 發表在 痞客邦 留言(1) 人氣()

色 碼 表
EEEEEE FF00CC FF66FF FF00FF
DDDDDD FFCCCC FF66CC FF00CC
CCCCCC FFCC99 FF6699 FF0099
BBBBBB FFCC66 FF6666 FF0066
AAAAAA FFCC33 FF6633 FF0033
999999 FFCC00 FF6600 FF0000
888888 CCCCFF CC66FF CC00FF
777777 CCCCCC CC66CC CC00CC
666666 CCCC99 CC6699 CC0099
555555 CCCC66 CC6666 CC0066
444444 CCCC33 CC6633 CC0033
333333 CCCC00 CC6600 CC0000
222222 99CCFF 9966FF 9900FF
111111 99CCCC 9966CC 9900CC
000000 99CC99 996699 990099
FF0000 99CC66 996666 990066
EE0000 99CC33 996633 990033
DD0000 99CC00 996600 990000
CC0000 66CCFF 6666FF 6600FF
BB0000 66CCCC 6666CC 6600CC
AA0000 66CC99 666699 660099
990000 66CC66 666666 660066
880000 66CC33 666633 660033
770000 66CC00 666600 660000
660000 33CCFF 3366FF 3300FF
550000 33CCCC 3366CC 3300CC
440000 33CC99 336699 330099
330000 33CC66 336666 330066
220000 33CC33 336633 330033
110000 33CC00 336600 330000
FFFFFF 00CCFF 0066FF 0000FF
FFFFCC 00CCCC 0066CC 0000CC
FFFF99 00CC99 006699 000099
FFFF66 00CC66 006666 000066
FFFF33 00CC33 006633 000033
FFFF00 00CC00 006600 000000
CCFFFF FF99FF FF33FF 00FF00
CCFFCC FF99CC FF33CC 00EE00
CCFF99 FF9999 FF3399 00DD00
CCFF66 FF9966 FF3366 00CC00
CCFF33 FF9933 FF3333 00BB00
CCFF00 FF9900 FF3300 00AA00
99FFFF CC99FF CC33FF 990099
99FFCC CC99CC CC33CC 008800
99FF99 CC9999 CC3399 007700
99FF66 CC9966 CC3366 006600
99FF33 CC9933 CC3333 005500
99FF00 CC9900 CC3300 004400
66FFFF 9999FF 9933FF 003300
66FFCC 9999CC 9933CC 002200
66FF99 999999 993399 001100
66FF66 999966 993366 0000FF
66FF33 999933 993333 0000EE
66FF00 999900 993300 0000DD
33FFFF 6699FF 6633FF 0000CC
33FFCC 6699CC 6633CC 0000BB
33FF99 669999 663399 0000AA
33FF66 669966 663366 000099
33FF33 669933 663333 000088
33FF00 669900 663300 000077
00FFFF 3399FF 3333FF 000066
00FFCC 3399CC 3333CC 000055
00FF99 339999 333399 000044
00FF66 339966 333366 000033
00FF33 339933 333333 000022
00FF00 339900 333300 000011
0099FF 0033FF 0099CC 0033CC
009999 003399 009966 003366
009933 003333 009900 003300
 
回目錄

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

符號特輯

§
°   

 

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

特殊字元

HTML特殊字元HTML字元實際顯示
& &
" "
< <
> >
  代表空白

 

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

跑馬燈

  若您覺得網頁太單調,想要加上變化的話,跑馬燈是不可少的.只要加上即可

跑馬燈

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

安裝音樂

IE

加入背景音樂只要在

之間插入下列原始碼即可讓你的網站有悅耳的聲音唷 :
  • src=設定你想要撥放的midi音樂檔名
  • loop=音樂重撥次數,如想不斷撥放便設成infinite

Netscape

經過本身的測試,bgsound的語法在netscape並無法出現背景音樂,而支援netcape的語法則可在兩大M牌與N牌的瀏覽器都可出現背景音樂,下面就是介紹netspace的背景音樂語法:

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

分割視窗

其實你現在看到的畫面已經有運用分割視窗的碼了

首先要加入

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

表格製作

表格是每一個網頁不可缺少的東西,首先我們要加入

的碼,在的標籤內可以控制整個表格的長度和外框的粗細 :width="300 border="1 cellspacing="2>
  • width=控制表格長度,可用數字或百分比
  • cellspaing=控制儲存格的分隔距離,內定為2
  • background=背景圖檔
  • border=控制外框粗細,不外框便設成0

這只是一開始的設定,必須在

後加上來關閉儲存格 :
,才會新開一個儲存格,再用

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

插入圖片

圖像是一個美化網頁的重要因素,要插入圖像,就要加入

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

文件內的連結

看到上方的網頁導覽或回教學導覽按下去是不是會跳到網頁內的某個地方,一共有兩個步驟 :

(1)給目標地一個名稱,而這個名稱是在按下連結時會跳到的地方 :

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

插入超連結

文字之超連結

  連結為一個網頁不可少的東西,沒有連結就那都不能去,如要差入一個連結便要加入的碼 :

  按下下面的連結會連到奇摩站唷!!

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

1 2