Webstagram

臨時想,到做了一個極簡的樣式
有時候只要簡單就好

喜歡的人可以打包回去 
因為很簡單所以開放修改隨意改背景、字體大小、游標
只要修改後不分享給他人即可
如果想修改卻不會的,歡迎問我 :)


  拿取請記得迴響
這是给作者尊重和鼓勵

 


zoom-in.gif

 


滑鼠點框內然後ctrl+c即可複製
(不好意思,IE暫時沒辦法這樣)



body#header (就是banner),這兩個是大多人會去修改背景的部份

Q:背景怎麼改?
A1:純顏色 background:色碼;   :background:#bdd7e0;
A2:圖片 background:url(網址);

repeat 為重複
repeat-x 為重複橫軸(x軸)
repeat-y 為重複縱軸(y軸)
no-repeat 為不重複
left 為靠左
right 為靠右
top 為靠上
bottom 為靠下

 
:background:url(http://123.456/789/0.png) repeat-y left top;

創作者介紹

Pure Mode

莓 發表在 痞客邦 PIXNET 留言(46) 人氣()


留言列表 (46)

發表留言
  • o9jucea
  • 真的是簡單又整齊的樣式呢!XD
    剛剛發現有一個超級小的小問題:
    發表新文章管理後台那邊(最上方)
    會跟登出那行擠到..o-o
    不過問題不是很大啦,可以無視我的提問XD
    謝謝你的教學哦!我英文很不好XDD
  • 謝謝你的提醒
    IE真是個難搞的瀏覽器@@
    用FF看的話是沒問題...

    而且我現在才發現我忘記放上css了= =

    於 2010/02/07 23:06 回覆

  • kwanx
  • 套用了哟 ^^
    很棒啊~ 很干净的感觉~

    想要请问这个版型适合加个banner吗 ?
    语法是啥呢 ?
    谢谢哟^^

    新年快乐 ~
  • 新年快樂~
    謝謝你的捧場^^

    banner,OK的喔~
    基本上只要字不會被擋的嚴重都可以的
    如果是有主要圖案或人物在圖片上
    可以以靠右邊為主
    因為右邊比較空~

    妳也可以把 #banner h2的left數值改小一點
    這樣右邊的空間就會變多了

    修改方式:
    01-後台 > 樣式設計精靈
    02-按ctrl+f 找到 #header
    然後加上 background:url(圖片網址);
    詳細的改法可以看這篇文章

    若還是不會,可以把圖片網址給我
    然後跟我說你圖片要置左還置右等等
    我會把語法給你然後你再覆蓋掉原本的就可以了~

    於 2010/02/09 20:13 回覆

  • 小黑人
  • 下次再跟你請教囉
  • OK~
    隨時歡迎^^

    於 2010/02/10 16:41 回覆

  • rock7832
  • 我好像很少看妳發表心情文章呢~~

    天氣很冷齁~~

    新年快樂阿^ ^
  • 新年快樂~

    因為這裡我本來就不是設定為寫心情日記的地方阿
    水滴不然就是一些創作這樣

    於 2010/02/18 15:34 回覆

  • rock7832
  • 原來如此...嗯嗯
    對了.你何時開學?
  • 唉 快了
    2/24

    還是在家住的比較自在舒服

    於 2010/02/18 16:23 回覆

  • msh252tw
  • 苺ˊ
    我不能複製欸
    是只有我這樣嗎?@@
  • 有人套用囉@@

    就是你把游標移到那個框若有自動反白你就複製
    如果沒自動反白就點一下那個框再全選再複製

    於 2010/02/20 19:04 回覆

  • kwanx
  • 我弄到了……谢谢你的帮忙哦……
    不过感觉上banner还是看起来怪怪 (Orz……
    不过觉得OK了…… :)
  • 不客氣:)

    我覺得不會怪阿,很好看
    會怪是因為你覺得好像把banner很明顯分成一半的關係嗎?

    於 2010/02/21 00:50 回覆

  • kwanx
  • 对啊……
    不过弄重复感觉会更怪……

    okay的了~
    谢谢你呀^^ 新年快乐,晚安~

    :)
  • 不客氣^^

    於 2010/02/21 16:36 回覆

  • msh252tw
  • 還是不行ˊˋ後來我解右鍵套用了`
    很喜歡這個樣式 =)
    苺 好厲害 我每次用都用超久的.
    痞客樣式很難搞 (我現在放棄弄他了

    套用你悶高手做的就好了=目
  • 真奇怪,我發現我用IE也不行
    在來找其他替代語法或改下載方法好了
    真不好意思

    痞客標籤都很清楚,
    而且都很聽話
    哪像某站=3=

    我也不曉得為啥我會懂css
    就以前覺得改樣是好像很有趣就研究了

    於 2010/02/21 16:40 回覆

  • huanbow
  • 謝謝分享 好喜歡喔!
  • 謝謝你^^

    於 2010/02/21 23:04 回覆

  • suwarren
  • 很素內!!...老人家看字比較辛苦...
    留言都要貼著moniter看才行

  • 極簡嘛~

    老人家可以把字放大來看~

    於 2010/02/24 15:56 回覆

  • rock7832
  • 今天開學了耶~~以後還能見到妳嗎?
  • 可以阿
    我們課很鬆

    於 2010/02/24 17:33 回覆

  • 悄悄話
  • rock7832
  • 妳是什麼系的??

    我今天才開學呢~~
  • 數位文藝

    這麼晚才開學喔
    不過可以的話我希望學校下星期一再開學
    把整個二月放完比較乾脆
    開學才三天就到週末

    於 2010/02/25 18:04 回覆

  • Kidwow777
  • 謝謝你:)
    我很喜歡這種風格~
  • 不客氣^^

    謝謝你的捧場~

    於 2010/02/28 22:28 回覆

  • 愛旅行的流浪貓
  • 真不錯呢~簡單的介面比較不會眼花撩亂
  • 對阿

    於 2010/03/02 12:13 回覆

  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • g13824
  • 我拿走囉 很極簡的FU
  • 謝謝捧場^^

    極簡最棒~

    於 2010/04/12 00:34 回覆

  • Sable10133

  • 就讓人舒服的感覺
    簡單就好
  • 恩阿^^

    於 2010/04/13 17:24 回覆

  • moon13151514
  • 簡單的感覺很舒服
    拿走了唷
    感謝你的分享
  • 謝謝你的捧場^^
    使用愉快~

    於 2010/04/16 18:17 回覆

  • s34030
  • 哈囉~好久不見了!
    妳過的好嗎?

    妳的樣式做的還真不錯XD

    希望你開開心心囉~*
  • 真的好久不見,這段時間過得怎樣?


    3Q誇獎=ˇ=

    於 2010/04/30 01:27 回覆

  • s34230
  • 好漂亮的樣式喔!
    請問一下你是用哪一種軟體製作的呢??
  • 謝謝^^

    部落格樣式不用軟體就能製作了
    但是樣式上的素材(背景、圖示等)
    我是用Photoshop做的

    於 2010/05/15 01:17 回覆

  • IAN
  • 哈哈,我套用了:)
    好好看:)
    不過我想請教一個問題欸
    要怎麼隱藏右側的欄位呀?
    可以教我語法嗎?
    我超超超喜歡那種感覺的:)
  • 悄悄話
  • g13824
  • 來看妳了
    妳又換新的樣版了阿
    我也換新的 不過我有修改許多CSS
    @@
    也有套用一些高手設計的CSS
    來學習怎麼用CSS
  • kaLi82
  • 謝謝你分享的樣式..我好喜歡:)
    簡簡單單多好呀~
  • 不客氣~
    謝謝你喜歡:)

    簡單至上!

    於 2010/06/20 14:44 回覆

  • milkjna
  • 很喜歡這樣的版面!!!
    人生就是要簡簡單單的咩!!!!

    跟妳帶走了喲!!!
  • 嗯阿,簡單就很棒~
    謝謝捧場:)

    於 2010/06/28 23:24 回覆

  • milkjna
  • 不過我想請問一下
    要怎麼用繼續閱讀啊??

  • 我把繼續閱讀隱藏了
    反正點標題就能進入文章@@

    你在CSS中找到.more
    把.more刪掉就可以顯現了
    置左 .more {float:left;}
    置右 .more {float:right;}

    有問題歡迎再來問我^^

    於 2010/06/28 23:27 回覆

  • milkjna
  • 嗯嗯嗯!!!
    看到了~ 謝謝你=ˇ=
  • qwer8016
  • 苺的樣式都好棒(套用了喔
  • 謝謝捧場

    於 2010/10/17 19:49 回覆

  • deathlessnight
  • 很喜歡這樣的白色極簡呢。
    想請問一下,最上頭的BAN長寬應該是多少?
  • 謝謝:)

    長762px
    高117px

    於 2011/02/03 01:02 回覆

  • 悄悄話
  • 悄悄話
  • S
  • 喔喔,原來是這樣呀,我沒考慮那樣多,呵:-D
  • 呵:)

    於 2011/02/16 00:13 回覆

  • FONG♥
  • 感謝分享!!
    純白色好舒服:">
  • 不客氣:)
    感謝你喜歡

    於 2011/05/01 00:04 回覆

  • 影真
  • 打包了 :)

    白色整個很清爽 :))
  • 藤源加奈
  • 設計不錯
  • 紫夜〃
  • 抱走咯!!謝謝
  • hsuan_kms
  • 謝謝分享!!很好看很乾淨!!
  • vita0407
  • 謝謝你的分享~很極簡很好看喔!
  • 悄悄話
  • zuchrou
  • 已使用 謝謝你^^
找更多相關文章與討論