This page looks plain and unstyled because you're using a non-standard compliant browser. To see it in its best form, please upgrade to a browser that supports web standards. It's free and painless.

這兒是個以小水滴為主題的分享園地。 有著許多可愛的小玩意等著您來探索
bubu938的網誌 | bubu938的相簿 | bubu938的留言板 | bubu938的名片 | 管理介面

月橘の連結

我的連結縮起來了！

文章彙整

列出全部文章

訂閱月橘のRSS

RSS 2.0
Atom 0.3

人氣＠月橘館

本日人氣: 46
累積人氣: 403496

【小玩意】來自深海的美麗身影-設置篇

bubu938 | 16 August, 2007 11:55

恩~這個小玩意算是個比較複雜且需要懂一些自己的CSS架構 
還有無比的耐心 -︿- 才比較好調設
在這邊月橘分享我自己的設定給大家
注意事項：

1、由於每個人所使用的CSS架構皆不相同，所以僅供參考
2、「不」提供幫忙修改CSS及語法設定......
3、此範例是 將「破解版語法」放置於網誌描述，自訂欄位不適用喔！
4、修改CSS前，請先自行備份。如果改壞了....我沒辦法幫你復原˙︿˙+

-設定範例：
以下為我的設定，包含破解版的語法以及我在CSS中的設定
我的設定檔→


-設定大方向：

如前言所述，每個人的CSS皆不相同
在此月橘提供我自己的調整大方向給大家參考
以下也以我自己為小範例來做個小解說：

1、先確認好自己部落格的版型為何
      像月橘的就是橫版


2、確認好版型後，決定你要讓他游泳的區塊大小：

以月橘的版型為例，下圖紅框圈起處就是我想讓他游泳的範圍。

因為在最左邊有我的部落格標題連結（就是月亮那個連結圖）
如果讓他範圍為全視窗的話，就會點不到該連結。
（游泳區塊會蓋在上頭）

其實步驟３跟４是互相牽引的，所以先從哪個開始都可以

3、先從破解版的語法開始；
（iframe src="http://www.hotlinkfiles.com/files/73793_yjkab/flow.htm" _fcksavedurl=""http://www.hotlinkfiles.com/files/73793_yjkab/flow.htm"" height="580" width="900" frameborder="0" allowtransparency="true" scrolling="no"）（/iframe）

你可以先從這邊height="580" width="900"修改出你想要讓他游泳的區塊大小
這必須配合步驟4的網誌敘述大小才能做出你要的效果

height="580" 表示高度為580PX的高度
width="900"表示寬度要580PX的寬度


4、接著從「網誌敘述」的CSS下手：

先找出你的CSS中的「網誌敘述標籤」
從設置檔中可以知道
我目前所使用的CSS的「網誌敘述標籤」為「#BlogDescr」

因為我想讓他在紅色區塊中游泳（而且語法放在網誌敘述嘛~）
所以囉，必須修改「網誌敘述」這個區塊的大小以及位置

4-1、網誌敘述位置、大小修改：
以下為我的網誌敘述這個部分的CSS

#BlogDescr {
 position:absolute;right:0px;top:-20px;（從這邊修改位置）
 padding : 0 0 0 0px;
 font-size:13px;
 color:#000;
 font-weight:bold;
 width:700px;（從這邊可以修改寬度大小）
 line-height:1em;
}

位置修改詳解：
位置的修改從right:0px;top:-20px 裡面做修改
只要改一下數字即可（可以負的，要自行調整囉） 

小解說：right：0 px
PX是距離的單位
那right：10 px 是表示離視窗右邊10PX的距離
同理，top：－20px則為離上方－20px的距離
（為什麼是負的呢？因為我的版型比較特異這樣才會剛好貼在最上方）

大小修改詳解：
網誌敘述這區塊的大小就從width:700px;來修改
寬度是width
高度則為hight（我的沒有＝ ＝）


這邊可能大家會想說怎麼知道自己調的大小、位置對不對
這邊呢，提供的小技巧給大家
就是在妳修改好，儲存之後
在另外開個視窗打開你的部落格
檢視一下海洋生物的游泳區塊就可以知道囉
看是太高、太小、還是太偏了，再回去做調整就可以囉
那~詳細的修改方法，只能靠各位鄉民們自己摸索囉
我在這只能提供個大概
畢竟每個人都有不一樣的CSS設置嘛 
希望這篇對大家有幫助喔



如果您覺得這篇文章不錯的話 
請留個回應給我當獎勵喔
不回應的話…我只好這樣了


本文歡迎「轉載、引用」
但請註明出處
文中圖片以及檔案皆存放於本人空間
如欲再行分享，請上傳至個人空間
切勿盜連以行分享之實
注意網路禮儀喔！

[ 同分類閱讀 ]
此分類前一篇: 【小玩意】可愛好物-poerre熊熊裝飾（8/1更新）
此分類後一篇: 【小玩意】VAIO高質感小玩意（時鐘、月曆自己來）
[ 歷史上的今天 ]
【教學--改】多首音樂播放器（7/14小修改） - 2006
第三話，大眼妹的挑戰書 - 2006


引用網址:
部落格小玩意::迴響(17)::引用(0)::人氣(3342)
推薦上專欄 Email 轉寄 轉寄至留言板

迴響列表(發表留言)

謝謝大人喔

謝謝大人貼出了的解說啊，百忙之中抽空真的辛苦你了V
然後我仔細地看過一篇，發覺此語法只適用於網誌描述而不用於自訂欄位中，因此我看天空部落那個並不適用了V還是很謝謝大人的耐心指引喔，我會努力把小魚養大的(他叫小見V)

葦 | 16/08/2007 20:20:09

摁..謝謝月橘分享

 fishjiang | 16/08/2007 23:28:10

謝謝 我會試試看

揚星 | 18/08/2007 03:13:33

還是不懂懂懂懂懂

破解版??
什麼意思 我把他的CSS語法按照橘大大講的PO在網誌敘述

呃 可是出來 就變成一串文法在網誌敘述那

其次 何謂CSS 網誌敘述標籤...

抱歉 如果有空 麻煩指導一下~"~

還是說 這個只能給付費會員使用?

沒付費就不行?

紙星星 | 25/08/2007 02:13:23

呃 搞懂一點 可惜沒多大點= ="

已經知道何謂標籤處了 只是放不上去阿...無奈

放過去以後 可是 不會出現橘大的海洋生物~"~苦惱

紙星星 | 25/08/2007 02:34:29

在附註..

附註問題

這個無名可以使用嗎?

用了半天 突然想到=口="

紙星星 | 25/08/2007 02:36:53

漂亮的blog

我是因為看了月橘大人如此漂亮的blog也想來多加學習!我和橘大用一樣的pixnet，但到版面管理裡的編輯css，有看到部落格敘述，推測是橘大所說的"網誌敘述標籤"
我的問題是那上面第3點的破解版語法該放哪?
請厲害的橘大多多指點後輩~~不勝感激

 esufoc | 25/08/2007 16:58:28

我把破解版語法和位置都放了
但什麼都沒出現耶~~~orz
是因為位置和大小的關係嗎?

 esufoc | 25/08/2007 17:03:36

其實我在懷疑我大概放錯?那個部落格敘述不就只是小小的上方一格嗎?還有說橘大就是把原先小小的一格改成想要讓水中生物游泳的大小，然後他和其他版面都有重疊但因為是會動的圖所以沒關係?
真的應該把語法放在部落格敘述嗎?
還是應該放在其他地方如整體？

 esufoc | 25/08/2007 17:17:24

謝謝

謝謝你的分享

野豬急湍 | 02/09/2007 15:13:30

請教

哈嚕~ 感謝分享喔~ ^^我家也有一支了~ 可是我發現我的游游~ 只要一點部落格 就會消失...它通常會自動關掉..我嘗試自動播放也好像不行ㄟ

小P | 05/09/2007 13:05:42

請問

我用的是無名
因為它好像只能在廣告欄那裡
所以我特地把她那一格廣告欄調成我要的游泳範圍
可是有沒有辦法把它放在底下呢?
不然的話會一點到
它就立刻游不見了

lan25958484 | 06/09/2007 04:02:22

悄悄話

悄悄話

 | 

悄悄話

悄悄話

 | 

悄悄話

悄悄話

 | 

謝謝嘍

shan | 27/10/2007 19:38:17

請問...

請問一下歐~
這個一定是要無名金卡才能使用嗎??
我好想要這個哩~
超漂亮的~~
可以的話請給我答覆唷~~
卸卸~~

moya | 17/11/2007 10:47:53

迴響列表(發表留言)