剛結束行程緊湊、百感交集的一天回家,打開電腦連上網路後CGS敲來訊息,說他把回應區大頭貼顯示的圖像給改小了。請大家給他掌聲鼓勵,多虧他的勇於嘗試、大方分享,讓我們可以在站方半調子的功能釋放後美化版面DIY,有興趣嘗試的無名使用者可以登入後進入”樣式管理”→”修改CSS樣式表”,把這些語法貼在最後端即可。

之前貼在前一篇文章內的語法分享也一起整理過來,方便大家參考:



保證有效的改底換色法(黑底白字為例)
第一段控制的是版主回覆的本文
第二段控制的是「版主 於 XXX 回覆」這一行

.comments-reply .comments-author {
background: #000000;
color: #FFFFFF;
}

.comments-reply .comments-author .comments-post {
background: #000000;
color: #FFFFFF;
}






背景圖片插入語法(右下角的簽名為例)
個人簽名圖檔請自行編輯後上傳至無名相簿,並複製其圖片網址備用。

.comments-reply .comments-author {
background: #000000 ;
background-image:url(http://.....jpg自行上傳的圖片網址);
background-attachment:;
background-repeat :no-repeat;
background-position :right bottom;
color: #FFFFFF;
}

.comments-reply .comments-author .comments-post {
background: ;
color: #FFFFFF;
}


版主回應區的大頭貼縮小+透明化
width:後方的數值控制圖片大小,原圖大小為90,誰來我家區頭像大小為50。
opacity=後方的數值控制透明度,數值越大越不透明(從0到1,1是不透明)。可適當調整來融合底色。

.bighead img {
width:60px;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
}



PS:找不到色碼表嗎?點"這裡"就有得參考了。可能要挑選反差大的顏色看來會清楚些。

創作者介紹
創作者 愛咪 的頭像
愛咪

AMYKAKU

愛咪 發表在 痞客邦 留言(53) 人氣()

留言列表 (53)

發表留言
  • gina56
  • 謝謝分享唷=)
  • rung245
  • 謝謝版主的分享~
    很棒的功能~
  • jesicachen
  • 感謝你的分享
    真的很實用ㄟ!

    新年快樂...
  • DolphinRita
  • 謝謝愛咪與CGS的分享,使我們獲益良多。(你們是一對嗎?)
    版主回覆:(02/10/2008 00:35:00)
    想太多了 達令看到應該不會生氣吧?!
    CGS是我的良師益(?)友 XD
  • roddick55
  • 好難我看不懂ㄏㄏ。
  • smile1985
  • 謝謝妳的分享^___^
  • pjjl
  • 謝謝愛咪的分享~很實用~改好哩~~呵~~
  • joann1228
  • 謝謝愛咪跟CGS無私的分享...
  • duiduiola
  • .comments-reply .comments-author {
    background: #000000 ;
    background-image:url
    (http://f5.wretch.cc/duiduiola/2/1393604270.jpg);
    background-attachment:;
    background-repeat :no-repeat;
    background-position :right bottom;
    color: #FFFFFF;
    }

    .comments-reply .comments-author .comments-post {
    background: ;
    color: #FFFFFF;
  • phoebemini
  • :D 超實用的耶!!

    謝謝分享!!
  • a150646
  • Amy露臉了耶
    走氣質高雅路線
  • AntyiaShao
  • 利用一些語法
    讓自己的Blog變得更好看一點
    感謝愛咪與CGS的分享
  • babykate
  • kate把上面三個ccs語法全貼了,但只有改大頭貼有成功
    其他的功能不曉得為什麼都失敗>.<

    但這樣就很滿足啦!謝謝愛咪^_^
  • cutesnoopy
  • 感謝分享耶~~
    不然版主回覆的地方好醜喔~~
  • perryrebecca
  • 謝謝愛咪及CGS的分享
    趕快再去做修改...^^
  • elaine676
  • dear愛咪:
    這篇文章真是及時雨
    改過之後看起來順眼多了
    謝謝愛咪和CGS!
  • hcy8866
  • 超實用的分享,謝謝版主與amy的大方分享!
  • CartoonYou
  • 超實用+10000分,非常感謝!
  • o0936992755
  • 謝~分享
  • kuro1127kuro
  • 帶走~謝謝
  • s2k1y5tw
  • 恩~真的超級讚的語法!!我帶走囉!!謝謝妳!!真的很感激不盡壓!!
  • lisuang
  • 謝謝Amy無私的分享
    感謝妳喔
  • meli
  • 果然太好用了
    謝謝分享愛咪的分享阿
  • ma19640818
  • 很實用
    謝謝

    ㄚㄚ媽咪
  • amy650111
  • 謝謝喔~
  • linaitsen
  • 感謝C大跟Amy,有改有差唷!
  • lynnhsueh
  • 謝謝分享!
  • mababy
  • 謝謝分享
    我改好了
    好感動
    那天自己在摸半天弄不出來說
  • stella
  • 謝謝啊,真的差很多呢!^^
  • myview
  • 謝主隆恩啊!
  • joyceforever
  • 感謝無名地下客服C帥和愛咪啊!
  • tinhsun
  • 謝謝amy的教學
    很有用喔^^

    新年快樂!
  • pincy
  • 我帶走嘍...謝謝分享...^^
  • zoone20
  • 大感謝您~~謝謝分享!!
  • sikichung
  • 剛剛也修改好了。。
    不過顏色部分還要調整
    謝謝愛咪跟CGS
  • bajenny
  • 感謝愛咪和C大帥的分享!語法拿走啦~~
  • koloveto
  • 感謝愛咪,我也加入這些功能,真有趣:)
  • Ema0411
  • 哇~這真的很棒耶~
    謝謝分享!!
  • perryrebecca
  • 愛咪
    sorry..我有貼引用不知怎麼沒顯示出來
    不過內文還是有寫上妳的blog及CGS的網址
    希望別介意哦!!
    謝謝妳的分享
    讓我的BLOG生色不少!!
  • TAMACAT
  • 謝謝喔

    我也把大頭貼區的小圖改小了~

    雖然沒啥人留言 XD
  • yvonnecake
  • 很棒的分享~~
    很受用喔~
    也把妳加入連結~
    謝謝!

    yvonne
  • onlybelong20
  • 窩拿囉!! 3Q
  • vivian0225
  • 謝謝Amy分享

    我都套用了
    可是背景圖片插入語法部分
    我的圖片沒有出來欸

    需要另外設定圖片格式大小嗎
  • cha0425
  • 超實用...
    謝謝你囉~~~
  • graceful
  • 謝謝愛咪的分享
    ^___^
  • lovecynthia
  • 謝謝Amy的分享.....
    超好用的!!!!
  • she815
  • 謝謝分享~
    好棒耶!
  • radman
  • 這語法分享真讚
    大頭貼真的要改小一點啦
  • masakihung
  • 謝謝AMYKAKU的分享喲~
  • pinkugasuki
  • 很實用的語法~
    謝謝分享!
  • shin2208
  • 謝謝妳的分享
    我用了囉
  • amidala
  • 很好用喔~版面更加完整了~
    感謝愛咪及CGS的無私分享!
  • agloria
  • 哇噢!
    在我要變心之前
    無名又多了這些功能......

    再次感謝艾咪分享,實在很實用!