您在這裡

niftyCorners之三欄/二欄式版型

charlesc's 的頭像
charlesc 在 2006-04-22 (週六) 23:55 發表

話說之前看過Alessandro Fulciniti使用CSS/JS做出的圓角邊框效果 - Nifty Corners,就想以他的版型來作一個Drupal theme。
(沒想到他最近又改版...不管)

這版型的header image是960px寬,適合1024x768的畫面解析度。預設是3欄,如果你把右欄都移除,也可以變成兩欄。在IE/Firefox裡,看起來都還ok。

如果你的Drupal是安裝在網站的次目錄裡,可能會需要修改niftycube.js裡的CSS檔案路徑:
l.setAttribute("href","/themes/niftyCorners/niftyCorners.css");

歡迎抓蟲或提供建議!

圖示:

現有的範例網站:
愛喵聯播網
淡水社區大學

附加檔案大小
Binary Data niftyCorners.tar.gz97.83 KB
freealan's 的頭像

我已經換用了,網友反應不錯。
兩欄格式在opera看來也ok!

請問font: 13px/1.3
/1.3是代表什麼??

討論區會變得很小

我加上
#forum table {
width: 98%;
}

freealan's 的頭像

"/themes/nifty/niftyCorners.css"

"/themes/niftyCorners/niftyCorners.css"

nifty變成了niftyCorners

^^

freealan's 的頭像

@import"/xxxxx/themes/nifty/niftyCorners.css";

type="text/javascript" src="/xxxxx/themes/nifty/niftycube.js">

type="text/javascript" src="/xxxxx/themes/nifty/niftylayout.js">

freealan's 的頭像

page.tpl.php

div id="content_wide""
div id="content_wide"

呵呵多了一個「"」

freealan's 的頭像

>Submitted by charlesc on Sat, 2006-04-22 23:55

要如何讓這一段顯示出來呢?

freealan's 的頭像

裡面的設定!
呵呵~抱歉!烏龍。

可不可以把你改版型的心得寫出來。我想破頭也搞不定。
簡易的教學就好。英文看半天看不懂@@

freealan's 的頭像

本來有問題。結果是笨問題。我自己沒辦法刪掉這留言。就改說沒事^^"