PIXNET Logo登入

Mavis♡Photoshop

跳到主文

我的影像處理筆記本(我已搬到http://photoplanet.cc/)

部落格全站分類:視覺設計

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 7月 11 週六 200913:22
  • 常用CSS樣式屬性

常用的CSS屬性列表,只要看這一篇就能簡單修改自己的樣式哦
 
 
 
(繼續閱讀...)
文章標籤

Mavis 發表在 痞客邦 留言(4) 人氣(2,027)

  • 個人分類:CSS
▲top
  • 12月 24 週三 200820:20
  • 連結用下拉選單


 


顏色調整部分可參考這篇色碼表
(繼續閱讀...)
文章標籤

Mavis 發表在 痞客邦 留言(5) 人氣(1,886)

  • 個人分類:CSS
▲top
  • 7月 12 週六 200820:48
  • CSS-游標修改(cursor)


1
最簡單的就是直接使用
微軟預設的滑鼠游標(cursor)

找到
body{
和
a:hover{

這兩行

不過這兩行裡面通常包含很多設定
請在裡面找到cursor(沒有就完全自己+上了)
放入
body{cursor:hand;}
和
a:hover{cursor:crosshair;}
粉紅色的字 可以改成自己想要的
body 顧名思義跟整體設定有關
a 跟超連結有關
hover是當游標滑過的意思
所以a:hover就是當游標滑過超連結
所以這兩行的翻譯就是
平常的時候游標是hand
滑鼠放在超連結上游標是crosshair
如果hover不設定的話  
只要滑鼠移到超連結就回到預設游標哦
清楚了之後
就可以隨意修改

微軟預設的滑鼠游標
hand      手
crosshair       十字
 
n-resize        箭頭朝上
s-resize      
箭頭朝下
w-resize         箭頭朝左e-resize         箭頭朝右 sw-resize       箭頭朝左下se-resize       箭頭朝右下
ne-resize      箭頭朝右上
 
nw-resize      箭頭朝左上 
help         問號
text          文字輸入游標
wait         漏斗cursor:move       十字箭頭
     2圖片型游標
body{cursor:url('游標網址')}                     
a:hover {cursor:url('游標網址')}   
       
CSS內不支援一般的圖片檔哦
例如jpg、gif、bmp
僅能用ani、cur、ico檔

網路上有許多現成的游標可供下載
如果想要製作獨一無二的游標
這裡提供一個簡單的軟體
Microangelo

製作教學
接下來到
開始===>程式集===>Microangelo===>

<====點它

感覺是跟小畫家差不多的
想要動畫的話只要加入影格
做些修改
再播放看看
大概就知道怎麼用了
存好後上傳就大功告成
P.S.許多免費空間也不支援游標檔
無名也不行
必須自己找到空間上傳才行
但是我使用香港雅虎免費空間是可以的哦
http://hk.geocities.yahoo.com/
用雅虎帳號登入既可
上傳即有游標的網址

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

Mavis 發表在 痞客邦 留言(2) 人氣(6,900)

  • 個人分類:CSS
▲top
  • 7月 10 週四 200819:43
  • 色碼表

#FFFFFF#DDDDDD#AAAAAA#888888#666666#444444#000000#FFB7DD#FF88C2#FF44AA#FF0088#C10066#A20055#8C0044#FFCCCC#FF8888#FF3333#FF0000#CC0000#AA0000#880000#FFC8B4#FFA488#FF7744#FF5511#E63F00#C63300#A42D00#FFDDAA#FFBB66#FFAA33#FF8800#EE7700#CC6600#BB5500#FFEE99#FFDD55#FFCC22#FFBB00#DDAA00#AA7700#886600#FFFFBB#FFFF77#FFFF33#FFFF00#EEEE00#BBBB00#888800#EEFFBB#DDFF77#CCFF33#BBFF00#99DD00#88AA00#668800#CCFF99#BBFF66#99FF33#77FF00#66DD00#55AA00#227700#99FF99#66FF66#33FF33#00FF00#00DD00#00AA00#008800#BBFFEE#77FFCC#33FFAA#00FF99#00DD77#00AA55#008844#AAFFEE#77FFEE#33FFDD#00FFCC#00DDAA#00AA88#008866#99FFFF#66FFFF#33FFFF#00FFFF#00DDDD#00AAAA#008888#CCEEFF#77DDFF#33CCFF#00BBFF#009FCC#0088A8#007799#CCDDFF#99BBFF#5599FF#0066FF#0044BB#003C9D#003377#CCCCFF#9999FF#5555FF#0000FF#0000CC#0000AA#000088#CCBBFF#9F88FF#7744FF#5500FF#4400CC#2200AA#220088#D1BBFF#B088FF#9955FF#7700FF#5500DD#4400B3#3A0088#E8CCFF#D28EFF#B94FFF#9900FF#7700BB#66009D#550088#F0BBFF#E38EFF#E93EFF#CC00FF#A500CC#7A0099#660077#FFB3FF#FF77FF#FF3EFF#FF00FF#CC00CC#990099#770077
(繼續閱讀...)
文章標籤

Mavis 發表在 痞客邦 留言(1) 人氣(3,650)

  • 個人分類:CSS
▲top
1

參觀人氣

  • 本日人氣:
  • 累積人氣:

文章分類

toggle LiFe (0)
    toggle Photoshop功能 (4)
    • 工具箱 (4)
    • 檔案 (2)
    • 影像調整 (1)
    • 濾鏡 (3)
    toggle Photoshop教學 (5)
    • 基礎操作 (7)
    • 影像處理 (71)
    • 邊框外框 (18)
    • 製作材質或素材 (15)
    • 文字效果 (14)
    toggle 小工具下載區 (5)
    • PS-筆刷 (9)
    • PS-圖樣 (1)
    • PS-自訂形狀 (1)
    • 字型 (3)
    • 其他工具 (4)
    toggle 光影魔術手 (2)
    • 光影教學 (5)
    • 光影下載 (1)
    toggle 好設計欣賞 (3)
    • 影像藝術 (13)
    • 網頁設計 (59)
    • 其他 (7)
    toggle 部落格雜貨店 (2)
    • CSS (4)
    • 掛件 (2)
    • Fireworks教學 (5)
    • 雜七雜八推薦區 (20)
    • 未分類文章 (1)

    blogad

    你們家有好多寳

    bloggerads

    部落格文章搜尋

    貼紙簿

    最新文章

    • 怦然心動的傳奇饗宴–東西合併跨界料理,引領味蕾體驗一場美酒與佳餚的完美邂逅!
    • 通里薩航空新航線起飛 粉絲團好康抽機票 直飛柬埔寨就是現在
    • 怦然心動的傳奇饗宴–東西合併跨界料理,引領味蕾體驗一場美酒與佳餚的完美邂逅!
    • 寵物皮膚健康知多少,希爾思免費皮膚健診實施中!
    • 解你的癮 再也不用等─《去香港,立刻就好!》
    • 加入永慶‧朝幸福前進!
    • 格蘭利威 酒窖珍藏1980魔幻投影 串聯貼紙拿BU幣
    • 肯德基聖誕節期間限定餐點: 美式BBQ豬肋排、德式帶骨香腸及紐奧良手扒雞,搭配焗烤肉醬筆尖麵及紐約乳酪蛋糕 ~ 預購還有滿千送百喔!
    • Reebonz給你數不盡的超值精品,Balenciaga, Prada, Coach, Gucci 通通三折起,揪團來Reebonz,再送iPad 2!
    • 希爾思 犬貓皮膚免費健診活動!

    推薦連結

    說走就走,想出國就看這裡!