部落格常用語法整合-自訂框線邊框(框框隨意玩) | ||
自訂樣式應用 | ||
語法應用編輯(二度空間) | 更新日期 : 2007.09.30 |
/*二度空間 CSS自訂樣式(自訂邊框 線樣式)範例,語法依照中文意思排列(語法請做選擇性使用,不可全部套上)*/ /*不存在的網址連結及多餘的重複語法,會影響正常的視窗開啟速度*/ /*注意空格及每段語法連慣性,避免開啟動作不正常。無設定的相關語法,以yahoo預設值為設定值*/ /*背景預設顏色的作用: 圖片失聯時,以背景色替代,顏色要謹慎設定(有關背景的部份,必須配合透明度使用)*/ /*所有數據只是參考值,需要配合需求程度調整,邊框線部份不需要的,語法可以直接刪除*/ /*個人資料管理頁面公開的部落標題-個人資料-自我介紹+背景圖-背景預設顏色-文字顏色-字型字體大小使用預設值*/ /*整頁背景預設顏色-背景圖 - 背景圖不重複 - 背景固定(必須配合透明度使用)*/ /*整頁背景圖簡語*/ /*圖片重複方向定義解說 : repeat-x = 橫向排列,適用垂直條形圖; repeat-y = 縱向排列,適用水平條形圖; repeat = x-y軸同時排列,適用方形圖; no-repeat = 單張圖片不重複,適用與架框同等長寬的圖片*/
/*我要回應小圖-height:60px-width:60px為圖框大小*/ /*-------------------------↓--------------------------*/ /*置頂背景圖應用:如果單張大圖不重複圖片時,需在(圖片網址) #0000bf後空一格加入 no-repeat center 例如 : #yblogtitle h1{background: url(圖片網址) #0000bf no-repeat center; color: #FF0000; font-family:標楷體; FONT-SIZE:26pt; font-weight:bold;}*/ /*置頂背景圖位置應用: center=置中,left=左邊,right=右邊,top=上面,bottom=下面,no-repeat=不重複,repeat-x=橫向重複 ,repeat-y=縱向重複,組合範例: no-repeat center */ /*隱藏置頂欄(包括訂閱)*/ /*隱藏置頂所有文字(包括自訂格名)-適合應用加在格式二,最好配合訂閱圖示位置調整*/ /*隱藏格名*/ /*部落格自訂格名與描述-格式一(置頂框線在訂閱圖之上)*/ /*部落格自訂格名與描述 - 文字置中*/ /*部落格描述字體顏色 - 字型 - 字體大小*/ /*部落格自訂格名與描述-格式二(置頂框線在訂閱圖之外)*/ /*部落格自訂格名與描述 - 文字置中-字體大小*/ /*部落格自訂格名+背景圖-背景預設顏色-字體顏色-字型-粗體*/ /*---------------------------↑-------------------------*/ /*左右欄框分類標題 -標題小圖-不重複 - 小圖與文字間隙*/ /*文章標題字體-顏色-字型-大小-粗體*/ /*個性圖 - 圖框大小-不重複+邊框 線*/ /*月曆-字體基本顏色-字體大小+背景圖-背景預設顏色+邊框*/ /*月曆-連結日期字體顏色+醒目框線*/ /*月曆-年月連結字體顏色(上年-下月)*/ /* 月曆星期的字體顏色 */ /*招呼語隱藏"我要留言"字樣*/ /*招呼語+邊框線*/ /*招呼語-自訂背景圖,底圖圖如果與字寬同寬時,可設 no-repeat (必須配合透明度使用)*/ /*招呼語-自訂背景圖,底圖寬高*/ /*招呼語-自訂背景圖,底圖位置*/ /*招呼語-文字寬高*/ /*招呼語-文字置中-文字位置*/ /*招呼語-字體顏色-字型-大小-粗體*/ /*Opacity for blogtitle置頂欄透明度*/ /*隱藏左右欄位名稱標題*/ /*隱藏文章欄位全部文章大標題*/ |
邊框語法解說 :
border-left:5px double #00ffff; border-right:5px double #00ffff; border-top:5px double #00ffff; border-bottom:5px double #00ffff;
left = 左邊框
right = 右邊框
top = 上邊框
bottom = 下邊框
double = 雙線 (請參考框線條樣式)
5px = 框線粗細像素值 (一般使用在1~5之間)
#ff00ff = 框線顏色色碼 (可搭配個人使用的背景配色,請參考色碼表)
框線條樣式 : ( 無、點線、實線、雙線、溝線、脊線、嵌入線、浮出線 )
相對應語法 : none︱ dotted|solid︱ double︱ groove︱ ridge︱ inset︱ outset
色碼表應用 : (注意 : 有些數字色碼無支援應用在奇摩部落格當邊框顏色,無支援的貼上只會顯示灰色)
相關設定與語法解說連結 :
1.IE捲軸顏色生成器|2.回應_引用+邊框|3.左右欄位+彩色邊框+底圖 |4.將視窗左邊界靠邊--視窗四邊加框線 |5.滑鼠指標移到超連結顯示立體彩邊框|6.部落格常用語法解說|7.自定小小圖花邊框|8.美化部落格月曆表
1.http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=3884&next=3491&l=f&fid=57
2.http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=7443&prev=1&next=7420&l=a&fid=57
7.http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=7526&prev=1&next=7493&l=a&fid=57
8.http://tw.myblog.yahoo.com/jw!.KNty8iGR0WBlosOtiUpDA--/article?mid=7568&prev=7708&next=7526&l=f&fid=57
留言列表