2004年12月2日 星期四

回應區貼圖的語法

在艾瑪家看到他將留言區貼了一個很美的幸運草框框(喔!我最愛的幸運草)後,就趁做耶誕節裝飾時嘗試一下,效果沒有艾瑪好,很像貼一塊膏藥,不過dj詢問是如何做的,我就將作法分享一下。

首先你當然得準備一張大小差不多的圖,愛米用的原圖有二張,都是取自素材網站,再加工調成我想要的樣子。然後我用的語法如下:

.comments-body textarea {
background-image:url("你圖放的位置");
background-repeat:no-repeat;
background-position:left center;
border: 0px solid #485838;
line-height: 150%;
padding-top: 55px;
padding-left:50px;
width: 400px;
height: 200px;
scrollbar-arrow-color:#485838;
scrollbar-track-color:#FFF;
scrollbar-shadow-color:#FFF;
scrollbar-highlight-color:#FFF; 
scrollbar-3dlight-color:#ffffff; 
scrollbar-darkshadow-color:#FFF

不過,我覺得我一定那邊出錯,即便我將長寬都設定成跟圖片一樣大,顯現出來還是會在圖片旁露白邊@@,如果有人可以解決這個問題,請務必跟愛米分享一下喔。

18 則留言:

  1. 不要設成圖的大小

    要設的比圖還小,才不會有空白

    我的圖是400*293

    但是我只設成360*280

    你試試看^^

    回覆刪除
  2. 我也來研究一下這個怎麼貼!

    回覆刪除
  3. 感謝你分享..^^



    有一件事情要跟你說喔

    很不好意思,我昨天收到我弟的通知說

    摩天輪的票要12/15才能拿到

    要請你在等等喔,真的很不好意思 ><''

    回覆刪除
  4. 哇..謝謝愛米的分享唷

    我是知道要怎麼貼圖

    但是卻不知道要怎麼設定圖的大小

    感激ㄋㄟ

    回覆刪除
  5. 呵呵 我一直想要學這個~~

    真好~那天要改時,就來這裡看看^__^怎麼貼圖

    回覆刪除
  6. 真是太感激了...為了這個,我自己試了一個下午,最後以把自

    己的網頁搞亂收場,還好有備份..

    感謝分享,帶回家去了...

    回覆刪除
  7. 怎麼大家都這樣勤快!!!!!

    回覆刪除
  8. TO:dj



    瞭解,我來試試看喔。



    TO:木笛子



    加油喔。



    TO:airel



    沒關係的,別上心上。



    TO:葛蘿



    我也是一直TRY,你試試dj的建議。



    TO:貓咪



    等你喔。



    TO:chenju



    一定要先將原先CSS備份起來喔。



    TO:麗



    這不難。好玩啦~

    回覆刪除
  9. 問題是這一大串語法要放在何處呢?

    回覆刪除
  10. TO:雅筑



    你這樣問我不太會答ㄟ,就是貼到語法中就可以啊!

    回覆刪除
  11. 感謝AMY的分享,我想請問兩個問題啊

    1.如果把回應跟給個回應的地方以圖片來代替,那要怎樣才可

    以把原來的字拿掉呢?

    2.請問來訪者的回應,我也用框框框起來,可是要設哪邊才可

    以讓回應之間有間距,不要黏在一起?



    感謝AMY~

    弄很久還是弄不出來的ANNIE

    回覆刪除
  12. 謝謝分享囉!^^

    回覆刪除
  13. TO:Annie



    修改這個地方,請參考以下語法

    .comments-head {

    color: white;

    background:none url(

    你的圖片位置) no-repeat left center;

    }



    來訪者的回應是在

    .trackback-body {

    你調一下行距或是留白等等數值,應該可以試出你要的效果。



    TO:敏薰媽



    別客氣。

    回覆刪除
  14. 來訪者的回應應該是在

    comments-body ?

    因為無名沒有 trackback 的功能@@

    回覆刪除
  15. TO:艾瑪



    我就說的語法都是臨時抱佛腳,一竅不通的,常常東改西改嘗

    試出要的效果後一回神就忘記剛剛改那邊,呵呵~還是你比較

    專業喔。謝謝你。

    回覆刪除
  16. 超感謝艾瑪滴~~

    還好有你好心提供,否則真的不知道弄到什麼時候~~

    謝謝您!!

    回覆刪除
  17. TO:joyce0519



    不必客氣喔,有幫忙到比較重要。

    回覆刪除
  18. 謝謝愛米分享

    我也在我家試用了喔!

    終於對CSS有點信心了

    不過好奇怪喔~

    我的留言游標一定不會從留言框的最左上角開始

    愛米的好像也不會~

    這是怎麼搞的?

    回覆刪除