Important
Related Posts with Thumbnails
分享樣式那麼久以來
還真的常常碰到大家問一樣的問題耶XD

所以我覺得把它全部整理起來
是不是比較好呢?
也避免大家老是問一樣的問題嘛XD!!

不然我這種不背標籤英文的人
每次都還要找一下標籤XD
真麻煩是不是??

而且有些害羞的朋友不敢問問題
也可以讓他們偷偷看一下 嘻嘻~是不是^^

ps這裡的問題解答是以我的版型問題為主唷:)

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

隱藏每篇文章的人氣
 在css最末端加上
 .author span{display:none;}
 即可
 

修改文章字大小or顏色
 只要是壯兔兒的版型,文章字型大小或顏色都在
 .article-content{color:#444;font-size:12px;*font-size:11px;} 中
 color:#444;為顏色,修改444為你要的色碼即可
 大小請修改font-size:12px;*font-size:11px; ((前面要比後面多1
 
 另外
 .article-content a{color:#d93174;} <---文章中超聯結字色
 .article-content a:hover{color:#000;} <---文章中超連結移過去的顏色
 
 
改banner的步驟
 我的樣式中可以改banner的版型都會說明如何改banner
 下載時可以點你下載樣式的詳細說明看看
 不過大致上的步驟是這樣:
 1.用photoshop或其他軟體將照片切成需要大小 ((若不會請自行上網搜尋
 2.將圖片傳到你的相簿中 ((一定要將相簿後台的基本設定中的保留原圖勾選起來
 3.複製圖片網址 ((請勿複製中縮圖的網址,若相簿中你的照片可以再放大請一定要先放大再複製網址
 4.取代CSS中 #banner內的網址為你的網址 ((#banner標籤依版型而異,有時候是在#header中
 5.儲存CSS
 
 
改整個BLOG文字大小
 body{font-size:11px;*font-size:10px;}
 我都會將"整個BLOG"的字形大小放在body{}中
 要修改把數值前後各差1即可 ((前面要比後面大
 
 
改"文章標題字"大小或顏色
 我習慣會將標題字顏色大小放在.title h2 a{}中
 .title h2 a{font-size:11px;*font-size:10px;color:#000;}
 修改font-size:的數值 前面比後面多1即可
 顏色的話把000改成你的色碼即可
 另外 .title h2 a:hover{color:#ddd;} 這個是滑鼠移過標題的字色
 
 
修改內文區塊內的行與行間格
 #content{line-height:170%;}
 我都會把內文區塊的行與行間格放在#content裡
 所以只要修改line-height的%數就可以囉:)
 
 
 
-------------------------------------------
 
我現在只想到這樣啦:)
如果有想問什麼就問吧
有時間我會慢慢PO上來XD

看的懂給點鼓勵吧XDDD

因為我真的越來越忙了:)
所以如果要問問題的朋友要多體諒一下歐!!^^
自己先找找看黑^^

如果有其他朋友問別的問題我還會陸續增加的:)!!!

Posted by paula3844 at 痞客邦 PIXNET Comments(20) Trackback(0) Hits(716)

open trackbacks list Trackbacks (0)

Comments (20)

Post Comment
  • 哈哈!
    我看了還是不會使用,改天來研究看看~

    兔兒真的不吝分享耶!!!
  • 囧~
    分享還有分吝嗇不吝嗇嗎XDD~~
    哈哈~~研究有問題可以問我XD

    paula3844replied on 2008/12/04 21:23

  • 要怎麼改內文區塊內的段落間格@@?
  • #content{line-height:170%;}
    修改%數就可以囉:)

    paula3844replied on 2008/12/04 23:26

  • 還滿實用的!!!
    等我有需要再來看唄XDDDDDDDDDD
  • 哈哈
    有需要補充再跟我說啦XDDDD!!!

    paula3844replied on 2008/12/05 13:52

  • Private Comment
  • Private Comment
  • 喔妳真是太甘心了 XD
    這篇對於我以後改字色幫助超大的啊 ~~

  • 真的阿XD
    其實你可以直接問我就好啦XD

    paula3844replied on 2008/12/05 20:33

  • 不錯的分享
    Grace來推推文...
  • 哇哇^^
    謝謝GRACE^^

    paula3844replied on 2008/12/06 22:19

  • 壯兔><
    我遇到問題了嗄QQ~~
    我的頁面呀 登入後不是上方都會有我的後台跟發新文章嗎?
    有那兩列時都很整齊
    但是若是未登入就會跑掉耶QQ
    我該如何解決這矛盾的問題呢>"<!
    謝謝壯兔QQ
  • 是什麼地方跑掉呢???
    你可以讓我看看你的CSS :P

    paula3844replied on 2008/12/07 18:25

  • 嗚...我好像解決了><"!!!
    以後有問題還請狀兔多多包含我這個菜鳥QQ
  • 哈哈
    不會啦^^~~如果我可以幫上忙是我的榮幸XD!!!
    恭喜你解決了!~
    又多學到一樣了嗎^^?

    paula3844replied on 2008/12/07 22:13

  • 兔真的很細心體貼呢!
    謝謝你唷!
    我常常套用你的創作!真的很棒!
    謝謝你~~~~
  • 嘻嘻
    真的嗎^^!!
    謝謝獅兒:)
    看到你來都很開心呢^^!!

    paula3844replied on 2008/12/08 00:11

  • 趁這篇請教一個問題,要怎麼讓留言的輸入框有下框線啊?感覺不是直接設定border-bottom,是不是還要搭上背景顏色的設定呢...?一直想不出來,不知道能不能麻煩壯兔解惑>"<
  • 要先經整個留言框的線去掉
    所以先用border:0px;
    接著把背景去掉
    加上background:none;
    接下在在設定下框線
    border-bottom:1px solid #000;
    就可以囉:)
    所以整個就是這樣寫:

    border:0px; background:none; border-bottom:1px solid #000;
    border:0px 一定要在border-bottom前面喔:)

    paula3844replied on 2008/12/11 00:06

  • 不好意思,再請教一下...因為我已經這樣設定了,但要填電子郵件、個人網頁、留言標題等輸入框,還是沒有下框線..不知道是還少了什麼?OTL
  • 要看看標籤有沒有放對唷:D
    要放在調整這些的標籤內:)

    paula3844replied on 2009/02/24 19:46

  • Sorry,我找到問題在哪了:p
    發現問題所在,是被其他的語法覆蓋住框線的顏色,難怪一直看不到,謝謝你~~~:)
  • 嗯嗯
    解決就好><~
    抱歉一直沒看到這篇>"<
    沒辦法再第一時間幫你><~

    paula3844replied on 2009/02/24 19:46

  • 嗨依壯兔兒 = ˇ=
    我想問一下,要怎麼改字體粗細?
    還有 有什麼分享色碼的網頁之類的嗎?
    謝謝:)
  • 自己粗細是

    font-weight:bold;

    然後色碼我都適用photshop先選好色
    下面會給色碼唷:)
    photoimpact也可以^^

    網路上的話
    我都適用google搜尋:色碼表

    就會有很不錯的跑出來了!!!
    很多唷:)
    可以挑自己順手的:D

    paula3844replied on 2009/02/24 19:48

  • 請教!!

    壯兔兒妳好~
    先前使用了妳設計的版型 妳的配色架構配置我都很喜歡 用一陣子後發現唯有一個問題 就是圖片呈現的空間太小 想把左右拉到底 變成寬版的版型 若很麻煩 就把右半部圖片的部份往右拉到底也行 還望妳賜教及成全 感激涕零!! 拜託拜託~ 武少
  • 壯兔兒您好
    想請教一下
    我想使用您 白淨兔的版面
    但我不知如何換成自己愛兔的照片呢
    可以請您教我嗎
    謝謝~~
  • 換掉#banner內的網址就好囉:D
    謝謝妳^^

    paula3844replied on 2009/04/27 14:10

  • 想請問北鼻幾個CSS的問題...
    1.如何將側欄區塊排列在文章區塊的正下方?
    2.如何將迴響留言輸入區塊設定在所有迴響的上方?
  • 痾 這兩個問題都有點難回答耶 囧

    第一個的話是把#content 和 #links的 float取消
    再把 .box 設定成folat:left;
    其他的長寬高就慢慢設定到喜歡的大小

    第二個的話是把#user-post 設position:relative;
    再把#comment-form的部份設成position:absolute; top:0px; left:0px;
    之後再看變成怎樣做margin移位的修正

    因為調整的部份比較難說明
    大致上就是看哪邊跑位就修改就好了:)

    paula3844replied on 2009/06/20 11:05

  • 謝謝北鼻撥空回覆:)
    不過我已經使用了你設計的咩樂樣式也都改的差不多了
    然後我也很喜歡 XD
    所以原本自己想設計的那個樣式就........讓它隨風去吧 -///-
  • 你改的真的很棒阿
    變的好整齊喔-////-
    我喜歡整整齊齊的感覺>///<
    像我家就很亂((揮汗

    然後菲可以在多努力看看
    或許有一天理想的樣式就會完成了唷-///-

    paula3844replied on 2009/06/25 03:51

  • 請問一下~~~你記日器是怎麼放在網誌內容教學上的~~~可以請你交我如何用嗎~~~謝謝
  • 痞客邦直接貼上原始碼就可以了喔!
    :)

    paula3844replied on 2009/07/10 00:51

  • 我想請問一下啊,
    就是如何可以在BANNER下面加一個公告的框框呢?
    謝謝~
  • 到後台的側邊欄位設定
    公告區塊的部份就是你要的
    在裡面輸入內容就可囉

    paula3844replied on 2009/10/18 08:34

Comment Permissions: Allow commenting

Leave Comment

*Name/Nickname
E-mail
Personal Website
Comment Title
*Comment
* Private Comment