PIXNET Logo登入

421244103

跳到主文

歡迎光臨c8cc168在痞客邦的小天地 Blogger HTML 技巧 **智障肥強**

部落格全站分類：不設分類

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 7月 28 週一 201422:47

  • 上列 聽歌 選擇

<!--------------------聽歌--------------------->
<select onchange='mp4_m(this.value)'
onmouseover='this.focus() ' style='cursor: pointer;width:150px; background-color:#C0C0C0; color:#000;
font-size:20px;
display:scroll;
(繼續閱讀...)
文章標籤

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

  • 個人分類：管理員-聽歌
▲top
  • 7月 28 週一 201419:28

  • 本網誌 CSS

<!-----------網誌 圖 名------------->
<h3>
<img src="https://lh4.googleusercontent.com/-uPkYUu3FcmI/U6t1IjYu7HI/AAAAAAAABYk/GJCWlC6Ddx4/s128/site_logo.gif" /><br />
Blogger HTML<br /> 技巧
</h3>
(繼續閱讀...)
文章標籤

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

  • 個人分類：管理員-CSS
▲top
  • 7月 24 週四 201418:06

select option <select >
　<option value="上水">上水</option>
　<option value="大埔">大埔</option>
　<option value="沙田">沙田</option>
　<option value="粉嶺">粉嶺</option>
</select><select style="cursor:pointer;">
　<option value="上水">上水</option>
　<option value="大埔">大埔</option>
　<option value="沙田">沙田</option>
　<option value="粉嶺">粉嶺</option>
</select>
style="cursor:pointer;"
多一只手指<select style="background-color: silver; border: 3px outset #d5d5d5; color: black; cursor: pointer; font-size: 20px; width: 150px;">
　<option value="上水">上水</option>
　<option value="大埔">大埔</option>
　<option value="沙田">沙田</option>
　<option value="粉嶺">粉嶺</option>
</select>
<select style="background-color: silver; border: 3px outset #d5d5d5; color: black; cursor: pointer; font-size: 20px; width: 150px;" onchange="alert(this.value)">
　<option value="上水">上水</option>
　<option value="大埔">大埔</option>
　<option value="沙田">沙田</option>
　<option value="粉嶺">粉嶺</option>
</select>
cursor:pointer 滑鼠游標圖案是手指
background-color: silver 底色border: 3px outset #d5d5d5 邊框
color: black 文字顏色
(繼續閱讀...)
文章標籤

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

  • 個人分類：select option
▲top
  • 7月 23 週三 201415:17



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

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

  • 個人分類：管理員-YouTube
▲top
  • 7月 01 週二 201415:08

  • 框架圓角


背景圓角
不同瀏覽器 用不同語法 ,所以在 CSS 或 style 內加曬三個語法。
CSS3 border-radius
Mozilla -moz-border-radius
WebKit -webkit-border-radius

方框 及 底色
<div style="-moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;background-color: rgba(255, 255, 0, 0.3); height: 300px; text-align: center; width: 80%;">
xxxxxx</div>

-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
四個角為 圓角
background-color: rgba(255, 255, 0, 0.3);
rgba(red 值, green 值, blue 值, alpha 值)
alpha 值 0.3 不透明度 30%

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

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

  • 個人分類：框架及背景
▲top
  • 7月 01 週二 201411:59

  • input type="button" 按鈕


<input type="button" value="文字">

按鈕 滑鼠游標設定為（一只手）<input type="button" value="文字"  style="cursor:pointer;" />
(繼續閱讀...)
文章標籤

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

  • 個人分類：輸入及選擇
▲top
  • 6月 30 週一 201423:16

  • HTML input 輸入

input { font-size:20px } #aa123 table { font-size:26px; -moz-border-radius: 25px; -webkit-border-radius: 25px; background-color: rgba(255, 255, 0, 0.3); border-radius: 25px; height: 125px; text-align: center; width: 125px; }

<input type="text" size="40" value="123456" />

<input onclick="this.select()" size="40" type="text" value="123456" />

<input onmouseover="this.select()" size="40" type="text" value="123456" />;


<input onchange="this.select()" onclick="this.select()" size="40" type="text" value="123456" />

<input size="40" type="text" value="123456" maxlength="10"/>

<input size="40" type="number" value="123456"  />

<form>
　<input type="text">
　<input type="reset" value="清除表單">
</form>
　　


<input size="40" type="password" value="123456"  />

<input onfocus="this.value='焦點在此'"
       onblur="this.value='焦點移開'"  size="40" type="text" value="焦點移開" />

<input  size="40" type="text" value="readonly" readonly />

<input disabled="disabled"  size="40" type="text" value="disabled" />

<input type="color" >

<input type="date">

<input type="datetime-local">

<form action="demo_form.asp">
E-mail: <input type="email" />
  <input type="submit" />
</form>
E-mail:


<input type="month" >

<form action="demo_form.asp">
Quantity (between 1 and 5): <input max="5" min="1" name="quantity" type="number" />
  <input type="submit" />
Quantity (between 1 and 5):


Points: 0<input type="range" name="points" min="1" max="100">100 Points: 0100

<input type="time" >

<input type="week" >
(繼續閱讀...)
文章標籤

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

  • 個人分類：input
▲top
  • 6月 28 週六 201408:28

  • CSS cursor滑鼠游標設定

滑鼠游標設定 style="cursor:help;" 或 css aa{cursor:help}
值描述url需使用的自定义光标的 URL。
注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。default默认光标（通常是一个箭头）auto默认。浏览器设置的光标。crosshair光标呈现为十字线。pointer光标呈现为指示链接的指针（一只手）move此光标指示某对象可被移动。e-resize此光标指示矩形框的边缘可被向右（东）移动。ne-resize此光标指示矩形框的边缘可被向上及向右移动（北/东）。nw-resize此光标指示矩形框的边缘可被向上及向左移动（北/西）。n-resize此光标指示矩形框的边缘可被向上（北）移动。se-resize此光标指示矩形框的边缘可被向下及向右移动（南/东）。sw-resize此光标指示矩形框的边缘可被向下及向左移动（南/西）。s-resize此光标指示矩形框的边缘可被向下移动（南）。w-resize此光标指示矩形框的边缘可被向左移动（西）。text此光标指示文本。wait此光标指示程序正忙（通常是一只表或沙漏）。help此光标指示可用的帮助（通常是一个问号或一个气球）。
(繼續閱讀...)
文章標籤

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

  • 個人分類：Mouse
▲top
  • 6月 27 週五 201400:04

  • background-image 背景圖片

style="background-image: url('https://lh6.googleusercontent.com/-uPkYUu3FcmI/U6t1IjYu7HI/AAAAAAAABYk/GJCWlC6Ddx4/w136-h76-no/site_logo.gif'); background-repeat: repeat; height: 200px; width: 400px;"========================================================
style="background-image: url('https://lh6.googleusercontent.com/-uPkYUu3FcmI/U6t1IjYu7HI/AAAAAAAABYk/GJCWlC6Ddx4/w136-h76-no/site_logo.gif');background-repeat:repeat-y; height: 200px; width: 400px;"
(繼續閱讀...)
文章標籤

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

  • 個人分類：框架及背景
▲top
  • 6月 26 週四 201417:01

  • Decimal Color Code, 顏色對表

ColorHTML/CSS NameHex Code
#RRGGBB
Decimal Code
(R,G,B)
Black#000000(0,0,0)White#FFFFFF(255,255,255)Red#FF0000(255,0,0)Lime#00FF00(0,255,0)Blue#0000FF(0,0,255)Yellow#FFFF00(255,255,0)Cyan / Aqua#00FFFF(0,255,255)Magenta / Fuchsia#FF00FF(255,0,255)Silver#C0C0C0(192,192,192)Gray#808080(128,128,128)Maroon#800000(128,0,0)Olive#808000(128,128,0)Green#008000(0,128,0)Purple#800080(128,0,128)Teal#008080(0,128,128)Navy#000080(0,0,128)
Color Color Name Hex Code
#RRGGBB
Decimal Code
R,G,B
Color Color NameHex Code
#RRGGBB
Decimal Code
R,G,B
maroon #800000 (128,0,0) blue violet #8A2BE2 (138,43,226) dark red #8B0000 (139,0,0) indigo #4B0082 (75,0,130) brown #A52A2A (165,42,42) dark slate blue #483D8B (72,61,139) firebrick #B22222 (178,34,34) slate blue #6A5ACD (106,90,205) crimson #DC143C (220,20,60) medium slate blue #7B68EE (123,104,238) red #FF0000 (255,0,0) medium purple #9370DB (147,112,219) tomato #FF6347 (255,99,71) dark magenta #8B008B (139,0,139) coral #FF7F50 (255,127,80) dark violet #9400D3 (148,0,211) indian red #CD5C5C (205,92,92) dark orchid #9932CC (153,50,204) light coral #F08080 (240,128,128) medium orchid #BA55D3 (186,85,211) dark salmon #E9967A (233,150,122) purple #800080 (128,0,128) salmon #FA8072 (250,128,114) thistle #D8BFD8 (216,191,216) light salmon #FFA07A (255,160,122) plum #DDA0DD (221,160,221) orange red #FF4500 (255,69,0) violet #EE82EE (238,130,238) dark orange #FF8C00 (255,140,0) magenta / fuchsia #FF00FF (255,0,255) orange #FFA500 (255,165,0) orchid #DA70D6 (218,112,214) gold #FFD700 (255,215,0) medium violet red #C71585 (199,21,133) dark golden rod #B8860B (184,134,11) pale violet red #DB7093 (219,112,147) golden rod #DAA520 (218,165,32) deep pink #FF1493 (255,20,147) pale golden rod #EEE8AA (238,232,170) hot pink #FF69B4 (255,105,180) dark khaki #BDB76B (189,183,107) light pink #FFB6C1 (255,182,193) khaki #F0E68C (240,230,140) pink #FFC0CB (255,192,203) olive #808000 (128,128,0) antique white #FAEBD7 (250,235,215) yellow #FFFF00 (255,255,0) beige #F5F5DC (245,245,220) yellow green #9ACD32 (154,205,50) bisque #FFE4C4 (255,228,196) dark olive green #556B2F (85,107,47) blanched almond #FFEBCD (255,235,205) olive drab #6B8E23 (107,142,35) wheat #F5DEB3 (245,222,179) lawn green #7CFC00 (124,252,0) corn silk #FFF8DC (255,248,220) chart reuse #7FFF00 (127,255,0) lemon chiffon #FFFACD (255,250,205) green yellow #ADFF2F (173,255,47) light golden rod yellow #FAFAD2 (250,250,210) dark green #006400 (0,100,0) light yellow #FFFFE0 (255,255,224) green #008000 (0,128,0) saddle brown #8B4513 (139,69,19) forest green #228B22 (34,139,34) sienna #A0522D (160,82,45) lime #00FF00 (0,255,0) chocolate #D2691E (210,105,30) lime green #32CD32 (50,205,50) peru #CD853F (205,133,63) light green #90EE90 (144,238,144) sandy brown #F4A460 (244,164,96) pale green #98FB98 (152,251,152) burly wood #DEB887 (222,184,135) dark sea green #8FBC8F (143,188,143) tan #D2B48C (210,180,140) medium spring green #00FA9A (0,250,154) rosy brown #BC8F8F (188,143,143) spring green #00FF7F (0,255,127) moccasin #FFE4B5 (255,228,181) sea green #2E8B57 (46,139,87) navajo white #FFDEAD (255,222,173) medium aqua marine #66CDAA (102,205,170) peach puff #FFDAB9 (255,218,185) medium sea green #3CB371 (60,179,113) misty rose #FFE4E1 (255,228,225) light sea green #20B2AA (32,178,170) lavender blush #FFF0F5 (255,240,245) dark slate gray #2F4F4F (47,79,79) linen #FAF0E6 (250,240,230) teal #008080 (0,128,128) old lace #FDF5E6 (253,245,230) dark cyan #008B8B (0,139,139) papaya whip #FFEFD5 (255,239,213) aqua #00FFFF (0,255,255) sea shell #FFF5EE (255,245,238) cyan #00FFFF (0,255,255) mint cream #F5FFFA (245,255,250) light cyan #E0FFFF (224,255,255) slate gray #708090 (112,128,144) dark turquoise #00CED1 (0,206,209) light slate gray #778899 (119,136,153) turquoise #40E0D0 (64,224,208) light steel blue #B0C4DE (176,196,222) medium turquoise #48D1CC (72,209,204) lavender #E6E6FA (230,230,250) pale turquoise #AFEEEE (175,238,238) floral white #FFFAF0 (255,250,240) aqua marine #7FFFD4 (127,255,212) alice blue #F0F8FF (240,248,255) powder blue #B0E0E6 (176,224,230) ghost white #F8F8FF (248,248,255) cadet blue #5F9EA0 (95,158,160) honeydew #F0FFF0 (240,255,240) steel blue #4682B4 (70,130,180) ivory #FFFFF0 (255,255,240) corn flower blue #6495ED (100,149,237) azure #F0FFFF (240,255,255) deep sky blue #00BFFF (0,191,255) snow #FFFAFA (255,250,250) dodger blue #1E90FF (30,144,255) black #000000 (0,0,0) light blue #ADD8E6 (173,216,230) dim gray / dim grey #696969 (105,105,105) sky blue #87CEEB (135,206,235) gray / grey #808080 (128,128,128) light sky blue #87CEFA (135,206,250) dark gray / dark grey #A9A9A9 (169,169,169) midnight blue #191970 (25,25,112) silver #C0C0C0 (192,192,192) navy #000080 (0,0,128) light gray / light grey #D3D3D3 (211,211,211) dark blue #00008B (0,0,139) gainsboro #DCDCDC (220,220,220) medium blue #0000CD (0,0,205) white smoke #F5F5F5 (245,245,245) blue #0000FF (0,0,255) white #FFFFFF (255,255,255) royal blue #4169E1 (65,105,225) | CSS | HTML | style | Color Code | Color | Color | 顏色對表 |
(繼續閱讀...)
文章標籤

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

  • 個人分類：Color Code
▲top
«1234...8»

ck

文章分類

  • youtube (4)
  • 網頁地圖 (1)
  • table (1)
  • scroll (1)
  • padding (1)
  • ASCII (1)
  • Blogger-下拉式選單 (1)
  • documen-1 (1)
  • Blogger-隱藏修改 CSS (1)
  • Blogger-留言嵌入 (1)
  • setTimeout (1)
  • event.keyCode (1)
  • input file (1)
  • checkbox (1)
  • a href (1)
  • 水平分線 hr (1)
  • 管理員-MP3 (1)
  • HTML-GO TO (1)
  • getMouseXY (1)
  • GO TOP (1)
  • document-属性对照 (1)
  • Blogger-版面寬度 (1)
  • document-1 (2)
  • 焦点選擇 (1)
  • substring() (1)
  • getSeconds (1)
  • hover (1)
  • Blogger-樹狀標籤 (1)
  • documen-焦点選擇 (1)
  • 管理員-講道 (1)
  • document-網頁螢幕 寬高 (1)
  • small (1)
  • class (1)
  • DIV (1)
  • border (1)
  • margin-top (1)
  • float (1)
  • 可收合面板 (2)
  • visibility (1)
  • HTML-導入檔案 link css js (1)
  • Color Code (1)
  • Mouse (1)
  • input (1)
  • 框架及背景 (2)
  • 管理員-YouTube (1)
  • 管理員-CSS (1)
  • 管理員-聽歌 (1)
  • 管理員-推 (1)
  • Blogger-下拉式選單相簿 (1)
  • random() (1)
  • 文字 (1)
  • marquee (1)
  • 彈出視窗 (1)
  • 管理員-金句 (1)
  • img (1)
  • title (2)
  • audio (1)
  • 輸入及選擇 (4)
  • select option (3)
  • &lt;!--&gt; (1)
  • a download (1)
  • abbr title (1)
  • ul li (1)
  • 未分類文章 (1)

最新文章

  • list-style-type:none;
  • YouTube 自動改變螢幕大細
  • YouTube 播放清單
  • abbr title
  • a download
  • select option 下拉式選單

熱門文章

  • (563)三層橫的下拉選單按鈕

動態訂閱

文章精選

文章搜尋

誰來我家

參觀人氣

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