阿玻太太

一般符號
；，　、　。　．　？　！　～　＄　％　＠　＆ ＃　＊　‧   ︰　…　‥　﹐　﹒　˙　·  ﹕　‘　’　“　”　〝　〞  ‵　′　〃   ❞    ❝
 

阿玻這次測試了在Banner放置Flash，看來現在應該算是…穩定吧？
想說來紀錄分享，大家一起動一下吧XD！

前置作業： 

嗯~其實標題有點不知道怎麼下~XD
因為有人問阿玻一些問題... 也不知道要怎麼回答比較好，
所以就做了一篇小小教學！ 

 

今天~阿玻話很多...
沒有啦~是因為有人詢問關於facebook和plurk放進pixnet的問題~
阿玻就決定來的超專業的不專業講解XD 

 

已經有很長一段時間沒有觸碰CSS~這一次因為作業的關係，又開始與CSS展開大戰!!!
因緣際會之下，看到了幾個還不錯的教學網站
順便一起參觀一下我改完的部落格唷~：http://dormtornado.pixnet.net/blog
Pixnet提供的語法圖片整理！：點我看圖片

　　哈哈，昨天發現新的樣式，覺得它好漂亮，所以把心一橫，拋棄了我使用已久的樣式
　　來到了我的1901!!
　　
　　但是換了之後就一直看一些小地方不順眼
　　例如：沒有好友連結　(那不是要我一個個帳號背起來嗎？那樣會死人吧)
　　　　　沒有我的訂閱　(那我訂了那麼多，意義何在？！)
　　　　　資料夾顯示不夠大(我的mero需要空間長大啊！)
　　所以，在今天，明明事情一大堆、作業寫不完的困境裡，我去逛了五個小時的逢甲
　　回來後開會到十一點半，做到電腦前，十二點半開始修改css語法!
　　哈哈哈，終於在半夜一點半的時候讓我搞定一切。
　　喔~請教我css高手!
　　改完雖然很高興。
　　但是後遺症就是導致現在三更半夜我還是很high的睡不著＝　＝
　　所以跑來打個網誌。消磨我的high感!
　　只是深怕我繼續打字，明天學姐應該就會把我丟出寢室了吧(還配上os:吵死人的鍵盤聲)
　　
　　恩。來說說今日逛完逢甲的心得。
　　一句話：史千佩。你這個恐怖的傢伙，不要靠近我！惡靈退散！(灑米+鹽巴)
　　今天的戰利品是一件衣服，就逛了一整天來說，這樣其實真的不算多。我知道
　　不過！
　　回想前幾天的情況，就不是如此了
　　星期日的時候，史千佩跟我去一中街，花費：600
　　星期一的時候，史千佩跟我去家樂福，花費：1070
　　星期二的時候，史千佩跟我去吃到飽，花費：329
　　星期四的時候，史千佩跟我去逛逢甲，花費：700
　　今天逛街買的衣服為什麼要算是史千佩呢？
　　因為...今天的shopping queen他當之無愧啊！
　　聽說中午去了galoop買衣服，晚上到逢甲去買鑰匙圈、衣服、夾娃娃
　　根本就是shopping queen!!!
　　但是他不甘心只有自己買這麼多...
　　所以要大家都買東西
　　一直到九點前半個小時吧，我都還是兩手空空，最多拿個飲料杯、吃個傻瓜面而已
　　但是！
　　我們逛到某條街，史小姐開始大力推薦衣服，說是要我們突破！
　　於是他給我看一件上面有的綠色跳跳虎的細肩帶。＝　＝
　　媽呀，除了極品，我還能說什麼。
　　然後終於到了一個攤販前，看到我想要的衣服，正愁著他的價錢時，
　　史千佩開始在我背後念著：書荻阿，買啦。
　　　　　　　　　　　　　　書荻阿，買啦。
　　　　　　　　　　　　　　書荻阿，買啦。
　　　　　　　　　　　　　　書荻阿，買啦。
　　　　　　　　　　　　　　書荻阿，買啦。
　　　　　　　　　　　　　　書荻阿，買啦。
　　　　　　　　　　　　　　書荻阿，買啦。
　　　　　　　　　　　　　　書荻阿，買啦。
　　　　　　　　　　　　　　書荻阿，買啦。
　　　　　　　　　　　　　　書荻阿，買啦。
　　　　　　　　　　　　　　書荻阿，買啦。
　　　　　　　　　　　　　　書荻阿，買啦。
　　　　　　　　　　　　　　書荻阿，買啦。
　　唸到我腦神經衰弱
　　猴子也因為兩個人一起買比較便宜，也開始跟著慫恿買下那件衣服。(此時深刻覺得女人的友情真薄弱)
　　所以，我也消費了
　　你說！史千佩是不是很恐怖！
　　(話說亭君今天也買了史千佩說很可愛的鉛筆盒！哈哈哈)
　　媽呀！怎麼回事！
　　為什麼！？
　　為什麼？！
　　我電話費都還沒有繳耶！
　　卻已經花了2700!!
　　為什麼！
　　難道我注定一輩子要停話？！
　　
　　算啦。
　　
　　
　　我要睡覺了啦！
　　惡靈退散！！！！！！！
　　

文字和超連結的設定



 文字樣式和屬性
 常用的設定
  說明 
  示範 


 font-family:
 細明體'標楷體'time new roman'arial'
 serif'san-serif'
 Comic Sans MS' arial black
 文字字型
 {font-family:arial;}


 font-color:
 色碼'顏色的英文字
 字體顏色
 {font-color:#ffffff;}


 font-style:
 normal'italic
 字體樣式
 {font-style:normal;}


 font-weight:
 normal'bold
 字體份量
 {font-weight:bold;}


 font-size:
 xx-small'x-small'small'medium'
 large'x-large'xx-large
 large'smaller'長度直(10pt)或百分比值
 字體大小
 {font-size:10px;}


 text-decoration:
 none(連結無底線)'underline(連結加底線)'
 overline(連結加頂線)
 linethrough(連結加刪除線)'blink(連結閃爍)
 文字裝飾
 {text-decoration:none;}


 text-transfrom:
 none(不做轉換)'
 capitalize(所有字母開頭轉成大寫)
 uppercase(所有字母轉成大寫)'
 lowercase(所有字母轉成小寫)
 文字轉換
 {text-transform:uppercase;}


 text-align:
 left(靠左對齊)'right(靠右對齊)'
 justify(左右對齊)'center(置中)
 文字對齊
 {text-align:center;}


 line-indent:
 pt(點)'in(英吋)'cm(公分)'px(像素)'%(百分比)
 設定文字縮排
 {text-indent:1cm;}


 letter-height:
 pt'in'cm'px'%
 文字行列高度
 {line-height:10pt;}


 letter-spacing:
 pt'in'cm'px'%
 文字間距
 {letter-spacing : 10pt;}

網誌...外框標籤介紹



 #banner
網誌標題 


   description
標題後的敘述


   side
連結列內容


   sidetitle
連結列標題


   powered
logo標誌


   select
好友選單

常常修改，就寫下來記錄一下，免得常常要去觀光別人的網站
文字設定：
　　　　　 



文字的樣式屬性
常用的一些設定值
說明
範例


font-family :
細明體, 標楷體, Time new roman, arial, serif, san-serif, Comic Sans MS, Arial Black
文字字型
{font-family:arial;}


font-color :
色碼(如#FFFFFF..)、顏色的英文字(如:red、black、white..)
字體顏色
{font-color:#FFFFF;}


font-style :
normal(正常體)、 italic(斜體)   
字體樣式
{font-style:normal;}


font-weight :
normal(正常體) 、bold(粗體)  
字體份量
{font-weight:bold;}


font-size :
 xx-small、x-small、small、medium、large、x-large、xx-large、larger、smaller、  長度值(如:10pt)或百分比值  
字體大小
{font-size:10px;}


text-decoration :
 none(連結無底線)、underline(連結加底線)、overline(連結加頂線)、linethrough(連結加刪除線)、blink(連結閃爍)   
文字裝飾
{text-decoration:none}


text-transform :
none(不做任何轉換)、capitalize(將每個字的第一個字母轉換成大寫)、uppercase(將所有字母轉換成大寫)、lowercase(將所有字母轉換成小寫)  
文字轉換
{text-transform:uppercase;}


text-align :

 left(靠左對齊)、right(靠右對齊)、justify(左右對齊)、center(置中)

文字對齊
{text-align:center;}


text-indent :
pt(點)、in(英吋)、cm(公分)、px(像素)、%(百分比，參照於父元件)
設定文字縮排
{text-indent:1cm} 


line-height
pt(點)、in(英吋)、cm(公分)、px(像素)、%(百分比，參照於父元件)
設定文字行列高度
{line-height:10pt:}


letter-spacing : 
pt(點)、in(英吋)、cm(公分)、px(像素)、%(百分比，參照於父元件)
設定文字間距
{letter-spacing :10pt;}

　當我們在圖片上做連結時，圖片的邊圍會出現一個藍色的框框　　
　
　怎麼改它的樣式呢？ 　
　首先是最原始的樣式  這個樣子的圖片連結語法是：
　
　＜a href="連結路徑" target="_blank"＞＜img src="圖檔路徑" border="1"＞＜/a＞
　＊要修改的部份：
　　
　　就是語法上　border="1"　的部份
　　將整個border="1"改成　Style="border:1px solid #色碼" 　來制定邊框樣式... 
　　此時語法就會變成
　　＜a href="連結路徑" target="_blank"＞＜img src="圖檔路徑" style="border:1px solid #色碼"＞＜/a＞
　　"border:1px solid #色碼" 這段的解釋依序如下:
　　
　　　　　　　　border 指的就是邊框囉! 接著就是邊框的粗細寬度，
　　　　　　　　您可以改變成 2px 或者更多，而 solid 則是邊框的樣式，
　　　　　　　　常用的還有 dotted (虛線)等....最後才是顏色的色碼!!
　　PS: 語法順序必須依照上述排列!
　　　　使用 dotted 時，太舊的瀏覽器是看不到的喔!!
　以下是一些改變之後的例圖：
　 　基本改顏色和邊框粗細 邊框2px
　 框框變成點點的樣子 邊框1px