xStyle alpha 1.0

第8音 - xStyle alpha 1.0 發布
此 CSS framework 用少用繼承 多用組合的拆解式思維
將 class 分解成可組合運用的形式
運用方式為 CSS 中的組合用法

說明
<div class="對齊樣式"><span class="文字顏色樣式 文字大小樣式">這是一個將文字大小為16px的橘色文字置中的範例語法</span></div>
範例
<div class="cl"><span class="fc-orange fs-16">這是一個將文字大小為16px的橘色文字置中的範例語法</span></div>
用打電動來比喻的話
這個 css framework 就等於使用連環組合技一樣

優點
.對於不懂 CSS 的人,也能很容易使用一些基本樣式
.懂 CSS 的人可以更靈活的運用
<!--
其實懂這個少用繼承 多用組合的拆解式思維比較有幫助
-->
缺點
.一不小心就會讓頁面與結構變得複雜 碎瑣
<!--
不過這是在過度運用及寫得太過細微的情況下
以目前釋出的版本來看
作者還不至於寫的太過細微
所以只要不過度運用就可以避免
-->

FEEDJIT Live Traffic Feed

FeedJIT
簡單實用的小玩意兒
可以看訪客來自何處
從哪個連結而來
到達哪個網頁
不用註冊
只要貼上程式碼即可

在程式碼中可以更改一些顏色設置
以符合自己的需求
(直接按 Customize it.. 也可以)

說明
bc= 背景顏色
tc= 文字顏色
brd1= 框線顏色
lnk= 連結顏色
hc= 標題字顏色
ww= 寬度
dot= 地圖點的顏色
範例
bc=FFFBED
tc=645930
brd1=D3B95E
lnk=D3B95E
hc=D3B95E
ww=200
dot=645930
共有四種
功能稍有不同
<script src="http://feedjit.com/serve/?bc=FFFBED&amp;tc=645
930&amp;brd1=D3B95E&amp;lnk=D3B95E&amp;hc=D3B95E&a
mp;ww=200" type="text/javascript"></script>

<script type="text/javascript" src="http://feedjit.com/map/?bc=F
FFBED&amp;tc=645930&amp;brd1=D3B95E&amp;lnk=D3B95E&
amp;hc=D3B95E&amp;dot=645930"></script>

<script type="text/javascript" src="http://feedjit.com/coFilter/?b
c=FFFBED&amp;tc=645930&amp;brd1=D3B95E&amp;lnk=D3B9
5E&amp;hc=D3B95E&amp;ww=200"></script>


<script type="text/javascript" src="http://feedjit.com/popPages/
?bc=FFFBED&amp;tc=645930&amp;brd1=D3B95E&amp;lnk=D3
B95E&amp;hc=D3B95E&amp;ww=200"></script>