HEMiDEMi | 標籤 css | 最新書籤

基于 CSS3 的下一代 Web 应用开发，第 1 部分: 发展历史及新特性

shirock — Tue, 22 Feb 2011 01:18:15 +0000

gAjax RSS Pausing Scroller

tewei — Tue, 08 Feb 2011 14:26:30 +0000

ajax css學習與資源網站
HEMiDEMi 有 0 則討論/ 1 人收藏推薦

圓角屬性 - CSS3 -moz-border-radius, -webkit-border-radius, border-radius

andy19890411 — Thu, 09 Sep 2010 14:49:57 +0000

Firefox moz border radius 是 Firefox 用來顯示圓角的語法。如果四個角都是相同的設定，可以使用這個方法 moz border radius 25px 四個角一起設定若需要個別設定四個角的話，有兩種方法 moz border top left radius 15px 左上角 moz border top right radius 15px 右上角 moz border bottom right radius 10px 右下角 moz border bottom left radius 10px 左下角
Firefox moz border radius 是 Firefox 用來顯示圓角的語法。如果四個角都是相同的設定，可以使用這個方法 moz border radius 25px 四個角一起設定若需要個別設定四個角的話，有兩種方法 moz border top left radius 15px 左上角 moz border top right radius 15px 右上角 moz border bottom right radius 10px 右下角 moz border bottom left radius 10px 左下角
HEMiDEMi 有 0 則討論/ 1 人收藏推薦

[教學] 為自己的部落格文章內容圖片加上拍立得的外框效果 @ 『嵐設』-設計教學部落 :: 痞客邦 PIXNET ::

kav68795 — Mon, 05 Jul 2010 08:04:57 +0000

之前設計嵐分享了如何在進行網頁設計時，利用CSS語法將圖片加上拍立得的外框效果，對於學習網頁設計的人來說是個好用的技巧，相關文章請參閱：教學成為CSS高手之路八製作拍立得相片效果；而今天設計嵐再更進一步針對Blog經營者，介紹如何在blog文章圖片也加上拍立得相片效果外框，讓各位格友們不需要透過美工軟體就可以讓圖片有不同效果喔！
把部落格圖片變成拍立得相片風格
HEMiDEMi 有 0 則討論/ 2 人收藏推薦

[教學]成為CSS高手之路(八)~製作拍立得相片效果 @ 『嵐設』-設計教學部落 :: 痞客邦 PIXNET ::

kav68795 — Wed, 30 Jun 2010 11:14:34 +0000

我們常常在網頁或是Blog中放置內容圖片，只是純粹放入圖片，有時候會覺得在視覺效果上略顯單調，但是如果想要針對圖片加點設計效果，往往又需要使用美工軟體進行編輯才可以做到，所以今天設計嵐來分享一個簡單的手法，利用CSS語法在圖片上製作具有拍立得效果的外框，瞬間就可以讓沒有特色的圖片擁有吸引眾人目光的魔力喔！
利用CSS製作拍立得相片效果
HEMiDEMi 有 0 則討論/ 2 人收藏推薦

[筆記][Css]為Youtube等Flash在部落格上加上邊框

xd0107 — Tue, 25 May 2010 06:20:23 +0000

邊框上碳碳做了小小研究，最近碳碳發現Youtube上不是會有個嵌入語法嗎？它裡面有個選項是顯現邊界嗎？那個對於美觀部落格或網站來說算是蠻美的，可惜的是，它的顏色只有限定幾個顏色，所以碳碳也不能輸給Youtube 誤，自己動手也能做出Flash的邊界非改Flash內部語法，使用Css達成廢話就不多說了，趕緊咱們的教學重點。在修改之前先備份您們的佈景，以免作錯而無法恢復
Flash上多了邊框，這是利用Css語法就能做到的。
HEMiDEMi 有 0 則討論/ 1 人收藏推薦

[筆記][Css]部落格移過圖片後出現光圈

xd0107 — Mon, 24 May 2010 02:54:00 +0000

圖片的特效，上次有介紹過【筆記 Css語法 Blogger的移過圖片變亮暗】，這次就教各位如何將圖片的外框，滑鼠移過去後就會出現光圈，讓移到圖片上的圖會變得很獨特。這個特效原先是在Stylish 火狐外掛其中一個腳本，後來想說用在部落格上看能不能使用，結果是很成功雖然和碳碳的佈景上有點不太協調，不過這個不限定於Blogger上，其他部落格上大致上都可以用。在修改之前先備份您們的佈景，以免作錯而無法恢復
讓部落格上的圖片，滑鼠移過去後可以產生光圈。
HEMiDEMi 有 0 則討論/ 1 人收藏推薦

访问dropbox的方法

teamo — Fri, 14 May 2010 09:16:00 +0000

2010年5月，强大的dropbox终于被墙了，那么访问dropbox的方法第一种方法：修改hosts文件dropbox的IP方法如果想继续使用Dropbox 可以参照以下方法在hosts文件中将dropbox对应的IP修改为174 36 30 71，hosts文件的目录一般是在C Windows System32 drivers etc。在host文件这个文件可以用记事本打开并保存生效中增加如下IP：174 36 30 71。说明：此方法对部分DNS无效。这样的情况下，可以直接使用174 36 30 71访问，但显示不完全，CSS样式未加载。
HEMiDEMi 有 0 則討論/ 1 人收藏推薦

Now you see me… show/hide performance » Learning jQuery - Tips, Techniques, Tutorials

anson — Fri, 07 May 2010 10:34:25 +0000

trivial
HEMiDEMi 有 0 則討論/ 1 人收藏推薦

[教學]成為CSS高手之路(七)~牛刀小試篇(B)-用DIV+CSS製作文繞圖設定 @ 『嵐設』-設計教學部落 :: 痞客邦 PIXNET ::

kav68795 — Mon, 26 Apr 2010 01:16:35 +0000

成為CSS高手之路系列文章第七篇來嚕上一篇設計嵐說明了如何針對文字設定邊框以及轉灰階圖片的CSS語法，今天來介紹一個更實用的技巧文繞圖的設定，這個技巧之所以重要，原因有二：1 網頁內文不作文繞圖排版上很難看 2 使用DIV CSS排版是目前網頁標準化的一個標準作法，網頁設計師必備技能
成為CSS高手之路系列文章第七篇來嚕上一篇設計嵐說明了如何針對文字設定邊框以及轉灰階圖片的CSS語法，今天來介紹一個更實用的技巧文繞圖的設定，這個技巧之所以重要，原因有二：1 網頁內文不作文繞圖排版上很難看 2 使用DIV CSS排版是目前網頁標準化的一個標準作法，網頁設計師必備技能
HEMiDEMi 有 0 則討論/ 3 人收藏推薦

[教學]成為CSS高手之路(六)~牛刀小試篇(A)-在圖片上套用邊框以及利用濾鏡將圖片轉灰階 @ 『嵐設』-設計教學部落 :: 痞客邦 PIXNET ::

kav68795 — Thu, 22 Apr 2010 03:03:37 +0000

今天設計嵐來介紹『成為CSS高手之路』系列文章第六篇，經過前面五篇的基本功訓練，有閱讀並且練習的人應該對於CSS有了基本的認識，接著開始我們正式進入實際運用的介紹，當然，我們還是要由淺入深，先從最簡單的圖片效果開始介紹，慢慢的再進展到更進階的CSS設定。
CSS在圖片效果上的套用
HEMiDEMi 有 0 則討論/ 2 人收藏推薦

css完美分頁樣式

misskail — Mon, 19 Apr 2010 01:46:19 +0000

這個別指導也包括 HTML／CSS 編碼推行一個像 Flickr 一樣、像 Digg 一樣、以及乾淨的標頁數預先設計在你的網計畫使用。
典型的標記頁數結構下列的影像代表典型標記頁數結構的一個例子：（圖1）大體上，你能證明四種主要的元素：－先前的／下個鈕扣（殘廢的）－現在的積極頁－標準的頁選擇者－先前的／下個鈕扣（使）能夠 HTML 程式碼非常簡單，而且你能重複使用所有的標頁數中這結構個－風格你只想要改變＜ul＞身份證（在這情況，我把標頁數－ flickr 加入下面的程式碼的粗體）
HEMiDEMi 有 0 則討論/ 1 人收藏推薦

純css下拉式

misskail — Thu, 15 Apr 2010 15:06:15 +0000

簡單的css下拉式選單
HEMiDEMi 有 0 則討論/ 2 人收藏推薦

成為CSS高手之路(五)~CSS在DW中的設定與語法宣告方式Part III-套用外部的CSS檔案 @ 『嵐設』-設計教學部落 :: 痞客邦 PIXNET ::

kav68795 — Tue, 13 Apr 2010 16:34:55 +0000

今天系列文章之五所要介紹的套用外部CSS檔案的方式，是先將CSS的格式語法寫在一個獨立的檔案中，並且儲存成CSS格式的檔案，然後再將此檔案以連結或匯入的方式套用在不同的網頁中，讓這些網頁同時擁有相同的CSS格式設定，相當方便快速，而且日後有需要，只要修改CSS檔就可以同時更新所有的網頁格式設定了，這對於需要統一格式設定以及同時管理大量網頁的設計師來說，是個省時簡便的好方法。
HEMiDEMi 有 0 則討論/ 3 人收藏推薦

快速寫好CSS的5種方法

winddophine — Tue, 13 Apr 2010 09:18:52 +0000

這次翻譯自NETTUTS的文章，作者為Trevor Davis。其實他點出的這五點不能說是寫css的一種捷徑，但我認為就初學者而言，確實可以培養這種不錯的撰寫習慣。畢竟css的語法是死的，所以大家能推出的觀點就是針對撰寫習慣而言。當然以下五點都是很多css designer知道的事情，只是在於你要不要去實踐罷了。原文出處： 5 Ways to Instantly Write Better CSS Trevor Davis 譯者： muki MUKI space 更多内容 http blog mukispace com 5 ways write better css ixzz0kyDYel4i
HEMiDEMi 有 0 則討論/ 2 人收藏推薦

成為CSS高手之路(四)~CSS在DW中的設定與語法宣告方式Part II-整頁套用的CSS規則(下) @ 嵐設-設計教學部落 :: 痞客邦 PIXNET ::

kav68795 — Mon, 15 Mar 2010 10:53:56 +0000

今天『成為CSS高手之路』系列文章之四，繼續針對『整頁套用的CSS規則』作後半段的說明，能夠讓規則套用在整個頁面的方法除了前文『成為CSS高手之路三 CSS在DW中的設定與語法宣告方式Part I 整頁套用的CSS規則上』所提到的設定方法之外，還有其他幾種設定方式，其影響範圍也都是一整個頁面的。
HEMiDEMi 有 0 則討論/ 3 人收藏推薦

Blogger in Draft 增強模板編輯工具 Blogger Template Designer

alfredheahk — Fri, 12 Mar 2010 11:29:50 +0000

Blogger in Draft 最近又加入了一項新功能，這個功能名為 Blogger Template Designer 模板編輯工具。其實 Blogger 一向比起其他的 Blog 供應商提供可修改模板的限度更高，基本上任何在 Blog 中的都能透過 Edit HTML 修改，但對 HTML 不熟識的朋友就無法入手了。
HEMiDEMi 有 0 則討論/ 1 人收藏推薦

成為CSS高手之路(三)~CSS在DW中的設定與語法宣告方式Part I-整頁套用的CSS規則 @ 嵐設-設計教學部落 :: 痞客邦 PIXNET ::

kav68795 — Mon, 08 Mar 2010 15:44:25 +0000

HEMiDEMi 有 0 則討論/ 2 人收藏推薦

[CSS] display:none和visibility:hidden的差別 - 愛流浪的小風- 點部落

anson — Thu, 25 Feb 2010 09:03:41 +0000

HEMiDEMi 有 0 則討論/ 2 人收藏推薦

List-O-Matic 網頁CSS選單產生器

anson — Wed, 24 Feb 2010 01:09:08 +0000

HEMiDEMi 有 0 則討論/ 2 人收藏推薦

圓角化圖片

yum — Tue, 23 Feb 2010 16:28:13 +0000

wowbox blog 網頁設計知識庫
HEMiDEMi 有 0 則討論/ 1 人收藏推薦

JQuery Corner Demo

anson — Wed, 03 Feb 2010 08:50:21 +0000

圓角
HEMiDEMi 有 0 則討論/ 1 人收藏推薦

CSS3 照片陰影圓角製作

winddophine — Wed, 27 Jan 2010 03:30:19 +0000

HEMiDEMi 有 0 則討論/ 1 人收藏推薦

CSS Border

sparky — Mon, 04 Jan 2010 08:54:48 +0000

HEMiDEMi 有 0 則討論/ 2 人收藏推薦

[jQ]浮水印式的輸入框提示

winddophine — Mon, 04 Jan 2010 07:47:21 +0000

一個體貼使用者的系統，通常都會在一些輸入框中加上貼心的提示，像 MSN 的搜尋框就有這樣的提示功能
HEMiDEMi 有 0 則討論/ 1 人收藏推薦

常和blog: 部落格模組改作上手難

taipei1012 — Tue, 22 Dec 2009 23:24:30 +0000

從google的Web2 0產品blogger 又稱blogspot 開台以來，我一直不敢嘗試改寫預設的版型、模組和套件，怕的是這一研究下去，一定又是沒完沒了，果真令人耗盡體力最早的網頁設計其實只要搞懂html這電腦語言，再套用一些互動ASP語言套件，再加上會使用FTP來傳輸，一個簡簡單單的網頁就可搞定，後來又有FrontPage、Dreamweaver等網頁編輯
從google的Web2 0產品blogger 又稱blogspot 開台以來，我一直不敢嘗試改寫預設的版型、模組和套件，怕的是這一研究下去，一定又是沒完沒了，果真令人耗盡體力最早的網頁設計其實只要搞懂html這電腦語言，再套用一些互動ASP語言套件，再加上會使用FTP來傳輸，一個簡簡單單的網頁就可搞定，後來又有FrontPage、Dreamweaver等網頁編輯
HEMiDEMi 有 0 則討論/ 2 人收藏推薦

有效減少 HTTP Request的CSS Sprites

superlevin — Sun, 06 Dec 2009 10:16:49 +0000

CSS Sprites並不是什麼新技術，Dave Shea CSS Zen Garden創辦人在２００４年於A List Apart ALA 就曾經提出CSS Sprites Image Slicing’s Kiss of Death這篇文章了。　　簡單的說，CSS Sprites就是把網頁上的圖片全部放在同一張圖片上，而網頁載入時就祇要載入這張已經結合起來的圖片。再利用CSS的background image與background position來調整圖片，讓要顯示的部位顯示出來。
HEMiDEMi 有 0 則討論/ 1 人收藏推薦

HEMiDEMi | 標籤 css | 最新書籤

基于 CSS3 的下一代 Web 应用开发，第 1 部分: 发展历史及新特性

gAjax RSS Pausing Scroller

圓角屬性 - CSS3 -moz-border-radius, -webkit-border-radius, border-radius

[教學] 為自己的部落格文章內容圖片加上拍立得的外框效果 @ 『嵐設』-設計教學部落 :: 痞客邦 PIXNET ::

[教學]成為CSS高手之路(八)~製作拍立得相片效果 @ 『嵐設』-設計教學部落 :: 痞客邦 PIXNET ::

[筆記][Css]為Youtube等Flash在部落格上加上邊框

[筆記][Css]部落格移過圖片後出現光圈

访问dropbox的方法

Now you see me… show/hide performance » Learning jQuery - Tips, Techniques, Tutorials

[教學]成為CSS高手之路(七)~牛刀小試篇(B)-用DIV+CSS製作文繞圖設定 @ 『嵐設』-設計教學部落 :: 痞客邦 PIXNET ::

[教學]成為CSS高手之路(六)~牛刀小試篇(A)-在圖片上套用邊框以及利用濾鏡將圖片轉灰階 @ 『嵐設』-設計教學部落 :: 痞客邦 PIXNET ::

css完美分頁樣式

純css下拉式

成為CSS高手之路(五)~CSS在DW中的設定與語法宣告方式Part III-套用外部的CSS檔案 @ 『嵐設』-設計教學部落 :: 痞客邦 PIXNET ::

快速寫好CSS的5種方法

成為CSS高手之路(四)~CSS在DW中的設定與語法宣告方式Part II-整頁套用的CSS規則(下) @ 嵐設-設計教學部落 :: 痞客邦 PIXNET ::

Blogger in Draft 增強模板編輯工具 Blogger Template Designer

成為CSS高手之路(三)~CSS在DW中的設定與語法宣告方式Part I-整頁套用的CSS規則 @ 嵐設-設計教學部落 :: 痞客邦 PIXNET ::

[CSS] display:none和visibility:hidden的差別 - 愛流浪的小風- 點部落

List-O-Matic 網頁CSS選單產生器

圓角化圖片

JQuery Corner Demo

CSS3 照片陰影 圓角製作

CSS Border

[jQ]浮水印式的輸入框提示

常和blog: 部落格模組改作上手難

有效減少 HTTP Request的CSS Sprites

CSS3 照片陰影圓角製作