綠色‧奇蹟 :: 痞客邦 ::

Jan 19 Mon 2009 16:51
網頁設計常用到的背景圖重複素材[轉載]

[轉載]網頁設計常用到的背景圖重複素材

[轉載位置]IDEAHOST

設計師尤其是在網頁設計時，常常會碰到要背景重複時，切圖老是切不好的問題，ava7 patterns這個網站提供許多已處理好的背景圖下載，可以讓網頁設計師直接下載回來使用，而且他還有幫設計師歸類顏色，且可以直接預覽重複後的結果，的確讓網站設計師們減少了很多製作的時間。

(繼續閱讀...)

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

個人分類：免費圖庫網站

▲top

Jan 18 Sun 2009 00:54
網頁設計:線上製作圖片浮水印

想要在你的圖片或照片上加上你的LOGO或文字，可是又懶得開Photoshop或其他設計相關軟體的話，可以到這個網站picmarkr.com試試，製作好還可以點擊下載或者輸入帳號密碼直接上傳到Flickr哦！本人測試絕的速度還不錯，品質還OK!

網站名稱：PicMarkr

網站位置：http://picmarkr.com/index.php

網站語言：英文

(繼續閱讀...)

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

個人分類：免費線上工具

▲top

Jan 17 Sat 2009 01:48
運行代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Free CSS Vertical Menu Designs at exploding-boy.com</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 80%; font-weight: bold; background: #FFF; } h2 { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000; margin: 0px; padding: 0px 0px 0px 15px; } ul { list-style: none; margin: 0; padding: 0; } img { border: none; } /*- Menu 1--------------------------- */ #menu1 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #3D261D; border-size: 1px; border-width: 1px; } #menu1 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu1 li a:link, #menu1 li a:visited { color: #E4D6CD; display: block; background: url(menu1.gif); padding: 8px 0 0 10px; } #menu1 li a:hover { color: #FFF; background: url(menu1.gif) 0 -32px; padding: 8px 0 0 10px; } /*- Menu 2--------------------------- */ #menu2 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #D8D5D1; border-size: 1px; border-width: 1px; } #menu2 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu2 li a:link, #menu2 li a:visited { color: #3688BA; display: block; background: url(menu2.gif); padding: 8px 0 0 30px; } #menu2 li a:hover { color: #3688BA; background: url(menu2.gif) 0 -32px; padding: 8px 0 0 32px; } /*- Menu 3--------------------------- */ #menu3 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #BCD2E6; border-size: 1px; border-width: 1px; } #menu3 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu3 li a:link, #menu3 li a:visited { color: #8BADCF; display: block; background: url(menu3.gif); padding: 8px 0 0 10px; } #menu3 li a:hover { color: #627EB7; background: url(menu3.gif) 0 -32px; padding: 8px 0 0 10px; } /*- Menu 4--------------------------- */ #menu4 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #000; border-size: 1px; border-width: 1px; } #menu4 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu4 li a:link, #menu4 li a:visited { color: #CCC; display: block; background: url(menu4.gif); padding: 8px 0 0 10px; } #menu4 li a:hover { color: #FFF; background: url(menu4.gif) 0 -32px; padding: 8px 0 0 10px; } /*- Menu 5--------------------------- */ #menu5 { width: 200px; margin: 10px; } #menu5 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu5 li a:link, #menu5 li a:visited { color: #FFF; display: block; background: url(menu5.gif); padding: 8px 0 0 10px; } #menu5 li a:hover { color: #FFF; background: url(menu5.gif) 0 -32px; padding: 8px 0 0 10px; } /*- Menu 6--------------------------- */ #menu6 { width: 200px; margin: 10px; } #menu6 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu6 li a:link, #menu6 li a:visited { color: #FFF; display: block; background: url(menu6.gif); padding: 8px 0 0 10px; } #menu6 li a:hover { color: #FFF; background: url(menu6.gif) 0 -32px; padding: 8px 0 0 10px; } /*- Menu 7--------------------------- */ #menu7 { width: 200px; margin: 10px; } #menu7 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu7 li a:link, #menu7 li a:visited { color: #FFF; display: block; background: url(menu7.gif); padding: 8px 0 0 30px; } #menu7 li a:hover { color: #FFF; background: url(menu7.gif) 0 -32px; padding: 8px 0 0 30px; } /*- Menu 8--------------------------- */ #menu8 { width: 200px; margin: 10px; border-style: solid; border-color: #656556; border-size: 1px; border-width: 1px; } #menu8 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu8 li a:link, #menu8 li a:visited { color: #656556; display: block; background: url(menu8.gif); padding: 8px 0 0 20px; } #menu8 li a:hover { color: #474739; background: url(menu8.gif) 0 -32px; padding: 8px 0 0 20px; } /*- Menu 9--------------------------- */ #menu9 { width: 200px; margin: 10px; } #menu9 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu9 li a:link, #menu9 li a:visited { color: #FFF; display: block; background: url(menu9.gif); padding: 8px 0 0 35px; } #menu9 li a:hover { color: #FFF; background: url(menu9.gif) 0 -32px; padding: 8px 0 0 35px; } /*- Menu 10--------------------------- */ #menu10 { width: 200px; margin: 10px; } #menu10 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu10 li a:link, #menu10 li a:visited { color: #4D4D4D; display: block; background: url(menu10.gif); padding: 8px 0 0 10px; } #menu10 li a:hover { color: #FF9834; background: url(menu10.gif) 0 -32px; padding: 8px 0 0 10px; } /*- Menu 11--------------------------- */ #menu11 { width: 200px; margin: 10px; border-style: solid solid none solid; border-color: #889944; border-size: 1px; border-width: 1px; } #menu11 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu11 li a:link, #menu11 li a:visited { color: #889944; display: block; background: url(menu11.gif); padding: 8px 0 0 25px; } #menu11 li a:hover { color: #889944; background: url(menu11.gif) 0 -32px; padding: 8px 0 0 27px; } /*- Menu 12--------------------------- */ #menu12 { width: 200px; margin: 10px; } #menu12 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 22px; text-decoration: none; } #menu12 li a:link, #menu12 li a:visited { color: #666; display: block; background: url(menu12.gif); padding: 10px 0 0 35px; } #menu12 li a:hover { color: #000; background: url(menu12.gif) 0 -32px; padding: 10px 0 0 35px; } /*- Menu 13--------------------------- */ #menu13 { width: 200px; margin: 10px; } #menu13 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu13 li a:link, #menu13 li a:visited { color: #C7377D; display: block; background: url(menu13.gif); padding: 8px 0 0 10px; } #menu13 li a:hover { color: #C7377D; background: url(menu13.gif) 0 -32px; padding: 8px 0 0 10px; } /*- Menu 14--------------------------- */ #menu14 { width: 200px; margin: 10px; } #menu14 li a { height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none; } #menu14 li a:link, #menu14 li a:visited { color: #333; display: block; background: url(menu14.gif); padding: 8px 0 0 10px; } #menu14 li a:hover { color: #FFF; background: url(menu14.gif) 0 -32px; padding: 8px 0 0 10px; } </style> </head> <body> <div> <a href="http://www.exploding-boy.com" mce_href="http://www.exploding-boy.com"><img src="http://www.exploding-boy.com/images/ebhead.gif" mce_src="http://www.exploding-boy.com/images/ebhead.gif" alt="ExplodingBoy - Home" /></a> </div> <h2>Tab Menu 1</h2> <div id="menu1"> <ul> <li><a href="#1" mce_href="#1" title="Link 1">Link 1</a></li> <li><a href="#2" mce_href="#2" title="Link 2">Link 2</a></li> <li><a href="#3" mce_href="#3" title="Link 3">Link 3</a></li> <li><a href="#4" mce_href="#4" title="Link 4">Link 4</a></li> <li><a href="#5" mce_href="#5" title="Link 5">Link 5</a></li> </ul> </div> <br /> <h2>Tab Menu 2</h2> <div id="menu2"> <ul> <li><a href="#1" mce_href="#1" title="Link 1">Link 1</a></li> <li><a href="#2" mce_href="#2" title="Link 2">Link 2</a></li> <li><a href="#3" mce_href="#3" title="Link 3">Link 3</a></li> <li><a href="#4" mce_href="#4" title="Link 4">Link 4</a></li> <li><a href="#5" mce_href="#5" title="Link 5">Link 5</a></li> </ul> </div> <br /> <h2>Tab Menu 3</h2> <div id="menu3"> <ul> <li><a href="#1" mce_href="#1" title="Link 1">Link 1</a></li> <li><a href="#2" mce_href="#2" title="Link 2">Link 2</a></li> <li><a href="#3" mce_href="#3" title="Link 3">Link 3</a></li> <li><a href="#4" mce_href="#4" title="Link 4">Link 4</a></li> <li><a href="#5" mce_href="#5" title="Link 5">Link 5</a></li> </ul> </div> <br /> <h2>Tab Menu 4</h2> <div id="menu4"> <ul> <li><a href="#1" mce_href="#1" title="Link 1">Link 1</a></li> <li><a href="#2" mce_href="#2" title="Link 2">Link 2</a></li> <li><a href="#3" mce_href="#3" title="Link 3">Link 3</a></li> <li><a href="#4" mce_href="#4" title="Link 4">Link 4</a></li> <li><a href="#5" mce_href="#5" title="Link 5">Link 5</a></li> </ul> </div> <br /> <h2>Tab Menu 5</h2> <div id="menu5"> <ul> <li><a href="#1" mce_href="#1" title="Link 1">Link 1</a></li> <li><a href="#2" mce_href="#2" title="Link 2">Link 2</a></li> <li><a href="#3" mce_href="#3" title="Link 3">Link 3</a></li> <li><a href="#4" mce_href="#4" title="Link 4">Link 4</a></li> <li><a href="#5" mce_href="#5" title="Link 5">Link 5</a></li> </ul> </div> <br /> <h2>Tab Menu 6</h2> <div id="menu6"> <ul> <li><a href="#1" mce_href="#1" title="Link 1">Link 1</a></li> <li><a href="#2" mce_href="#2" title="Link 2">Link 2</a></li> <li><a href="#3" mce_href="#3" title="Link 3">Link 3</a></li> <li><a href="#4" mce_href="#4" title="Link 4">Link 4</a></li> <li><a href="#5" mce_href="#5" title="Link 5">Link 5</a></li> </ul> </div> <br /> <h2>Tab Menu 7</h2> <div id="menu7"> <ul> <li><a href="#1" mce_href="#1" title="Link 1">Link 1</a></li> <li><a href="#2" mce_href="#2" title="Link 2">Link 2</a></li> <li><a href="#3" mce_href="#3" title="Link 3">Link 3</a></li> <li><a href="#4" mce_href="#4" title="Link 4">Link 4</a></li> <li><a href="#5" mce_href="#5" title="Link 5">Link 5</a></li> </ul> </div> <br /> <h2>Tab Menu 8</h2> <div id="menu8"> <ul> <li><a href="#1" mce_href="#1" title="Link 1">Link 1</a></li> <li><a href="#2" mce_href="#2" title="Link 2">Link 2</a></li> <li><a href="#3" mce_href="#3" title="Link 3">Link 3</a></li> <li><a href="#4" mce_href="#4" title="Link 4">Link 4</a></li> <li><a href="#5" mce_href="#5" title="Link 5">Link 5</a></li> </ul> </div> <br /> <h2>Tab Menu 9</h2> <div id="menu9"> <ul> <li><a href="#1" mce_href="#1" title="Link 1">Link 1</a></li> <li><a href="#2" mce_href="#2" title="Link 2">Link 2</a></li> <li><a href="#3" mce_href="#3" title="Link 3">Link 3</a></li> <li><a href="#4" mce_href="#4" title="Link 4">Link 4</a></li> <li><a href="#5" mce_href="#5" title="Link 5">Link 5</a></li> </ul> </div> <br /> <h2>Tab Menu 10</h2> <div id="menu10"> <ul> <li><a href="#1" mce_href="#1" title="Link 1">Link 1</a></li> <li><a href="#2" mce_href="#2" title="Link 2">Link 2</a></li> <li><a href="#3" mce_href="#3" title="Link 3">Link 3</a></li> <li><a href="#4" mce_href="#4" title="Link 4">Link 4</a></li> <li><a href="#5" mce_href="#5" title="Link 5">Link 5</a></li> </ul> </div> <br /> <h2>Tab Menu 11</h2> <div id="menu11"> <ul> <li><a href="#1" mce_href="#1" title="Link 1">Link 1</a></li> <li><a href="#2" mce_href="#2" title="Link 2">Link 2</a></li> <li><a href="#3" mce_href="#3" title="Link 3">Link 3</a></li> <li><a href="#4" mce_href="#4" title="Link 4">Link 4</a></li> <li><a href="#5" mce_href="#5" title="Link 5">Link 5</a></li> </ul> </div> <br /> <h2>Tab Menu 12</h2> <div id="menu12"> <ul> <li><a href="#1" mce_href="#1" title="Link 1">Link 1</a></li> <li><a href="#2" mce_href="#2" title="Link 2">Link 2</a></li> <li><a href="#3" mce_href="#3" title="Link 3">Link 3</a></li> <li><a href="#4" mce_href="#4" title="Link 4">Link 4</a></li> <li><a href="#5" mce_href="#5" title="Link 5">Link 5</a></li> </ul> </div> <br /> <h2>Tab Menu 13</h2> <div id="menu13"> <ul> <li><a href="#1" mce_href="#1" title="Link 1">Link 1</a></li> <li><a href="#2" mce_href="#2" title="Link 2">Link 2</a></li> <li><a href="#3" mce_href="#3" title="Link 3">Link 3</a></li> <li><a href="#4" mce_href="#4" title="Link 4">Link 4</a></li> <li><a href="#5" mce_href="#5" title="Link 5">Link 5</a></li> </ul> </div> <br /> <h2>Tab Menu 14</h2> <div id="menu14"> <ul> <li><a href="#1" mce_href="#1" title="Link 1">Link 1</a></li> <li><a href="#2" mce_href="#2" title="Link 2">Link 2</a></li> <li><a href="#3" mce_href="#3" title="Link 3">Link 3</a></li> <li><a href="#4" mce_href="#4" title="Link 4">Link 4</a></li> <li><a href="#5" mce_href="#5" title="Link 5">Link 5</a></li> </ul> </div> <br /> </body> </html>

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

▲top

Jan 17 Sat 2009 01:09
9款主流瀏覽器Icon

感覺好像好久沒更新Blog了，實在太混了，我實在不能像某個大姊一樣，好幾個星期才更新一次，剛好今兒個發現一個瀏覽器ICON的網站，個人認為作者真的很棒，剛我也在找尋這類的ICON，有需要的人，就去逛逛該作者的網站吧，至於下載嘛，為了尊重作者，只好請你們去作者網站下載吧。

網站名稱：Morcha - 博客大巴

(繼續閱讀...)

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

個人分類：免費圖庫網站

▲top

Jan 07 Wed 2009 02:09
Web Developer，一個網頁設計師不可缺少的工具！

隨著科技的進步，一個網站的好與壞，已經不是個人的問題了，尤其
是身為一個網頁設計師來說，IE6.7已經不足以滿足瀏覽者的需求了，
以前用Table在設計網頁或許跟瀏覽器種類無多大的關係，但是，現
在大部分有跟著趨勢走的網頁設計公司，漸漸的都開始走向用CSS去

(繼續閱讀...)

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

個人分類：Firefox 附加元件

▲top

Jan 06 Tue 2009 02:41
來讓自己當攝影師吧~!

想當攝影師嗎?想試是那種拍模特兒的感覺嗎?這個網站幫你找了模特兒，

你可以自己好好補捉你想要的畫面，還可以存檔哦！真的很不錯玩！

網站名稱：THE JAG STUDIO

網站位置：http://www.jag-jeans.com/

(繼續閱讀...)

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

個人分類：酷WebSite

▲top

Dec 31 Wed 2008 22:59
[網頁設計]免費的LOGO原始圖檔下載!

[ 轉載 ] [網頁設計]免費的LOGO原始圖檔下載!

現在的網頁設計公司的設計，不僅要會網頁設計甚至是只要跟美術有關的，

幾乎都要會，如果你不會設計LOGO或者不知道該從何著手，可以到這個網

站logoinstant找找你的靈感，這裡有原始檔案讓你下載，當然不是要你照

(繼續閱讀...)

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

個人分類：免費圖庫網站

▲top

Dec 26 Fri 2008 14:55
[網路工具]搜尋ICON的小工具

[ 網路工具 ] 搜尋ICON的小工具

在設計網頁時，想找一些ICON來增添網頁的美感而找不到ICON嗎？

這個工具可以讓網頁設計師，在設計網頁時，很容易找到自己所需的

ICON圖示，網頁設計師們，好用就給點掌聲！慢慢享用！

(繼續閱讀...)

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

個人分類：免費圖庫網站

▲top

Dec 25 Thu 2008 16:35
[網路工具]網頁設計師趕緊將您的CSS減肥瘦身吧!

網頁設計師趕緊將您的CSS減肥瘦身吧!

現在設計網頁還在使用傳統的Table已經是不行了，不知道為何，現在總是

有一種習慣，當我晃到一個我喜歡的網頁時，總是習慣馬上按

(繼續閱讀...)

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

個人分類：CSS

▲top

Dec 24 Wed 2008 10:24
DIV+CSS編碼時容易犯的一些錯誤

CSS＋DIV是網站標準（或稱「WEB標準」）中常用的術語之一，通常為了說明與HTML網頁設計語言中的表格（table）定位方式的區別，因為 XHTML網站設計標準中，不再使用表格定位技術，而是採用css+div的方式實現各種定位。應用應用DIV+CSS編碼時很容易犯一些錯誤。本文列舉了一些常見的錯誤：

1. 檢查HTML元素是否有拼寫錯誤、是否忘記結束標記

(繼續閱讀...)

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

個人分類：CSS

▲top

綠色‧奇蹟

認識台灣!

網頁設計常用到的背景圖重複素材[轉載]

網頁設計:線上製作圖片浮水印

運行代碼

9款主流瀏覽器Icon

Web Developer，一個網頁設計師不可缺少的工具！

來讓自己當攝影師吧~!

[網頁設計]免費的LOGO原始圖檔下載!

[網路工具]搜尋ICON的小工具

[網路工具]網頁設計師趕緊將您的CSS減肥瘦身吧!

DIV+CSS編碼時容易犯的一些錯誤

月曆

熱門文章

近期文章

誰來我家

文章彙整

參觀人氣

文章分類

網頁設計 (5)

Photoshop (2)

Illustrator (1)

FireFox (1)

常晃的網站

交換連結

好友Blog

最新迴響

新聞交換(RSS)

«	四月 2024					»
日	一	二	三	四	五	六
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

«	四月 2024					»
日	一	二	三	四	五	六
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30

«	四月 2024					»
日	一	二	三	四	五	六
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30