Selected Category: 好學生系列 (7)

View Mode: Post List Post Summary

後台漸漸穩下來了!


來小提一下之前十九大哥的腳本語法, 改版後的網誌html已經沒有幫你加prototype.js
現在好像是改用jQuery, 但裡面有些寫法是prototype的,
所以要正常顯示的話
prototype這部分變成我們要自己加
(這部分十九大哥發教學的時候好像就講了)


然後好像又不能把整串javascript掛在網誌敘述的樣子
所以我是直接丟在box裡拉, 只是要在前面語法加上這段:


<script type="text/javascript" src="prototype.js"></script>


prototype這個js檔可以去官方下載然後在上傳到自己的網域
嫌麻煩也是可以用我的只是不負責任哪天不小心被我砍了我也沒辦法~


要用我的網址的話請加上:


<script type="text/javascript" src="http://tony25852.googlepages.com/prototype-1.6.0.2.js"></script>


好像就這樣拉, javascript學藝不精真讓人受不了...


--
(去掉多餘boxTitle請點繼續閱讀)

Posted by tony25852 at 痞客邦 PIXNET Comments(4) Trackback(0) Hits(366)

好康到相報, CSS Sprites Generator 是一個組圖產生器, 能幫助你更輕鬆寫css~
這樣就不用辛苦算它位子或特地裁大小算位子了~
(說要寫教學不過其實根本沒什麼好寫的嘛哈哈...)

» step1: 上傳圖檔


Posted by tony25852 at 痞客邦 PIXNET Comments(2) Trackback(0) Hits(350)

IE瀏覽器有很多特殊的專用css語法,所以可以變出一堆奇怪的花樣,但是終究只能在IE看到~
不過在一些常見的css手法裡也能看出一些專屬其他瀏覽器的css語法~ 
像是最常見的半透明語法中: 

filter: alpha(opacity=100); /*ie專用半透明語法 值在0~100之間*/
-moz-opacity: 0.5; /*Mozilla firefox專用半透明語法 值在0.00~1.00之間*/
opacity: 0.5; /*標準下半透明語法 Mozilla有效果 值在0.0~1.0之間*/


ie和Mozilla就有不同的專門寫法,常常看到很多人寫這效果只在ie出現喔~ fx或其他瀏覽器沒有效果~
對,就是不爽這樣ie好像最厲害所以我才發這文章的(完全只是憤恨不平阿!)

其實我要說的重點是在Mozilla的專屬語法上拉,今天剛好看到Mozilla css指令集所以來講一下
Mozilla的繁體官方也有一些指令的詳述,不過那只是一小部分而已 (Mozilla繁體官方連結)
然後官方裡也有提到了XulPlanet.com有更完整的Mozilla css 指令集 (更完整的指令集)
詳細的就自己去翻譯看一下吧,老子英文不好無能為力~

另外有一個有趣的東西是文字直書,IE很簡單就能查到語法是writing-mode
參數則是l-左、r-右、t-上、b-下去做排列,像tb-rl(由上到下,由右到左)
同理有其他編排方法,自己試試看吧

Mozilla原本好像是沒有文字直書的語法,不過在風痕影大哥的文章裡看到Mozilla直書的做法挺有趣的


(區塊內文引用文字 - 完整文章連結)

用分欄模擬直排

由於Firefox本身已經做出CSS3的分欄效果,且已以擴充語法的形式出現(-moz-column),
於是zonble就先把文字設成由右往左排列,再把每欄的寬度設為1em就解決了!
不過呢,由於Firefox會在這種情況下把中文的標點往右挪,為了避免文字重疊,
所以只好再用-moz-column-gap來設美欄的間距;因此,完整的語法如下:

direction: rtl; /*由左往右*/
-moz-column-width:1em; /*欄位寬度*/
-moz-column-gap:1em; /*欄位間距*/ 


然後ie常見的濾鏡可以參考OECSPACE的內容

原本會打很多的不過算了,有心想看的在自己去查吧~
繼續閱讀後是延伸閱讀和參考資料。

Posted by tony25852 at 痞客邦 PIXNET Comments(3) Trackback(0) Hits(594)

1 2 3