創作內容

24 GP

【 修改文字版、留言版底圖 】

作者:藏鏡咪咪│2007-09-08 11:37:05│巴幣:0│人氣:3796
這段語法可以讓你在打字時的文字面版底圖變美美的唷~

這裡就教你怎麼新增此部份的語法


《 語法教學 》

請將下列這段語法,全部複製套用在css語法裡面,
貼在最上方就可以了,別忘了插入你的圖片唷!

/*文字版、留言版底圖*/
textarea {
background: url(插入圖片網址);
background-repeat: no-repeat;
background-position:right;
padding-left: 10px;
padding-right: 10px;
height:220px;
}

《 語法修改 》

上面的語法範本是代表圖片【不重複】,在靠【右】的地方顯示,
如果你想修改細部,請參照以下的步驟。

一、底圖要重複,請將以下這段語法
background-repeat:no-repeat;

修改為(背景在X軸方向重覆)↓
background-repeat:repeat-x

修改為(背景在Y軸方向重覆)↓
background-repeat:repeat-y


二、圖片顯示位置移動置中或置左,請將以下語法
background-position:right;

修改為(置中)↓
background-position : center

修改為(置左)↓
background-position : left


三、文字起始、結束位置設定

輸入文字時的起始位置
padding-left: height:10 px;

輸入文字時的結束位置
padding-right: height:10 px;


四、版型高度設定

這段語法可以修改高度,配合你的底圖
height:220 px;


9/13新增

《 修改留言版文字顏色 》

因為滿多人都在問這部份的問題,在這邊提供一下修改方式。

找到下面這串語法
}/*input實線(只用於引用文章網址處)*/
.home_input2{
color:#FFFFFF;
border:1px solid #880000;
background:#000000;
}/*input實線*/
/*---------------------框架-------------------------*/

color:#FFFFFF; ←這段就是修改文字顏色,
把黃色字的部份改成你要的色碼就可以了。


css語法是很多變的,如果你們想再深入了解,
歡迎參考此網站學習更多的css教學※凱哥※






有任何問題歡迎留言喔~^^
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=302874
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:|css|語法|教學|素材|

留言共 37 篇留言

白菊
呵呵
感謝分享

這麼辛苦在教學^^

09-08 11:49

琉璃
我想請問一下咪咪

留言時 我們邊打字 會邊出現底線 的地方

要怎麼讓它底線消除呢? 或是設定的地方 ???

09-08 12:35

藏鏡咪咪
我在即時通訊跟你說明好了^^09-08 12:50
Secret
辛苦摟~
真是每日一教學@@"
感謝^^~

09-08 12:38

小超一世
留言板的底圖很實用哩!!
謝謝咪咪有心的分享~

09-08 13:22

Forever
3Q

09-08 14:06

回天楓
很有用的資訊 gp接著

09-08 14:16

回天楓
感謝分享喔

最近剛好想看看css的語法怎麼用ˊˋ

剛剛好發現這篇可以讓我參考~

09-08 14:18

瑞希‧アサリン
咪咪姊 我想問一下在留言區打的字的顏色要怎麼改

我怎麼改都沒變Q^Q

> 可以順便要一下咪咪姊的即時或MSN嗎(小聲

09-08 16:17

藏鏡咪咪
MSN:aa6824@yahoo

09-08 16:25


很漂亮耶~咪
呵呵

09-08 17:47

拉提沃☕
加收藏=w=
太讚了!

09-08 18:10

賣圍兜兜的麥兜
咪咪的小屋越來越精緻了~^q^~
推推+收藏~呵呵~

09-08 23:29

小剛使出喬伊小姐
YA~弄好嚕@ˇ@

謝謝咪咪姐的教學 真是太棒了>ˇ<!!!

09-09 11:25

心豚肥宅
好難阿XD

09-09 11:39

阿葉神
有些地方還是看不懂囧

話說背景我嚇哭了Q_Q

只差勇者造型還沒換上恐怖的(狂汗

09-09 12:32

藏鏡咪咪
有什麼問題可以在這問我喔~
如果幫的上忙低話~我很樂意喔!09-09 19:03
瑞希‧アサリン
咪咪姊的小屋好恐怖Q口Q

某瑞的問題:如何改文章GP數那格的高度和寬度

09-09 16:32

藏鏡咪咪
呼~忙完後我有去看這部份~因為之前都沒研究過,
如果有找到可以更改的語法,我會在MSN跟你說喔^^09-09 19:05
龍薩爾達
咪咪寫的教學不錯﹐淺白易懂。我大概會懶得去抓圖來教學罷...

09-10 03:19

Secret
我的改不出來耶...Orz
奇怪XD
我的留言區的背景是跟驗證碼還有右邊那個搜尋是綁在一起的
沒辦法單獨分開
怎會這樣 囧

09-12 01:11

藏鏡咪咪
你是指想要插圖嗎?09-12 19:22
Secret
嗯~對
我想要驗證碼欄跟留言欄是不一樣的圖案

09-12 22:48

藏鏡咪咪
留言欄照我的語法下去改就可以了,
不會影響到驗證碼底圖唷QQ09-13 23:13
血烏鴉
請問~我留言板的文字顏色須要怎麼改~一直沒有改成功~我想留底圖~

09-13 16:01

藏鏡咪咪
找到下面這串語法
}/*input實線(只用於引用文章網址處)*/
.home_input2{
color:#FFFFFF;
border:1px solid #880000;
background:#000000;
}/*input實線*/
/*---------------------框架-------------------------*/

color:#FFFFFF;這段就是修改文字顏色
把 FFFFFF 改成你要的色碼就可以了09-13 23:24
ExclaiminG
佩服佩服

09-18 15:15

昨日夢醒今日醉
大人這篇我也要收藏~推

09-30 08:52

昨日夢醒今日醉
啊,忘記打推

09-30 08:54

希特
GOOD

10-08 09:09

兔兔
好棒唷 終於可以改了XD
先打包語法帶回家 以後要改什麼都可以了A__A
謝謝!

10-31 12:48

Sanro.(塑膠樹)
十分感謝大大的教學>Q<+..
都容易懂XD..

現在留言板終於出現此方了..
推>Q<

11-03 20:55

輕輕
解說的很詳細

11-04 19:26

weather
好清楚的教學唷!
好棒~謝謝唷

01-02 09:20

凡爾賽玫瑰
謝謝您的分享喔 ^^
很開心能找到您這樣的部落閣
很清楚的教學

01-11 18:40

深藍之痕
感謝分享...

01-14 16:34

蜜拉貝兒
很實用捏
謝謝分享唷~
^^

02-01 11:24

まどか御守
抱歉~學習中(推推

02-12 23:43

大和瑰娃
食食食!( ̄▽ ̄)y

02-26 01:28

慕蓉朔影
好!好!好~~~
太實用了!
獻上12萬分的感謝捏^^

04-11 01:23

雖尾道人 金豪洨
我沒圖出來ㄟ@"@者會這樣@"@?

11-08 08:40

雖尾道人 金豪洨
大姐 我想問一下 如何讓我的背景圖固定呢?

11-23 21:24

小萍
謝分享^^

05-01 05:57

我要留言提醒:您尚未登入,請先登入再留言

24喜歡★gn6824 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:【 精緻華麗閃字教學 】... 後一篇:【 背景外框白邊設定 】...

追蹤私訊切換新版閱覽

作品資料夾

cckre所有巴友
夕闇-角色介紹網站 近期更新:藤崎 詩織(純愛手札外傳─啟程之詩)  http://www.yuuyami.url.tw/看更多我要大聲說10小時前


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】