Babekay's World

就正如標題所說喔..
我本人覺得 部落格標題 用文字來表達..
總覺得還是欠一點點的東西..
因為 "字型" ..
不一定每個人都有安裝那些美美的字型啊..
所以就算我們在原始碼中設定了..
人家也不一定看得到啊!!
因此...
我們就需要用圖片囉 =D
可以有美美的字型&圖畫,,也可以只用圖畫

在開始之前..想再說一下
其實可能大家都覺得根本不需要額外弄這個教學..
因為 樣式設計精靈 中,,
就可以直接選擇把圖片放在 Body / Header ..
而且也可以選擇要放在 左上 / 右上 / 中間 ..
不需要去記那些原始碼..

但是..我想說..
如果你跟我一樣是 CSS語法小菜鳥,,但是卻又想自己弄面版的話..
請一定要聽我說..
不要使用 樣式設計精靈 來設定 Header 的圖片
因為它會使你之前選擇的教學版型給改掉!!
那些中文解釋會全部消失!!
所以請乖乖的把語法貼上去吧..不要偷懶喔!!

ﾟ･:,｡ﾟ･:,｡★ﾟ･:,｡ﾟ･:,｡☆｡,:･ﾟ｡,:･ﾟ

不排除日後會弄一個做Banner的教學喔
有興趣的請留言支持一下 =D

ﾟ･:,｡ﾟ･:,｡★ﾟ･:,｡ﾟ･:,｡☆｡,:･ﾟ｡,:･ﾟ

大家應該都看過 痞客模板架構表 了吧,,
應該對 痞客模板 都有了一點點的認知了..
所以我都不刻意要弄個教學..

這個算不算是第一堂課呢..Xp ??
好,,不說其他有的沒的了..
這一堂課我就跟大家說一下 {display:none;} 
這個對我來說真的很有用..
為什麼呢??因為我很想把那些我不要的東西收起來 

如果你也跟我一樣,,想把不想要的東西給隱藏起來,,
就進來看看吧 =D 

這個 痞客模板架構表 也是朋友傳給我的..
她說這個也是很重要的,,
因為就像我之前建網站一樣,,也是要看得懂那一大堆 ::外星文:: 

這個是 由 痞客邦 釋出來的喔 !!
(痞客模板架構圖示表 按我跑去看)

然後我會建議大家去套用教學版型
(樣式選擇→教學型→選自己想要的→決定就按套用吧) 
因為教學版型都有中文解釋,,
會更容易知道該標籤是控制哪裡
(我自己也是這樣開始的喔) 
然後大家就可以開始來設計屬於你的版型啦 xP

ﾟ･:,｡ﾟ･:,｡★ﾟ･:,｡ﾟ･:,｡☆｡,:･ﾟ｡,:･ﾟ
如果看了解釋,,
還是不知道它控制哪的話..
在想知道的標籤裡面多增加一條控制碼..
bored:5px solid red ;
(記得要放在 {} 內喔,,不要Copy少了 ; 符號喔)
你會發現版面上多一條很粗的黑框..
那就是該標籤控制的地方
(節錄 : CSS教學好網站 - 我是”壯兔兒”！ ) 
ﾟ･:,｡ﾟ･:,｡★ﾟ･:,｡ﾟ･:,｡☆｡,:･ﾟ｡,:･ﾟ 

還有一點也是很重要的,,
大家要多多利用 /**/
因為被它包覆住的東西在CSS內是會被忽略的
所以可以在CSS控制碼後做個小筆記..
那就不必每一次都使用 {bored:5px solid red ;} 來尋找囉

ﾟ･:,｡ﾟ･:,｡★ﾟ･:,｡ﾟ･:,｡☆｡,:･ﾟ｡,:･ﾟ
先了解這些標籤指的是哪些區塊很重要,,只要知道他們指哪裡的,,
我們就可以加上樣式表的內容去設計囉!!
建議朋友可以開個Notepad貼在裡面,,
需要時拿出來看看,,才不會手忙腳亂!!
像A. Q.是直接印成資料,,要找時,,會快的多!!
(節錄 : 痞客CSS架構表 - [猫ちゃん]手作りの人生 ) 
ﾟ･:,｡ﾟ･:,｡★ﾟ･:,｡ﾟ･:,｡☆｡,:･ﾟ｡,:･ﾟ 

好啦..下面就貼上 文字版 的 痞客邦CSS架構表架
(取自 :【統整】CSS標籤詳細版* @ ★╮涵．苞．待．放╭☆ ) 

雖說大家很容易找得到..但還是要隱藏 xP
就當幫人家累積一下人氣嘛~快按進去看看 

ﾟ･:,｡ﾟ･:,｡★ﾟ･:,｡ﾟ･:,｡☆｡,:･ﾟ｡,:･ﾟ★｡,:･ﾟ｡,:･ﾟ･*:.｡. .｡.:*･ﾟ･:,｡ﾟ･:,｡★ﾟ･:,｡ﾟ･:,｡☆｡,:･ﾟ｡,:･ﾟ★｡,:･ﾟ｡,:･ﾟ

昨天一直在找一些關於CSS語法的 網站/部落格..
然後有一位曾經用過 痞客邦 的朋友就給了我一個網址..
她跟我說..這些都是她之前找出來的..
所以我就拿來跟大家分享囉