在艾瑪家看到他將留言區貼了一個很美的幸運草框框(喔!我最愛的幸運草)後,就趁做耶誕節裝飾時嘗試一下,效果沒有艾瑪好,很像貼一塊膏藥,不過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
不過,我覺得我一定那邊出錯,即便我將長寬都設定成跟圖片一樣大,顯現出來還是會在圖片旁露白邊@@,如果有人可以解決這個問題,請務必跟愛米分享一下喔。
文章標籤
全站熱搜


不要設成圖的大小 要設的比圖還小,才不會有空白 我的圖是400*293 但是我只設成360*280 你試試看^^
我也來研究一下這個怎麼貼!
感謝你分享..^^ 有一件事情要跟你說喔 很不好意思,我昨天收到我弟的通知說 摩天輪的票要12/15才能拿到 要請你在等等喔,真的很不好意思 ><''
哇..謝謝愛米的分享唷 我是知道要怎麼貼圖 但是卻不知道要怎麼設定圖的大小 感激ㄋㄟ
呵呵 我一直想要學這個~~ 真好~那天要改時,就來這裡看看^__^怎麼貼圖
真是太感激了...為了這個,我自己試了一個下午,最後以把自 己的網頁搞亂收場,還好有備份.. 感謝分享,帶回家去了...
怎麼大家都這樣勤快!!!!!
TO:dj 瞭解,我來試試看喔。 TO:木笛子 加油喔。 TO:airel 沒關係的,別上心上。 TO:葛蘿 我也是一直TRY,你試試dj的建議。 TO:貓咪 等你喔。 TO:chenju 一定要先將原先CSS備份起來喔。 TO:麗 這不難。好玩啦~
問題是這一大串語法要放在何處呢?
TO:雅筑 你這樣問我不太會答ㄟ,就是貼到語法中就可以啊!
感謝AMY的分享,我想請問兩個問題啊 1.如果把回應跟給個回應的地方以圖片來代替,那要怎樣才可 以把原來的字拿掉呢? 2.請問來訪者的回應,我也用框框框起來,可是要設哪邊才可 以讓回應之間有間距,不要黏在一起? 感謝AMY~ 弄很久還是弄不出來的ANNIE
謝謝分享囉!^^
TO:Annie 修改這個地方,請參考以下語法 .comments-head { color: white; background:none url( 你的圖片位置) no-repeat left center; } 來訪者的回應是在 .trackback-body { 你調一下行距或是留白等等數值,應該可以試出你要的效果。 TO:敏薰媽 別客氣。
來訪者的回應應該是在 comments-body ? 因為無名沒有 trackback 的功能@@
TO:艾瑪 我就說的語法都是臨時抱佛腳,一竅不通的,常常東改西改嘗 試出要的效果後一回神就忘記剛剛改那邊,呵呵~還是你比較 專業喔。謝謝你。
超感謝艾瑪滴~~ 還好有你好心提供,否則真的不知道弄到什麼時候~~ 謝謝您!!
TO:joyce0519 不必客氣喔,有幫忙到比較重要。
謝謝愛米分享 我也在我家試用了喔! 終於對CSS有點信心了 不過好奇怪喔~ 我的留言游標一定不會從留言框的最左上角開始 愛米的好像也不會~ 這是怎麼搞的?
*****