創作內容

58 GP

【CSS】巴哈小屋字體使用全破解與字體介紹

作者:異 / 啻異│2007-09-07 16:26:20│贊助:12│人氣:10985
大家都知道字體可以更改
可是你真的知道可以更改的字型有哪些還有格式嘛?
今天就來介紹這些討厭的外星密碼有什麼比較常用的寫法喔..不常用的就省略了
還會介紹電腦中預設可以更改的字型~請不用期待(被巴)

★字元的相關語法
font-size: px;
↑字體大小
例如:font-size: 13px;

font-family:" ";
↑字體字型
例如:font-family:"Arial";

font-style: ;
↑字體格式
normal[一般]
italic[斜體]
oblique[偏斜體]
例如:font-style: italic;

line-height: ;
↑行高,預設值為normal,如果對行跟行之間的高有特殊需求的可以輸入數值
例如:line-height: 80px;

font-weight: ;
↑字體的粗細
normal[一般]
lighter[細體]
blod[粗體]
bloder[特粗體]
例如:font-weight: normal;

letter-spacing: em;
↑字母間隔,字跟字之間的距離,有其他的單位,但是建議用em
例如:letter-spacing: 5em;

text-align:;
↑文字對齊方式
right[右邊]
center[中間]
left[左邊]
例如:text-align: center;

text-decoration:;
↑文字裝飾線
underline[底線]
overline[上端線]
line-through [刪除線]
blink[閃爍]
例如:text-decoration: overline;

word-break: break-all;
word-wrap:break-word;

↑這兩個語法因為巴哈有使用我就順便解釋
這是使用上避免發文或回文者在發表文章的時候,過度長的一段文字不會自動斷行而把表格給撐破
是用來自動斷行的東西,所以修改的時候遇到這兩行請不用更動

好了,以上語法的適合用在哪呢?
就是在按鈕,標題,字體等等的CSS,你可以隨時加在裡面也可以修改原有的格式。
但是不代表這些東西不能放在其他CSS喔,制定字型相關的東西,總要對應字型相關的地方吧

───────────────────────────────────────────
★有點搞不懂嘛?那我就來個範例說明:

↓這是我們小屋上方的帳號暱稱原始CSS
.banner_t1 a:link,.banner_t1 a:visited,.banner_t1 a:hover{
color:#0055CB;
font-weight:bold;
text-decoration:inherit;
}/*暱稱和帳號文字*/

如果覺得字體的肥肥的很醜那就把
font-weight:bold; 改成 font-weight:normal;
如果覺得字體太大了想改小那就加上
font-size: 13px;
如果覺得字體很醜想換一種那就加上
font-family:"Lucida Sans Unicode";

↓更動之後的CSS
.banner_t1 a:link,.banner_t1 a:visited,.banner_t1 a:hover{
color:#0055CB;/*-顏色自己改-*/
font-size: 13px;
font-weight:normal;
font-family:"Lucida Sans Unicode";
text-decoration:inherit;
}/*暱稱和帳號文字*/


可以把上面的複製貼到自己的/*暱稱和帳號文字*/
預覽看看效果,會了之後,就可以增減看自己需求喔

───────────────────────────────────────────
★接下來就是介紹電腦可以更改的預設字體
就是作業系統安裝完畢的時候所內建的字(不過我字體太多了可能會有漏掉的XD")
!!注意,你額外安裝的字體,在別人的電腦不一定會看的到,因為他又不一定有裝你的字體,所以請盡量避免使用
PS1.變換字體的過程中比較建議更換比較舒適的字型,瀏覽者舒服你也看的高興
PS2.一個好的網頁瀏覽頁面字型上限為三種...過多的字型則會畫蛇添足,請注意唷
ps3.更動的字體如果沒有指定中文,細明體會是預設字體,而下列字型會變更所有的英文跟數字 顯示喔

font-family:"Book Antiqua";
效果:L'Arc~en~Ciel 1234567890

font-family:"Batang";
效果:L'Arc~en~Ciel 1234567890

font-family:"Dotum";
效果:L'Arc~en~Ciel 1234567890

font-family:"DotumChe";
效果:L'Arc~en~Ciel 1234567890

font-family:"Gulim";
效果:L'Arc~en~Ciel 1234567890

font-family:"GulimChe";
效果:L'Arc~en~Ciel 1234567890

font-family:"Gungsuh";
效果:L'Arc~en~Ciel 1234567890

font-family:"GungsuhChe";
效果:L'Arc~en~Ciel 1234567890

font-family:"MS Gothic";
效果:L'Arc~en~Ciel 1234567890

font-family:"MS Mincho";
效果:L'Arc~en~Ciel 1234567890

font-family:"MS PGothic";
效果:L'Arc~en~Ciel 1234567890

font-family:"MS UI Gothic";
效果:L'Arc~en~Ciel 1234567890

font-family:"SimHei";
效果:L'Arc~en~Ciel 1234567890

font-family:"SimSun";
效果:L'Arc~en~Ciel 1234567890

font-family:"Bookman Old Style";
效果:L'Arc~en~Ciel 1234567890

font-family:"Century";
效果:L'Arc~en~Ciel 1234567890

font-family:"Century Gothic";
效果:L'Arc~en~Ciel 1234567890

font-family:"Comic Sans MS";
效果:L'Arc~en~Ciel 1234567890

font-family:"Courier New";
效果:L'Arc~en~Ciel 1234567890

font-family:"Franklin Gothic Medium";
效果:L'Arc~en~Ciel 1234567890

font-family:"Garamond";
效果:L'Arc~en~Ciel 1234567890

font-family:"Georgia";
效果:L'Arc~en~Ciel 1234567890

font-family:"Impact";
效果:L'Arc~en~Ciel 1234567890

font-family:"Lucida Console";
效果:L'Arc~en~Ciel 1234567890

font-family:"Lucida Sans Unicode";
效果:L'Arc~en~Ciel 1234567890

font-family:"Monotype Corsiva";
效果:L'Arc~en~Ciel 1234567890

font-family:"Palatino Linotype";
效果:L'Arc~en~Ciel 1234567890

font-family:"MV Boli";
效果:L'Arc~en~Ciel 1234567890

font-family:"Sylfaen";
效果:L'Arc~en~Ciel 1234567890

font-family:"Tahoma";
效果:L'Arc~en~Ciel 1234567890

font-family:"Times New Roman";
效果:L'Arc~en~Ciel 1234567890

font-family:"Trebuchet MS";
效果:L'Arc~en~Ciel 1234567890

font-family:"Verdana";
效果:L'Arc~en~Ciel 1234567890

font-family:"Tunga";
效果:L'Arc~en~Ciel 1234567890

以上...不懂請問
轉載請寫出處
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=749545
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:|CSS|小屋|教學|勇者小屋|

留言共 88 篇留言

放空ing
挖@@ 好多一ˇ一
不過字體不敢去修改 怕一失足成千古恨...

好棒 給你推推(羞

09-07 16:30

異 / 啻異
別羞阿(拍拍09-07 16:43
藏鏡咪咪
來給你加油打氣~甘巴爹~

09-07 16:35

異 / 啻異
謝謝~09-07 16:43
狗頭魚尾蚊
我是只要是12pt新細明體就用得很開心的人XD
通常會用到字體都是改圖的時候
而且通常用的都是去日本網站下載的日本字體……(笑)

另外我覺得連結用刪除線的感覺也不錯

09-07 16:39

異 / 啻異
中文的話我也是偏愛細明體
不過最近一些日文顯示的中文字型我覺得也不錯
我也是只有改圖才會搞花俏字
其實最好看的字體還是簡單一點的看了也舒服....

刪除線也是一種方式
只是我通常看到刪除線就不想靠過去XD09-07 16:43
鋼田テフロン
在嗎?我有件事情想問你,你先看 水球訊息 用哪樣聊

09-07 16:55

異 / 啻異
水球我關閉了
因為視窗都會當掉09-07 17:59
玲麗
好文我推!這篇借我收走嚕 ^^

09-07 17:20

異 / 啻異
參考綁走歡迎唷-ˇ-09-07 18:00
櫻澤楓
新細明體安定...XD
不過覺得還是不用改比較好,簡單字體安定+1。

09-07 17:20

異 / 啻異
中文我最愛新細明體
英文我就很偏愛Verdana
字胖胖的很可愛呢09-07 18:01
Orpheus
看到整牌拉嚕哭害我莫名興奮起來(咦)

09-07 17:36

異 / 啻異
喔喔 過熱過熱~有人冒煙了~灑水系統自動運作09-07 17:58
~Ceylon錫蘭~
收藏去了!感恩啊~>口<

09-07 17:58

異 / 啻異
如果有遇到問題歡迎蘭蘭(?)寫信問我-ˇ-09-07 18:00
風的名字
好耶!

這不收藏不行阿~謝謝你!

09-07 18:13

異 / 啻異
希望你也改的愉快阿~09-07 18:34
米兒軒絲
謝謝異大大分享~

09-07 18:35

異 / 啻異
不用客氣唷0ˇ009-07 18:36
橘*
耶~~~套一句廣告用詞
有你真好>ˇ<

09-07 18:45

異 / 啻異
不知道為什麼我想笑阿XDDDD09-07 18:53
Secret
小屋很帥呢XD
收下摟~謝謝^^~

09-07 19:42

異 / 啻異
希望你也改的順利唷~09-07 20:39
Orpheus
拉嚕哭骯~吸ㄟ嚕!!!
吸!!!ㄟ!!!嚕!!!
什麼時候又多一堆數字了...嘖嘖來幾個號碼參考一下簽簽樂透吧XDD

09-07 20:01

異 / 啻異
靠妖 囧
我剛剛跟著念才知道是拉嚕褲
數字是想說可以看的更清楚效果嘛=3=
09-07 20:43
雅理莎
幾天後又回來看,沒想到異的小屋又變得更炫了@0@
這篇我收了^^ 感謝分享~

09-07 20:28

異 / 啻異
其實只是那張圖在裝的
圖抽掉就很空了XD|||09-07 20:46
殄歿
數天不來改好大……
我可以把相關的教學通通收精華嗎?

雖然用ccs改版很特別,
可我又懶又沒時間,就先收著先吧,(′▽‵")
異大真棒。♥

09-07 20:41

異 / 啻異
收精華歡迎阿*-*
如果有使用上的問題歡迎私信告訴我喔09-07 20:50
啦啦噗
哇~這篇太讚了XD!!!
收藏收藏~~推!

09-07 21:40

異 / 啻異
謝謝-ˇ-
其實很多語法大家都寫過了
所以乾脆寫篇專門介紹的給大家用比較快-ˇ-09-07 21:50
貝。
好仔細說...
不過...看不懂- -""

09-08 00:01

異 / 啻異
唔...
前半段是語法
後半段是字型..
真的有用到在研究沒關係09-08 00:15
狐鬼鬼
挖 這篇真的是好文章欸XDDD 推推推

09-08 00:09

異 / 啻異
希望對你們有幫助-ˇ-09-08 00:15
MILK
好東西XD全部拿去收藏,
有空來玩玩看,感謝
跪拜m(_ _)m

09-08 01:45

MILK
沒看到還可以推....再推一次

09-08 01:46

異 / 啻異
希望用的上~
其實字型的好壞也影響了網頁的瀏覽率耶我覺得...09-08 02:00
米兒軒絲
異大大,文章內的字不能用CSS設定嗎?

只能一邊打文章,一邊做修改?

09-08 01:53

異 / 啻異
可以
不過巴哈原本給的css並沒有
只能自己增加css語法
.home_t3{
/*-------這一段可以自行增減我上面教的東西-------*/
}

不過會連標題大小一起定型化
因為這兩個的格式是寫在一起的09-08 01:58
米兒軒絲
謝謝異大大~

小屋就準備這樣子完成了XD

其他的東西...實在是太深澳了。

小女子不才 ( 汗 )

09-08 02:10

異 / 啻異
米米也很認真阿
可以幫上你的忙我也很開心(摸頭摸頭)09-08 02:40

哇 不會辛苦嗎

有點深澳....

09-08 02:58

異 / 啻異
其實可以一步一步來看
後面的字體只是給大家方便參考用的09-08 15:22
魅影
謝謝好文^^ (收藏)

09-08 10:06

異 / 啻異
希望對魅影大有所幫助-ˇ-09-08 15:23
不務正業的賊
異大很熟CSS呢~~~學到不少!
13px現在看會覺得太小了~~所以我比較愛15px細明體+_+
不過自用最喜歡的還是24PX粗黑XD

09-08 13:03

異 / 啻異
因為之前工作的關係所以有接觸
倒是因為這幾天下來又複習了一遍XD

其實字體還是要自己看的習慣為主啦
只要字型別是標楷體在網頁中出現我覺得都很好 囧"09-08 15:24
真達
謝謝你提供這麼多語法喔^^
而且你的小屋又很漂亮,超帥氣的。
不介意的話讓我加好友一下吧。

09-08 18:17

異 / 啻異
加好有很歡迎的0ˇ0
希望這些教學對你們有實際上的幫助-ˇ-09-08 21:03
Secret
請問右邊那些字的顏色可以改嗎?
因為我用COLOR: #000000; /*文字顏色*/
這個語法改不了呢 囧
謝謝~

09-08 23:13

異 / 啻異
那個範圍是預設的CSS改不到的
請在空白處補上
.home_c1{color:#色碼;}

就可以更改了喔09-08 23:29
Secret
謝謝~改成功了^^~

抱歉再請問一下Orz
搜尋的那個欄位是什麼名稱呢?
因為我找過很多教學都沒說那一小格怎麼改...
還有驗證碼那小格...
還有今日訪客的欄位名稱...
剛我隨便打post系列的都猜錯> <
麻煩了Orz
謝謝!

09-09 00:03

異 / 啻異
搜尋欄位、驗證碼
巴哈預設CSS的.home_input2

今日訪客其實就是
.post_title

09-09 00:26
)* shα ne漩*(
仔細想想
字體介紹那要打的應該比實際看到的還要多很多吧XD
真是辛苦你了
我當然也要認真的挖走了>0<
不過改了字體有的框框都變大了呢
...算了~不理他ˇˇ

09-09 00:03

異 / 啻異
其實字體介紹
我偏向剛安裝完畢
完全沒有安裝其他字型的初始狀態
畢竟額外安裝亂七八糟的字型
別人看不到也是自HIGH
所以我只介紹預設值

框框變大是因為一些字型的字體比較大
要自己斟酌使用嚕09-09 00:10
異 / 啻異
真要全部打完...
我可能不如丟個一萬字型免費下載的網站給人玩還比較快一點...09-09 00:10
Secret
因為我有試過打在.post_title
可是他會連著標題一起改...
請問有辦法不要牽動到其他標題的改法嗎Orz
謝謝~

09-09 00:42

異 / 啻異
沒有辦法
因為這些欄位的語法是使用同一個CLASS
所以不能一個一個去變更
不好意思讓你失望了呢ˊ_ˋ09-09 01:05
Secret
嗯 沒關係ˇˇ"
還有我發現home_input2我沒辦法用純顏色
可是卻可以用連結呢XD
真是怪Orz
我找不出原因 囧
也試過用複製background-color:#000000; 然後貼上的方式(怕打錯)
但還是不行...>"<

09-09 01:16

異 / 啻異
璐紗卡~囧~~ㄟ逗
home_input2的巴哈預設CSS
其實她下面那一排也是
你仔細看其實會發現他們的名字很像..
你可以都改看看
但是別忘了備分在更改免的出錯喔09-09 01:35
醉臥山林
異大真是造福人群啊
ccs語法對我來說還是陌生人
目前也沒有時間來研究研究
不過異大這一連幾篇的相關分文章的幫助不少
感謝分享啊^o^

09-09 01:22

異 / 啻異
如果在遊玩CSS(?)的過程中有卡到陰
可以來信問我喔
也有幾位巴友寫的也很不錯喔09-09 01:36
Secret
我兩邊都有改
我改上下兩邊的
.home_input2 {
background-color: #4d0808;
}
中的顏色代碼
可是都沒用Orz

順便再請問打字出來的顏色要怎麼改呢?
因為我用color: #ffffff; 失敗了 Orz
也胡亂試了font-color: #ffffff; 也不行 囧"

09-09 01:58

異 / 啻異
color: #4d0808;
其實字型的顏色語法是這樣↑

background-color: #4d0808;
↑這是背景色09-09 02:04
Secret
抱歉XD
我試出來了>"<
感謝~

09-09 02:03

異 / 啻異
不用客氣
你這些提出的問題或許也是別人要問的呢09-09 02:08
)* shα ne漩*(
老師老師~~我也有問題~~

請問〝啻〞←這個字怎麼唸哩Orz? (&^#*^...拖走

對不起~國文很爛><
這也能算是別人也想問的問題嗎XD

09-09 02:36

異 / 啻異
或許還真的是別人想問的(被巴)
念ㄔˋ
下課下課了~09-09 02:37
阿葉神
收藏起來XD”

話說還有其他字體效果嗎.口.?

09-09 06:45

異 / 啻異
電腦的預設字型本來就不花俏
如果想要用到其他很花俏的自己安裝字型
最好是用圖片字作
但是這因為不是個人網站是屬於BLOG系統
圖片字的使用機率等於0

字體效果是我開另一台完全沒安裝額外字體的電腦看的
除了把重複性質高的去掉之外大致上就剩這些
配合自己的頁面作變更
不管是怎樣的字型都有她的價值唷09-09 12:32
糖水‧不加糖
GOOD

09-09 08:55

異 / 啻異
0ˇ009-09 13:35
letmedo
THANKS ~~~~~~
哈哈哈哈(帥哥留下的痕跡)

09-09 14:59

異 / 啻異
哈哈.....09-09 15:30
不能吃的小M凍
異大的BLOG好有FEEL唷XD
而且CSS超強
感謝你讓我的家裡數字跟英文換新樣摟^O^Y

09-09 15:22

異 / 啻異
我的BLOG就圖在撐場面的=D="
抽掉就沒氣勢了XD|||||
能幫的上忙我很開心喔~09-09 15:30
蒼燄
我想問一下喔~就是我小屋字體改成Verdana,
可是整個版面就崩壞了一▽一"
時間格式變成兩行(好友創作、個人紀錄)
還有下面加收藏的鈕也被硬生生斷成兩行,
不知道要怎麼改呢一▽一"?

09-09 20:19

異 / 啻異
因為Verdana基本上比較圓圓肥肥的
所以會有崩壞的現象
你可以在大範圍使用別的字型
然後另外定義你想要的地方為Verdana
就像是按鈕或者是標題喔^^09-09 20:53
鋼田テフロン
您能打開呼叫器嗎?我有事情想問你也="= 你在躲避我嗎?

09-09 20:20

異 / 啻異
我開呼叫器有時候會讓IE整個死當
所以我關掉很久了喔09-09 20:52
鋼田テフロン
你的homebg背景圖到底是怎麼用的啊?我都用不成功...你不是說你要找文給我...

09-09 20:37

異 / 啻異
http://home.gamer.com.tw/blogDetail.php?owner=gn6824&sn=21409-09 20:54
蒼燄
那有辦法知道好友創作紀錄的時間文字語法還有個人紀錄時間文字語法嘛@@?

09-09 21:49

異 / 啻異
其實就是
.extend3{
}
是巴哈的預設值CSS~可以搜尋看看喔
09-09 21:52
蒼燄
好的,謝謝你^^

09-09 22:13

異 / 啻異
說實在巴哈的原本中文翻譯都不是很平民化=_='
建議自己更動了後另外註解自己懂的意思
之後也比較好改09-09 22:22
)* shα ne漩*(
原來念彳ˋ呀@@
不過要找這個字好難找喔
發現這個音的字都長的很奇怪XD

其實印象最深的是你的帳號阿~~原來巴哈帳號沒限字數的嗎ˇˇ

09-10 02:23

異 / 啻異
我會知道這個字反而是因為以前的歷史課本

帳號數字其實我也不清楚耶 我這帳號創了好久了
或許現在有限制吧XD09-10 02:24
粉彩桃
你好 我想請教一個問題
我想改變【勇者基本資料】及【勇者各項能力值】框架裡面深灰色字體的顏色
例如:帳號 暱稱 等級 ...等
請問我該怎麼做呢^^?

09-10 07:38

異 / 啻異
.home_h1{color:#色碼;}
不過這個格式原本是沒有顏色規定的
更改之後如果有其他地方會一起變色我也無法預料唷
09-10 12:34
天痕隨風舞
改字阿~

看起來好像很深澳...

先收走在說好了..

09-10 10:25

異 / 啻異
有使用上問題可以發文唷-ˇ-09-10 12:27
)* shα ne漩*(
那個...在這邊問不知道可不可以@@
會不會出現 "刪除:不符合主題" 呀?

我想問的是...啻大首頁的版面不是全弄掉了嗎
不過那看來好像是個超大工程...
那有沒有辦法做小一點的工程哩?
例如只修改掉↓這個框框@@"
我家的地理圖→ http://milchille.myweb.hinet.net/rr.jpg
感覺好礙眼呀>_<

09-10 17:19

異 / 啻異
如果是那個框的話
其實只要找出
→.cover_pic{

然後把她整段改成↓
.cover_pic{
height:0px;
background:none;
}

這樣就好了唷09-10 17:37
)* shα ne漩*(
謝謝囉^^

剛剛發現這樣的話...
是不是連那區塊也不能放圖啦@@?
還是變成圖要從上面拉下來呢

09-10 19:11

異 / 啻異
的確是變成那個區塊不能放圖片
變成要從
DIV.left{ }
這裡自訂新背景喔09-10 20:43
綾奈
謝謝大大的解說~讓人更了解一點語法的結構了

09-10 23:10

異 / 啻異
可以幫上忙我很開心0ˇ009-10 23:16
)* shα ne漩*(
剛剛研究了一下...
我發現不管怎麼弄圖都不會從那區塊透出來耶@@"
可是從旁邊有看到確實套用在DIV.left了
但是黑色的地方還是一片黑遮住@@"
(嗯...我該貼哪段CSS給你看比較好呢XD?)

09-11 01:12

異 / 啻異
不介意的話把DIV.XXX的相關整段寄信給我看吧^^09-11 01:17
)* shα ne漩*(
寄囉...其實原本還想說會不會很久後才被發現耶
(我都是發過的文章就很少會去看它了XD)

09-11 01:32

異 / 啻異
其實我也不會去注意別人回了哪
所以都會在首頁直接點最新留言
直接在那邊回了(炸)

信收了~明天在回你唷~有點累XD09-11 01:40

教學大好! >///<

09-12 13:14

異 / 啻異
XD~希望對你有幫助09-12 13:39
小屋因故停止更新
好厲害!

09-14 23:59

異 / 啻異
謝謝>ˇ<!09-15 00:06
七夜-PeaceCraft
字體啊 ...
有些灌了PS就應該有,firefox 使用者還是顯示不了,
真讓人頭大 =.=a
像我家在用 Cataneo BT <== 在 PS 內建字庫就有
http://i236.photobucket.com/albums/ff320/milliardpeacecraft/opp1.png
而另一位繪師用 firfox 牛腩時字體出不來( QQ
http://i236.photobucket.com/albums/ff320/milliardpeacecraft/opp2.png

09-15 03:48

異 / 啻異
唔...
所以字體我傾向
安裝完畢的時候什麼都不裝的情況為佳
並不是每個人都會去裝一些有的沒有的
FIREFOX的瀏覽表現問題很多(至少我是這樣認為)
所以我比較無法探討在內~_~09-15 13:06
異 / 啻異
相信更多人不知道PS是啥鬼(補充)
所以就不探討了-ˇ-09-15 13:07
井明
好棒!

09-19 19:27

異 / 啻異
XD~井明你也好妙(?)09-19 23:00
羅斯洛立安的小黃花
我收回家慢慢看囉:p
謝謝~

09-20 01:20

異 / 啻異
希望對你有幫助0ˇ009-20 03:48
夜空之星
偷偷收藏一下



我還在努力的試用中xD


先謝謝嚕

09-20 13:09

異 / 啻異
不用客氣0ˇ009-20 16:08
我叫托比歐
謝謝教學

09-24 09:46

異 / 啻異
不用客氣0ˇ009-24 14:03
38°C的雪娘
非常實用的教學呢!
基礎說明對雪娘反而相當重要!
一定要好好感謝異大大~

09-25 00:02

異 / 啻異
不用客氣拉0ˇ0
基礎看的懂進階就很簡單~
我自己也是在學習阿09-25 02:11
愛說話的魚
真的好猛喔 ~~

不過 我才進巴哈沒多久

先四處摸熟後再來玩CSS

這篇文章 收錄先!!

真的好利害的說 .......

09-27 03:08

異 / 啻異
妳太過獎了0ˇ0
希望對你有幫助喔XD09-27 14:20
TheChocolits

異大 安~^^

小妹前天才開始玩自己的小屋,
逛到這篇文章真的很有幫助我,
但後來出了小問題不知道大大能幫我指教,
我改了第一次預覽CSS頁面改的暱稱和帳號文字字型有成功..
然後按了確定送出後出現的字型就是原來的了><嗚~

我用的是"park avenue BT"字型,
有一直更新網頁卻還是沒有出現,
預覽頁面之後再也沒出現了..泣~
CSS內語法一樣沒變@@

先謝謝大大幫忙^____^

10-03 01:21

異 / 啻異

我想先問這字型是你自己安裝的還是用電腦預設?...
如果是你自己安裝的字體
別人看不到喔......
因為其他人的電腦不一定有安裝你自己電腦裡面的字型
我也不知道你這個字型出來是什麼樣子
因為我也沒安裝呢....10-03 01:39
天痕隨風舞
上面的字體只能改英數

那如果既想要改英數又想要改中文那怎麼辦?
(↑標準的css白癡)

10-11 21:32

異 / 啻異
可以在字型跟字型中間加上「,」
ex:
font-family:Arial,trebuchet ms;10-12 10:02
Lan
謝謝分享~
我打包帶走囉~
GP給

10-24 21:00

桃之夭夭
L'Arc~en~Ciel大好!!! (((快閃族)))

10-25 22:31

蕭瑟印
用力給你推~ 好多一一 我要慢慢看..

10-31 14:21

被分屍的路人
我要給GP!>///<

11-10 19:17

大頭
很實用的小屋教學

GP發射

11-17 23:39

Ангела
好文

12-26 10:40

正義◎燒餅
第一次來,怕怕的(陌生)

怎麼更改整個小屋啊?

你的小屋好炫喔!

01-03 15:33

異 / 啻異
嘛 先想好自己要的風格之後再去準備圖案
語法依照需求一個一個寫進去
有耐心是不二法門!01-04 19:25
二姐
讚讚讚
這篇文章我也收了
^^

01-04 11:19

赫爾萊恩。小赫
快來推一下
多謝勇大唷~(馬上來去試試看>///<)

01-05 12:24

蔚子
感恩ˇ

01-11 14:42

黯寒
我推推ˇˇ

01-18 16:20

狼羽
請問一下...個人相關資訊~部落格最新文章這幾個標題的字型我怎麼改它都是一樣的
是因為標題的字不能改嗎? 還是我改錯了XD

01-27 02:25

異 / 啻異
問問題時請把你的寫法也都出來01-27 10:49
異 / 啻異
"丟" 打錯字01-27 10:50
....
唔....ˊˋ"
很感謝你貼這麼多簡單語法給不常接觸的人用
雖然很冒昧...但是不好意思問一下.....
要怎樣才能把
.banner_t1 a:link,.banner_t1 a:visited,.banner_t1 a:hover{
color:#0055CB;
font-weight:bold;
text-decoration:inherit;
}/*暱稱和帳號文字*/

這快區域整區文字變成置中呢?
我剛剛貼了好幾次
text-align: center; 在{}的括弧裡面
但是只有碎碎念的那一欄有理我變到中間去XD.....
/*暱稱和帳號文字*/
/*顯示官階的文字顏色*/
/*顯示稱號的文字顏色*/
這三個我貼了都沒用
請問板大方便的話可以敎一下下嗎?

02-05 18:25

....
我寫起來是這樣.....
-------------------------------------
.banner_t1 a:link,.banner_t1 a:visited,.banner_t1 a:hover{
color:#8746AA;
font-weight:bold;
text-decoration:inherit;
text-align: center;
}/*暱稱和帳號文字*/
.banner_t3{
text-align: center;
color:#1B0B73;
line-height:18px;
height:42px;
}/*碎碎唸文字顏色*/
.banner_t4{
color:#008E25;
text-align: center;
}/*顯示官階的文字顏色*/
.banner_t5{
text-align: center;
color:#235BD3;
}/*顯示稱號的文字顏色*/
--------------------------------
其中只有碎碎唸文字起了作用T^T

02-05 18:29

....
阿....我找到辦法了>__<"
從PADDING-LEFT改210也可以跑到中間的樣子
那個....打擾了真是不好意思QQ
還有~真的很謝謝你的教學喔^^

02-05 19:54

異 / 啻異
很抱歉這麼晚才回應@_@
其實我在寫BANNER的對齊時也是用PADDING
算是文字的對齊語法比較例外的地方
(因為巴哈在規劃這一塊規劃的並不好)
如果有更好的方法也歡迎您分享唷>_<+02-05 23:47
幸福御守
真是感謝~學習中(推推

02-13 00:00

遙葉
總有一天用的到...(吧
這篇文章真好~

感謝分享與指導了~

03-15 17:13

赫爾萊恩。小赫
哇~好多L'Arc~en~Ciel唷><

05-01 19:40

異 / 啻異
這‧是‧一‧定‧要‧的!!!‧05-02 22:49
ケイ★
太讚了!我都搞不太懂了!感謝!

08-11 13:15

PO PO
有趣,借我收走

08-19 20:28

傲笑紅塵
( ̄▽ ̄)y

10-07 22:26


神奇~~~持續研究中!
謝謝你的分享教學。

10-22 15:05

天生的笨蛋
好豐富阿 謝謝 但我不確定我這麼笨會不會成功@@

11-01 20:19

Desperado
超實用-ˇ-+

03-23 09:09

發呆是種藝術
先推小弟在慢慢消化@@

05-27 18:29

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

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

前一篇:【閒聊】勇者小屋的CSS... 後一篇:【繪圖】WING (彩圖...

追蹤私訊

作品資料夾

zxcvbnm0691京阿尼
#PrayForKyoani看更多我要大聲說昨天18:58


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

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