在艾瑪家看到他將留言區貼了一個很美的幸運草框框(喔!我最愛的幸運草)後,就趁做耶誕節裝飾時嘗試一下,效果沒有艾瑪好,很像貼一塊膏藥,不過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有點信心了
不過好奇怪喔~
我的留言游標一定不會從留言框的最左上角開始
愛米的好像也不會~
這是怎麼搞的?