目前分類:└ CSS教學 (8)

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

*OOCSS物件導向的CSS設計概念*

重點1. 把物件(定位)和skin (皮)分開,以利維護及重覆使用
重點2. 把內容和 容器分開 
缺點是HTML那邊會看起來比較亂

翻譯 via +暗月之鏡 - 我英文不夠好,有翻錯還請大家提醒我啊

簡介物件導向CSS(OOCSS)
原文- 路易Lazaris 12, 12,2011 
你聽過 "內容是王道" 這句吧? 身為網頁開發者你的工作也許就是經常要去創造內容,幾乎都聽過這句。雖然是老生常談但確實是吸引使用者來訪的真正原因。

但從Web開發者的角度,也有些人認為,速度才是王道。漸漸的,我個人越來越同意這個看法,近年來許多前端設計師都提出建議,利用改善效能及速度來增進使用者體驗的經驗。

不過,CSS似乎沒趕上這個風潮,大部分被出來提升效能的方法都集中在JavaScript和其他領域。本文會針對CSS這個被忽視的領域,向您介紹物件導向的CSS概念,它可以幫助提高網頁性能和可維護性。

OOCSS的原則 ========
一如所有物件導向的編碼方式,OOCSS鼓勵代碼重覆利用,創造容易增加及維護,並且更快更有效的CSS樣式表。


, , ,

CHIBC-暗月之鏡 發表在 痞客邦 PIXNET 留言(0) 人氣()

噗浪 (plurk)今天早上改版,把plurktop改成 plurk的首頁
另外把推文移到消音的左邊


但是因為使用者習慣的問題,大家會一直誤點首頁和推文
所以這裡做了一點修正的CSS


CHIBC-暗月之鏡 發表在 痞客邦 PIXNET 留言(1) 人氣()

聽說整個河道都在找這個語法
是真的plurk改那個紅底很醜沒錯啦 =..=

既然大家都在找,我就來個工商服務吧...
有需要的copy之後貼在最下面再存檔

CHIBC-暗月之鏡 發表在 痞客邦 PIXNET 留言(0) 人氣()

winter.jpg 做個紀念 XD
自從上次的水墨版CSS之後,將近半年沒改版啦~~

這次因為寒流來,所以就改了個冬季的版面

不過...按日期來看,現在應該還是算在秋天才對

CHIBC-暗月之鏡 發表在 痞客邦 PIXNET 留言(1) 人氣()

2011/01/15 更新簡易版 點此直接換置

換好之後一樣到"自訂外觀" 找第一行的 body{background: url(http://........jpg); border:hidden; margin: 0;}
把圖片網址放在url() 中間就行了 

加贈 plurk的Outlook偽裝


 

 

最近遇到不少人想把整個噗浪的東西都用不見脫光光,只保留一張底圖

所以我就把主要的噗浪區塊列出來,找出你想要用成透明或是想要拿掉的部分,

複製那一段CSS語法貼到同一個項目的{}裡面

如果找不到項目(長這樣的東西#plurk-dashboard {} ),就直接連項目一起貼進去
然後選一張夠大的背景圖片,換掉網址就好了,想怎麼調整底圖和透明度就隨你高興囉~

下面全都是50%半透明,要完全消失的請把數字改成0

如果真的不會的話,把圖片網址貼到下面反紅的url後面( )中

然後從反紅那行開始全文複製貼到你的自訂樣式裡也可以啦.... 

CHIBC-暗月之鏡 發表在 痞客邦 PIXNET 留言(54) 人氣()

配合萬聖節來應景囉~

PIXNET 痞客幫的BLOG樣式更新成萬聖節主題模式~~ 啦啦~

基本上是用PIXNET的樣式改的,而且我相本流量早就掛掉了,所以應該不能投痞客的樣式~
如果用痞客的人也喜歡的話,再另外留言和我要吧~

應該會一直放到Halloween結束為止 XD

CHIBC-暗月之鏡 發表在 痞客邦 PIXNET 留言(1) 人氣()

CSS.jpg

因為沒時間加上懶,所以暫時不想設計自己的BLOG
不過套用固有的版型又無法滿意,所以使用最接近需求的版型來做微調

順便,簡介一下CSS語法修改的方法,我這裡要借助DW,dreamweaver 網頁編輯程式

基本上,CSS就是網頁穿的衣服

CHIBC-暗月之鏡 發表在 痞客邦 PIXNET 留言(7) 人氣()

說到改BLOG樣式就不能不扯到CSS,那麼,這個CSS又是什麼東西呢?

接下來就做個簡單的介紹吧~

一般的BLOG服務都會提供後台,用來設定基本的資料還有自訂BLOG的樣式等等的設定

其中,樣式設定裡面,有個自訂樣式或是原始碼編輯
裡面是通常一大堆像火星文的東西,這個就是所謂的CSS樣式表

, , , , , ,

CHIBC-暗月之鏡 發表在 痞客邦 PIXNET 留言(1) 人氣()