My site has changed!

目前分類:樣式分享 (18)

瀏覽方式: 標題列表 簡短摘要

Xuite.png

繼上次寫了Blogger的Css後,這次心血來潮寫了Xuite的Css
原因是這樣的:
想創個Xuite到大家Blog內,留言就有頭像了,進而→寫寫看吧!(喂)

, ,

壯兔 發表在 痞客邦 PIXNET 留言(4) 人氣()

Memorial.png

,

壯兔 發表在 痞客邦 PIXNET 留言(11) 人氣()

8.png

之前做了一款以大BANNER為主的樣式 - Change Photo
因為期間痞客邦有更新一些新的功能,
再加上之前的樣式有一些我想更新的地方,
所以重新做了同樣可以更改大BANNER的樣式,
應該也是今年我發表的第一個樣式哦

壯兔 發表在 痞客邦 PIXNET 留言(28) 人氣()

b9.png

壯兔 發表在 痞客邦 PIXNET 留言(12) 人氣()

blue feel.png

壯兔 發表在 痞客邦 PIXNET 留言(3) 人氣()

薰衣草.png

那天翻到很久很久很久以前的樣式
懷念起這個版型
是以前我最喜歡用的照片式版型
時間一年一年過了,這個版型也被我遺忘了@@
現在翻回來好懷念喔!

壯兔 發表在 痞客邦 PIXNET 留言(18) 人氣()

這是大概5個月前想要做的版,結果因為很忙就這樣放了好久(也太久了自己想到都嚇到了 囧)
一直很想弄個可以隨意更換圖片的版
但是越簡單的版反而越不知道要怎麼下手 囧...
我真的沒有隨便做做就放上來喔>"<~

壯兔 發表在 痞客邦 PIXNET 留言(17) 人氣()

happy christmas.png

壯兔 發表在 痞客邦 PIXNET 留言(15) 人氣()

snowing season.png

壯兔 發表在 痞客邦 PIXNET 留言(24) 人氣()

2009七夕.png

今天好像是七夕
不過我一個人在家-.-...

我可以陪你們孤單XDD

壯兔 發表在 痞客邦 PIXNET 留言(23) 人氣()

happy dream.png

*此樣式將不再分享

咦~這不是我的自用樣式嗎XD??

嘻嘻...其實分享是因為,這是我目前最喜歡的樣式-///-
真的用不太膩耶-///-,我好愛黃色-///-

黃色真的好快樂好快樂~~

壯兔 發表在 痞客邦 PIXNET 留言(16) 人氣()

2009-03-04.png

似乎非常久沒有分享相簿樣式了(上次分享是暑假哦!!暑假哦!!!XD)
其實一直想做阿!!
只是怎麼起頭就是個麻煩了orz

直到昨晚麻及開了他的相簿給我看,我才發現痞客邦有新相簿樣式耶
所以突然有一股動機做相簿樣式XD

壯兔 發表在 痞客邦 PIXNET 留言(23) 人氣()

膽怯.png 拍貓咪已經有一段時間了
主角一直是我家附近小矮巷的"綠眼貓"家族

每次都是禮拜五下午 坐火車回家時拍
整個寒假

沒有再去過一次
或許我們也淡忘彼此了吧...

果不其然
三兄弟一見我如陌生人般
以前懶洋洋的姿勢沒有了

剩下的

是"膽怯"

但是我相信我們能夠重新認識的:)

----------------------------------
這次想做點文章欄不要這麼寬的
所以做了550

使用上不知道會不會不便^^"


壯兔 發表在 痞客邦 PIXNET 留言(34) 人氣()

*此樣式將不再分享

聖誕節~MERRY CHRISTMAS~

這個節日就要來啦
再忙也要應應景你說是不是XD~~

因為我知道我會很忙
所以早在一個月前就再慢慢的準備

其實本來還有一個紅通通的版的
可惜~...

我很忙還是趕不出來ORZ~~

對不起啦>"<~

不過
這個樣式還真的蠻淡的
所以做聖淡節

不過我相信
這個充滿歡笑的日子
不會因為用了一個淡到不行的樣式
就變淡的
你說是不XD~
預祝聖誕節快樂唷:)~

聖淡節.png

壯兔 發表在 痞客邦 PIXNET 留言(12) 人氣()

agray首頁.png

*此樣式將不再分享

這就是之前agray的假首頁樣式 點我看之前的agray樣式介紹
其實老早前就做好了
但一直沒有時間放上來ˊˋ

今天剛好考完試
就要來大幅更新拉XD

但我想我就算考完試還是很忙吧XD!!!

-----------------------------------

名稱:agray 有首頁版
建議解析度: 1024 X 768以上
全版寬: 980px
版型: 二欄式+假首頁
適用瀏覽器: IE6 IE7 Firefox火狐 Opera (IE8有部份小問題)
Banner圖寬高: 假首頁BANNER圖 344X500
內文可用寬度: 670px
側欄可用寬度: 242px
內文底色: 黑 #000000
其他: 請務必將"碎碎念"以及"麻及交流(也就是頭像)"還有最新文章,最新迴響的側邊區塊拉出

-----------------------------------

這個假首頁其實費了我蠻多精神
因為他多了height:100%的指令
一直搞不好

中間還有許多哩哩雜雜的問題解決了許久

height:100%算是這次學到最多的吧!!!
也弄白好幾10根頭髮

不過也算直得拉

這個版在IE6的設定跟其他人不太一樣((我也忘了是哪裡不一樣
你知道IE6真的是麻煩的瀏覽器!!很多指令都沒有必須另外設定的ˊˋ

------------------------------------

首頁的banner圖修改方式:

更換

#blog-main #banner{width:344px; height:500px; position:absolute;top:5px; left:40px;background:url(http://p8.p.pixnet.net/albums/userpics/8/4/550584/492150f53d534.png) no-repeat left top;}

內的http://p8.p.pixnet.net/albums/userpics/8/4/550584/492150f53d534.png

為你的圖片網址即可

大小是:344px X 500px


壯兔 發表在 痞客邦 PIXNET 留言(26) 人氣()

*此樣式將不再分享

這幾乎是跟我的改版同時間想出來的
所以他在一個禮拜前遇上期中考也開始難產
所以我是在零碎時間慢慢做這樣...
但是我還是很仔細的檢查了一下各個瀏覽器的情況還有一些小細節
這次很謝謝蘋果果介紹給我可以瀏覽IE8的測試瀏覽器
所以這次多測試了IE8
希望在真的IE8上是真的沒有問題的^^!!真的超感謝蘋果果的>////<~

----------------以下為必讀版型須知-----------------

名稱:agray
建議解析度: 1024 X 768以上
全版寬: 980px
版型: 左右版二欄式
適用瀏覽器: IE6 IE7 IE8 Firefox火狐 Opera
Banner圖寬高: 無banner圖
內文可用寬度: 670px
側欄可用寬度: 242px
內文底色: 黑 #000000
其他: 請務必將"碎碎念"以及"麻及交流(也就是頭像)"的側邊區塊拉出

-------------------版型須知結束--------------------

這個版的些微小設定就是右上角的碎碎念前有大頭像
所以請務必把碎碎念以及麻及交流(也就是頭像)的區塊拉出來
以下是碎碎念前有大頭像的設定


還有側邊欄位內的小掛建等等東西請勿放寬度超過242px的物品
以免側邊欄位掉下來

之前一直都是做文章區是白的
這次想說來做個黑的好了
於是就突然想到要做成這樣

其實
本來是想做假首頁

假首頁才是他原本的構想
但是後來我想的假首頁有點行不通
所以就有點放棄了
而且原本的假首頁是有BANNER的!!

不過我還是會想要用另一種方式把假首頁呈現出來
所以假首頁的版型還要再改過這樣
由於不知道會生產多久XD
所以先把正常版的放上來
XD

以免我拖一拖又一個月
自己都先看膩了這 囧~

如果有錯誤一定要告訴我喔!!!
順便說你的瀏覽器是哪個

另外版型的不定時更新都會在CSS下載頁內公佈
所以如果發現你的版有錯誤的話先到下載區看看有沒有修正過^^
不然常常相同問題都要回答好幾次呢:D

總之謝謝大家囉:)

壯兔 發表在 痞客邦 PIXNET 留言(32) 人氣()



----------------------------
名稱: 三欄式 - Bear
建議解析度: 1024 X 768以上
全版寬: 991px
版型: 三欄式
Banner圖寬高: 546px × 150px (更改方式在下面)
內文可用寬度: 600px
側欄可用寬度: 皆為180px
適用瀏覽器:IE6,IE7,火狐,OPERA
其他: 無
-----------------------------


哇哇
第一次發三欄式耶

其實是之前答應香香要做三欄式
我都有記得喔!!!

然後這個版型拖了無敵久是真的阿XD

因為事情很多
所以我都是用空閒時間一點一滴的慢慢做

而且還很要求小細節
---全部都要加上虛線之類的XD

所以基本上應該細節都有注意到吧
不會有某個地方還殘留奇怪顏色這樣0.0

然後我還打算之後發樣式都要做好一種美德
就是交代版型的需求這樣

看到最上面的描述了嗎
你們說有沒有很感心XD

其實要這樣是因為常常有人又跑來問我XXX版的圖片大小是多少??
其實我都有寫在介紹文中
只是你們都沒仔細看對不對(指)

不過兔兒人很好都還會回去找我之前發的大小然後告訴你們XD

----------------------改圖教學

然後這個版的BANNER圖網址是放在#header內
所以更改BANNER圖要先找到#hader標籤,然後更改以下反紅字的地方為你的圖片網址
#header{height:150px;padding:5px 0px;width:990px;margin:0px;border-bottom:1px solid #D4b18e; background:#fff url(http://p8.p.pixnet.net/albums/userpics/8/4/550584/490067d8cb758.png) no-repeat 443px 5px;}

這樣清楚了嗎XD?



然後如果有發現問題趕快告訴我吧:)

來張預覽圖:



然後請至CSS下載區下載吧:)

壯兔 發表在 痞客邦 PIXNET 留言(95) 人氣()

*此樣式將不再分享

壯兔 發表在 痞客邦 PIXNET 留言(87) 人氣()