Paulean R Sims

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

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

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

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

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

我可以陪你們孤單XDD

*此樣式將不再分享

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

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

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

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

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

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

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

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

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

剩下的

是"膽怯"

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

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

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

*此樣式將不再分享

聖誕節～ＭＥＲＲＹ　ＣＨＲＩＳＴＭＡＳ～

這個節日就要來啦
再忙也要應應景你說是不是ＸＤ～～

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

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

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

對不起啦>"<~

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

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

*此樣式將不再分享

這就是之前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

*此樣式將不再分享

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

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

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

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

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


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

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

其實
本來是想做假首頁

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

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

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

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

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

總之謝謝大家囉:)

----------------------------
名稱: 三欄式 - 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下載區下載吧:)

*此樣式將不再分享