創作內容

4 GP

【這不是CSS惡搞】聽說統計圖可以拿來惡搞耶。

作者:櫻澤楓│2007-10-16 23:01:16│巴幣:0│人氣:1754
※:因小屋已於2010年11月4日改版後廢除CSS功能設計,即日起本篇文章已無參考作用,
僅保留作為歷史文章精華之用途。

統計圖除了可以拿來鬼隱之外
也可以把他放在任意一個地方,甚至是可以為他加邊框等等。

在這之前,本人必須要說一下,修改的目標是#Flash_curve
換句話說,就是CSS語法的組成範例:「#Flash_curve{ }」

基本上統計圖鬼隱的方法,看兔大的CSS部落閣教學應該就知道了
不過還是重新教一下。(雖說有點多餘這樣XD)

#Flash_curve{
display:none;
}

那為什麼又能讓統計圖變更位置,以及加上邊框呢?
首先最初是出自於武藏丸(art6911)板友的成果,讓統計圖既可以變更位置
又可以自訂邊框等等。



1.統計圖變更位置的範本如下:

#Flash_curve{ border:2px dashed #51262B; position:absolute; top:345px; left:-652px;}

項目「1px dashed #51262B」1px是邊框大小,dashed是邊框樣式
詳細樣式可以參考「常用CSS樣式屬性」一文。(在「個人精華區→實用改造部落閣精選」位置)

項目「top:345px;」是變更之後能夠往上或往下的位置
數值越大就越往上放,反之數值變小則能越往下放。

項目「left:-652px;」是變更之後能夠往左或往右的位置
數值越大就越往左放,反之數值變小則能越往右放。

--

2.自訂邊框的範本如下:

.postboxin .home_t1{ margin:0px; padding:0px;}
.postboxin .home_h3{ margin:0px; padding:0px;}
.postboxin .home_c1{ margin:0px; padding:0px;}
.postboxin p{ display:block; height:3px; line-height:3px; margin:3px 0 0 0;}

上述範本當中,把margin跟padding數值設成0px的話
就能夠不使統計圖樣式走樣。

--

以上給不想鬼隱統計圖但又想美觀統計圖的板友們參考一下。
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=252274
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:CSS

留言共 6 篇留言

異 / 啻異
其實position這東西可以應用所有看的到的css
就像兔家的選單在上頭意思是一樣的

不過我比較在意的是為什麼巴哈不乾脆在輸出flash的時候屬性加上個wmode=transparent
透明背景好歹也會比較好看點=_="
反正是碎碎念(汗)

10-16 23:24

櫻澤楓
嘛,反正那個鬼走勢圖只要有得消掉那就好了。XD10-17 00:41
38°C的雪娘
這樣也行?
大大提供的好康雪娘也想玩玩呢~
感恩啦!

10-17 00:43

豬夫珊迪
哇 這也行@@

10-17 00:44

櫻澤楓
理論上應該也可以的。10-17 19:20
Elizabeth
0.0邊框啊…
透明底的不知道要設甚麼比較好,
不過還是感謝分享。

10-17 01:03

隨風~簡單

喔喔 原來可以這樣用呀 XD

下星期的小屋改造就可以拿來用用哩 乾蝦~~XD

10-17 10:06

まどか御守
櫻抱歉~學習中(推推

02-12 23:33

我要留言提醒:您尚未登入,請先登入再留言

4喜歡★joe0145 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:10/16…某某楓的溫差... 後一篇:10/17…某某楓的洗錢...

追蹤私訊切換新版閱覽

作品資料夾

hyzgdivina喜歡虹咲的LLer
我的小屋裡有很多Hoenn繪師又香又甜的虹咲漫畫翻譯!歡迎大家來我的小屋坐坐喔~看更多我要大聲說昨天23:49


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】