9月
14
◣古◥◣典◥◣信◥◣紙◥◣模◥◣板◥(水雲心製作)
歡迎蒞臨 Kitty Li Blog
Comments Off
imageshack 青蛙網--圖片、Flash 上傳教學
|
↑
9月
14
tina製夜燈全套版框~18
歡迎蒞臨 Kitty Li Blog
Comments Off
|
9月
14
tina製『月亮』全套版框~20
歡迎蒞臨 Kitty Li Blog
Comments Off
.pycntmod {
WIDTH:100%;TEXT-ALIGN:center;}
.pycntmod .rctop {
BACKGROUND:url(http://boy80725.googlepages.com/t20-1.gif) no-repeat left top;FILTER:Alpha(opacity=100);MARGIN-RIGHT:5px;}
.pycntmod .rctop DIV {
FONT-SIZE:0px;BACKGROUND:url(http://boy80725.googlepages.com/t20-2.gif) no-repeat right top;FILTER:Alpha(opacity=100);HEIGHT:104px;}
.pycntmod .rcbtm {
BACKGROUND:url(http://boy80725.googlepages.com/t20-3.gif) no-repeat left bottom;FILTER:Alpha(opacity=100);MARGIN-RIGHT:5px;}
.pycntmod .rcbtm DIV {
FONT-SIZE:0px;BACKGROUND:url(http://boy80725.googlepages.com/t20-4.gif) no-repeat right bottom;FILTER:Alpha(opacity=100);HEIGHT:21px;}
.pycntmod .rcl {
PADDING-LEFT:10px;BACKGROUND:url(http://boy80725.googlepages.com/t20-5.gif) repeat-y;FILTER:Alpha(opacity=100);}
.pycntmod .rcr {
PADDING-RIGHT:10px;BACKGROUND:url(http://boy80725.googlepages.com/t20-6.gif) repeat-y right 50%;FILTER:Alpha(opacity=100);}
#00D9DC {
FONT-WEIGHT:bold;FONT-SIZE:24px;COLOR:#ff9999;FONT-FAMILY:新細明體;TEXT-ALIGN:center;}
#00D9DC {
FONT-SIZE:18px;FONT-FAMILY:新細明體;}
A.smaplink IMG {
PADDING-RIGHT:4px;PADDING-LEFT:2px;PADDING-BOTTOM:0px;WIDTH:31px;PADDING-TOP:0px;HEIGHT:10px;}
A.smaplink IMG {
PADDING-RIGHT:4px;PADDING-LEFT:2px;PADDING-BOTTOM:0px;WIDTH:31px;PADDING-TOP:0px;HEIGHT:10px;}
A.smaplink IMG {
PADDING-RIGHT:4px;PADDING-LEFT:2px;PADDING-BOTTOM:0px;WIDTH:31px;PADDING-TOP:0px;HEIGHT:10px;}
.ysm {
BORDER-RIGHT:#ff9999 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#999999 1px solid;PADDING-LEFT:5px;FONT-SIZE:13px;MIN-HEIGHT:10px;PADDING-BOTTOM:1px;MARGIN:5px;OVERFLOW:visible;BORDER-LEFT:#ff9999 1px solid;WORD-BREAK:break-all;LINE-HEIGHT:1.4;PADDING-TOP:1px;BORDER-BOTTOM:#ff9999 1px solid;POSITION:relative;HEIGHT:10px;}
.ysm {
CURSOR:pointer;}
.ysm .ysmlabel {
RIGHT:5px;POSITION:absolute;TOP:2px;}
.ysm .ysmlabel A {
FONT-SIZE:12px;TEXT-DECORATION:none;}
.ysm DL {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:9px;MARGIN:0px;PADDING-TOP:0px;ZOOM:1;TEXT-ALIGN:left;}
.ysm DL.last {
PADDING-BOTTOM:0px;}
.ysm DL ADDRESS {
FONT:12px/1 Arial;MARGIN-LEFT:5px;}
.ysm DT ADDRESS {
DISPLAY:inline;}
.ysm DD {
FONT-SIZE:12px;MARGIN:0px;}
.ysm DD ADDRESS {
DISPLAY:none;}
.ysm-vertical {
PADDING-TOP:5px;}
.ysm-vertical .ysmlabel {
DISPLAY:block;MARGIN:0px auto;TEXT-ALIGN:center;}
.ysm-vertical DT ADDRESS {
DISPLAY:none;}
.ysm-vertical DD ADDRESS {
DISPLAY:inline;}
.ysm {
BORDER-RIGHT:#ff9999 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#ff9999 1px solid;PADDING-LEFT:5px;FONT-SIZE:13px;MIN-HEIGHT:10px;PADDING-BOTTOM:1px;MARGIN:5px;OVERFLOW:visible;BORDER-LEFT:#ff9999 1px solid;WORD-BREAK:break-all;LINE-HEIGHT:1.4;PADDING-TOP:1px;BORDER-BOTTOM:#ff9999 1px solid;POSITION:relative;HEIGHT:10px;}
.ysm {
CURSOR:pointer;}
.ysm .ysmlabel {
RIGHT:5px;POSITION:absolute;TOP:2px;}
.ysm .ysmlabel A {
FONT-SIZE:12px;TEXT-DECORATION:none;}
.ysm DL {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:9px;MARGIN:0px;PADDING-TOP:0px;ZOOM:1;TEXT-ALIGN:left;}
.ysm DL.last {
PADDING-BOTTOM:0px;}
.ysm DL ADDRESS {
FONT:12px/1 Arial;MARGIN-LEFT:5px;}
.ysm DT ADDRESS {
DISPLAY:inline;}
.ysm DD {
FONT-SIZE:12px;MARGIN:0px;}
.ysm DD ADDRESS {
DISPLAY:none;}
.ysm-vertical {
PADDING-TOP:5px;}
.ysm-vertical .ysmlabel {
DISPLAY:block;MARGIN:0px auto;TEXT-ALIGN:center;}
.ysm-vertical DT ADDRESS {
DISPLAY:none;}
.ysm-vertical DD ADDRESS {
DISPLAY:inline;}
.ysm {
BORDER-RIGHT:#ff9999 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#ff9999 1px solid;PADDING-LEFT:5px;FONT-SIZE:13px;MIN-HEIGHT:10px;PADDING-BOTTOM:1px;MARGIN:5px;OVERFLOW:visible;BORDER-LEFT:#ff9999 1px solid;WORD-BREAK:break-all;LINE-HEIGHT:1.4;PADDING-TOP:1px;BORDER-BOTTOM:#ff9999 1px solid;POSITION:relative;HEIGHT:10px;}
.ysm {
CURSOR:pointer;}
.ysm .ysmlabel {
RIGHT:5px;POSITION:absolute;TOP:2px;}
.ysm .ysmlabel A {
FONT-SIZE:12px;TEXT-DECORATION:none;}
.ysm DL {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:9px;MARGIN:0px;PADDING-TOP:0px;ZOOM:1;TEXT-ALIGN:left;}
.ysm DL.last {
PADDING-BOTTOM:0px;}
.ysm DL ADDRESS {
FONT:12px/1 Arial;MARGIN-LEFT:5px;}
.ysm DT ADDRESS {
DISPLAY:inline;}
.ysm DD {
FONT-SIZE:12px;MARGIN:0px;}
.ysm DD ADDRESS {
DISPLAY:none;}
.ysm-vertical {
PADDING-TOP:5px;}
.ysm-vertical .ysmlabel {
DISPLAY:block;MARGIN:0px auto;TEXT-ALIGN:center;}
.ysm-vertical DT ADDRESS {
DISPLAY:none;}
.ysm-vertical DD ADDRESS {
DISPLAY:inline;}
.ysm {
BORDER-RIGHT:#ff9999 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#ff9999 1px solid;PADDING-LEFT:5px;FONT-SIZE:13px;MIN-HEIGHT:10px;PADDING-BOTTOM:1px;MARGIN:5px;OVERFLOW:visible;BORDER-LEFT:#ff9999 1px solid;WORD-BREAK:break-all;LINE-HEIGHT:1.4;PADDING-TOP:1px;BORDER-BOTTOM:#ff9999 1px solid;POSITION:relative;HEIGHT:10px;}
.ysm {
CURSOR:pointer;}
.ysm .ysmlabel {
RIGHT:5px;POSITION:absolute;TOP:2px;}
.ysm .ysmlabel A {
FONT-SIZE:12px;TEXT-DECORATION:none;}
.ysm DL {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:9px;MARGIN:0px;PADDING-TOP:0px;ZOOM:1;TEXT-ALIGN:left;}
.ysm DL.last {
PADDING-BOTTOM:0px;}
.ysm DL ADDRESS {
FONT:12px/1 Arial;MARGIN-LEFT:5px;}
.ysm DT ADDRESS {
DISPLAY:inline;}
.ysm DD {
FONT-SIZE:12px;MARGIN:0px;}
.ysm DD ADDRESS {
DISPLAY:none;}
.ysm-vertical {
PADDING-TOP:5px;}
.ysm-vertical .ysmlabel {
DISPLAY:block;MARGIN:0px auto;TEXT-ALIGN:center;}
.ysm-vertical DT ADDRESS {
DISPLAY:none;}
.ysm-vertical DD ADDRESS {
DISPLAY:inline;}
.ysm {
BORDER-RIGHT:#ff9999 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#ff9999 1px solid;PADDING-LEFT:5px;FONT-SIZE:13px;MIN-HEIGHT:10px;PADDING-BOTTOM:1px;MARGIN:5px;OVERFLOW:visible;BORDER-LEFT:#ff9999 1px solid;WORD-BREAK:break-all;LINE-HEIGHT:1.4;PADDING-TOP:1px;BORDER-BOTTOM:#ff9999 1px solid;POSITION:relative;HEIGHT:10px;}
.ysm {
CURSOR:pointer;}
.ysm .ysmlabel {
RIGHT:5px;POSITION:absolute;TOP:2px;}
.ysm .ysmlabel A {
FONT-SIZE:12px;TEXT-DECORATION:none;}
.ysm DL {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:9px;MARGIN:0px;PADDING-TOP:0px;ZOOM:1;TEXT-ALIGN:left;}
.ysm DL.last {
PADDING-BOTTOM:0px;}
.ysm DL ADDRESS {
FONT:12px/1 Arial;MARGIN-LEFT:5px;}
.ysm DT ADDRESS {
DISPLAY:inline;}
.ysm DD {
FONT-SIZE:12px;MARGIN:0px;}
.ysm DD ADDRESS {
DISPLAY:none;}
.ysm-vertical {
PADDING-TOP:5px;}
.ysm-vertical .ysmlabel {
DISPLAY:block;MARGIN:0px auto;TEXT-ALIGN:center;}
.ysm-vertical DT ADDRESS {
DISPLAY:none;}
.ysm-vertical DD ADDRESS {
DISPLAY:inline;}
.ysm {
BORDER-RIGHT:#ff9999 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#ff9999 1px solid;PADDING-LEFT:5px;FONT-SIZE:13px;MIN-HEIGHT:10px;PADDING-BOTTOM:1px;MARGIN:5px;OVERFLOW:visible;BORDER-LEFT:#ff9999 1px solid;WORD-BREAK:break-all;LINE-HEIGHT:1.4;PADDING-TOP:1px;BORDER-BOTTOM:#ff9999 1px solid;POSITION:relative;HEIGHT:10px;}
.ysm {
CURSOR:pointer;}
.ysm .ysmlabel {
RIGHT:5px;POSITION:absolute;TOP:2px;}
.ysm .ysmlabel A {
FONT-SIZE:12px;TEXT-DECORATION:none;}
.ysm DL {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:9px;MARGIN:0px;PADDING-TOP:0px;ZOOM:1;TEXT-ALIGN:left;}
.ysm DL.last {
PADDING-BOTTOM:0px;}
.ysm DL ADDRESS {
FONT:12px/1 Arial;MARGIN-LEFT:5px;}
.ysm DT ADDRESS {
DISPLAY:inline;}
.ysm DD {
FONT-SIZE:12px;MARGIN:0px;}
.ysm DD ADDRESS {
DISPLAY:none;}
.ysm-vertical {
PADDING-TOP:5px;}
.ysm-vertical .ysmlabel {
DISPLAY:block;MARGIN:0px auto;TEXT-ALIGN:center;}
.ysm-vertical DT ADDRESS {
DISPLAY:none;}
.ysm-vertical DD ADDRESS {
DISPLAY:inline;}
.ysm {
BORDER-RIGHT:#ff9999 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#ff9999 1px solid;PADDING-LEFT:5px;FONT-SIZE:13px;MIN-HEIGHT:10px;PADDING-BOTTOM:1px;MARGIN:5px;OVERFLOW:visible;BORDER-LEFT:#ff9999 1px solid;WORD-BREAK:break-all;LINE-HEIGHT:1.4;PADDING-TOP:1px;BORDER-BOTTOM:#ff9999 1px solid;POSITION:relative;HEIGHT:10px;}
.ysm {
CURSOR:pointer;}
.ysm .ysmlabel {
RIGHT:5px;POSITION:absolute;TOP:2px;}
.ysm .ysmlabel A {
FONT-SIZE:12px;TEXT-DECORATION:none;}
.ysm DL {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:9px;MARGIN:0px;PADDING-TOP:0px;ZOOM:1;TEXT-ALIGN:left;}
.ysm DL.last {
PADDING-BOTTOM:0px;}
.ysm DL ADDRESS {
FONT:12px/1 Arial;MARGIN-LEFT:5px;}
.ysm DT ADDRESS {
DISPLAY:inline;}
.ysm DD {
FONT-SIZE:12px;MARGIN:0px;}
.ysm DD ADDRESS {
DISPLAY:none;}
.ysm-vertical {
PADDING-TOP:5px;}
.ysm-vertical .ysmlabel {
DISPLAY:block;MARGIN:0px auto;TEXT-ALIGN:center;}
.ysm-vertical DT ADDRESS {
DISPLAY:none;}
.ysm-vertical DD ADDRESS {
DISPLAY:inline;}
.ysm {
BORDER-RIGHT:#ff9999 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#ff9999 1px solid;PADDING-LEFT:5px;FONT-SIZE:13px;MIN-HEIGHT:10px;PADDING-BOTTOM:1px;MARGIN:5px;OVERFLOW:visible;BORDER-LEFT:#ff9999 1px solid;WORD-BREAK:break-all;LINE-HEIGHT:1.4;PADDING-TOP:1px;BORDER-BOTTOM:#ff9999 1px solid;POSITION:relative;HEIGHT:10px;}
.ysm {
CURSOR:pointer;}
.ysm .ysmlabel {
RIGHT:5px;POSITION:absolute;TOP:2px;}
.ysm .ysmlabel A {
FONT-SIZE:12px;TEXT-DECORATION:none;}
.ysm DL {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:9px;MARGIN:0px;PADDING-TOP:0px;ZOOM:1;TEXT-ALIGN:left;}
.ysm DL.last {
PADDING-BOTTOM:0px;}
.ysm DL ADDRESS {
FONT:12px/1 Arial;MARGIN-LEFT:5px;}
.ysm DT ADDRESS {
DISPLAY:inline;}
.ysm DD {
FONT-SIZE:12px;MARGIN:0px;}
.ysm DD ADDRESS {
DISPLAY:none;}
.ysm-vertical {
PADDING-TOP:5px;}
.ysm-vertical .ysmlabel {
DISPLAY:block;MARGIN:0px auto;TEXT-ALIGN:center;}
.ysm-vertical DT ADDRESS {
DISPLAY:none;}
.ysm-vertical DD ADDRESS {
DISPLAY:inline;}
.ysm {
BORDER-RIGHT:#97abbc 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#97abbc 1px solid;PADDING-LEFT:5px;FONT-SIZE:13px;MIN-HEIGHT:10px;PADDING-BOTTOM:1px;MARGIN:5px;OVERFLOW:visible;BORDER-LEFT:#97abbc 1px solid;WORD-BREAK:break-all;LINE-HEIGHT:1.4;PADDING-TOP:1px;BORDER-BOTTOM:#97abbc 1px solid;POSITION:relative;HEIGHT:10px;}
.ysm {
CURSOR:pointer;}
.ysm .ysmlabel {
RIGHT:5px;POSITION:absolute;TOP:2px;}
.ysm .ysmlabel A {
FONT-SIZE:12px;TEXT-DECORATION:none;}
.ysm DL {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:9px;MARGIN:0px;PADDING-TOP:0px;ZOOM:1;TEXT-ALIGN:left;}
.ysm DL.last {
PADDING-BOTTOM:0px;}
.ysm DL ADDRESS {
FONT:12px/1 Arial;MARGIN-LEFT:5px;}
.ysm DT ADDRESS {
DISPLAY:inline;}
.ysm DD {
FONT-SIZE:12px;MARGIN:0px;}
.ysm DD ADDRESS {
DISPLAY:none;}
.ysm-vertical {
PADDING-TOP:5px;}
.ysm-vertical .ysmlabel {
DISPLAY:block;MARGIN:0px auto;TEXT-ALIGN:center;}
.ysm-vertical DT ADDRESS {
DISPLAY:none;}
.ysm-vertical DD ADDRESS {
DISPLAY:inline;}
.ysm {
BORDER-RIGHT:#97abbc 1px solid;PADDING-RIGHT:5px;BORDER-TOP:#97abbc 1px solid;PADDING-LEFT:5px;FONT-SIZE:13px;MIN-HEIGHT:10px;PADDING-BOTTOM:1px;MARGIN:5px;OVERFLOW:visible;BORDER-LEFT:#97abbc 1px solid;WORD-BREAK:break-all;LINE-HEIGHT:1.4;PADDING-TOP:1px;BORDER-BOTTOM:#97abbc 1px solid;POSITION:relative;HEIGHT:10px;}
.ysm {
CURSOR:pointer;}
.ysm .ysmlabel {
RIGHT:5px;POSITION:absolute;TOP:2px;}
.ysm .ysmlabel A {
FONT-SIZE:12px;TEXT-DECORATION:none;}
.ysm DL {
PADDING-RIGHT:0px;PADDING-LEFT:0px;PADDING-BOTTOM:9px;MARGIN:0px;PADDING-TOP:0px;ZOOM:1;TEXT-ALIGN:left;}
.ysm DL.last {
PADDING-BOTTOM:0px;}
.ysm DL ADDRESS {
FONT:12px/1 Arial;MARGIN-LEFT:5px;}
.ysm DT ADDRESS {
DISPLAY:inline;}
.ysm DD {
FONT-SIZE:12px;MARGIN:0px;}
.ysm DD ADDRESS {
DISPLAY:none;}
.ysm-vertical {
PADDING-TOP:5px;}
.ysm-vertical .ysmlabel {
DISPLAY:block;MARGIN:0px auto;TEXT-ALIGN:center;}
.ysm-vertical DT ADDRESS {
DISPLAY:none;}
.ysm-vertical DD ADDRESS {
DISPLAY:inline;}
A.smaplink IMG {
PADDING-RIGHT:4px;PADDING-LEFT:2px;PADDING-BOTTOM:0px;WIDTH:31px;PADDING-TOP:0px;HEIGHT:13px;}
A.smaplink IMG {
PADDING-RIGHT:4px;PADDING-LEFT:2px;PADDING-BOTTOM:0px;WIDTH:31px;PADDING-TOP:0px;HEIGHT:13px;}
|
9月
14
聽雨
歡迎蒞臨 Kitty Li Blog
Comments Off
|
9月
14
如何讓你套用框線語法時及留言版區塊更完美
歡迎蒞臨 Kitty Li Blog
Comments Off
每次 ee 回覆格友留言，按確定送出後，就跳進↓↓這個畫面；這個邊框總是讓我.....
【這個區塊；格主登入後才看得見】
一直以為格友貼圖的關係，直到用 Firefox 瀏覽器測試版面。
赫然發現，咦！框線有顯示耶！
嗚哇！那個白色區塊怎麼陰魂不散又出現啦！
來~免憂愁試一試，有問題一起討論嘿~^^
先說 框線語法
/* ee所用的版型框線語法*/
.ycntmod {width:100%;position:relative;margin-bottom:10px;overflow:hidden;}
.ycntmod .rctop {background:url(http://hk.geocities.com/connie1e1e/a01/78-01.gif ) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/connie1e1e/a01/78-02.gif ) right top no-repeat;height:25px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {background:url(http://hk.geocities.com/connie1e1e/a01/78-03.gif ) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/connie1e1e/a01/78-04.gif ) right bottom no-repeat;height:47px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:6px;background:url(http://hk.geocities.com/connie1e1e/a01/78-05.gif ) repeat-y;}
#javascript#ymngmsg form{background:url(http://hk.geocities.com/connie1e1e/a01/78-05.gif ) repeat-y;}
.ycntmod .rcr {padding-right:6px;background:url(http://hk.geocities.com/connie1e1e/a01/78-05.gif ) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
一般都是套用這個框線語法，第一人是誰!!?
ee 感謝您！感恩！感恩！也感謝大家！
加上 ee 所標示紅字白底那段語法；圖片網址則和藍字白底那段語法相同。
這樣使用IE瀏覽器時，留言版區塊框線就會顯示嘍！
====================
再說 白色區塊.....
#ymngmsg .actionbar{background:url(http:// );}
將語法加入自訂樣式中↑↑；若有設定底圖，將圖片網址加入即可~就醬。
這樣不論是使用IE或Firefox瀏覽器，就不會出現白色區塊了。
9月
14
79~ee部落格版型﹝黑+紫﹞08/9/12
歡迎蒞臨 Kitty Li Blog
Comments Off
感謝巧兒分享~韓國時尚精緻插畫
感謝ღ◦ 小敏 ღ◦分享~韓國♥掛飾
感謝幻想分享~７月文章可愛小小圖～６
感謝寶兒^^~分享~自製韓國娃娃手繪吊飾回應.告示牌
感謝ღⓙⓞⓐⓝ﹏奈 °ܤ分享~自製〝想念〞滑鼠游標
本篇背景圖取自格友分享~ ee 自行加工製作。
若侵犯您的權益；請告知，將即刻刪除。
點圖 ↑↑ 觀看預覽圖
前往 → ee の作品
ee提醒您 套用語法前，請先將您原有的語法複製存檔 ~ 備用
由於 Yahoo!奇摩部落格實施新的「自訂樣式」規範：
部落格最上方如下圖↓↓所示的登入區域不可隱藏，也無法作顏色和字體變更
套用本篇版型，為了降低部落格最上方如圖↑↑所示登入區的色差
請您進入 → 管理部落格 → 面版設定
【 更改面板設定，點選第 4 頁 → → 按確定 】→ 出現提醒對話方塊 → 按確定
複製 ↓↓ 整篇語法 → 管理部落格 → 面板設定 → 自訂樣式 → 按清除 ( 刪去框框裡所有的語法 ) → 出現確定對話方塊 → 按確定 → 在框框裡 貼上 複製的整篇語法 → 記得 按框框底下的 確定 唷 ~
/*部落格背景圖*/
body {background:url(http://hk.geocities.com/connie1e1e/a01/79-07.gif ) center top transparent repeat-x;}
html {background:#000000 url(http://hk.geocities.com/connie1e1e/a01/79-08.gif ) center top repeat;}
/*部落格 - 文字顏色*/
.text {color:#bf407f;font-weight:bolder;}
/*★奈自製７色〝想念〞游標★*/
body{cursor:url(http://hk.geocities.com/un0512/miss02.ani );}
a:hover{cursor:url(http://hk.geocities.com/un0512/miss01.ani );}
/*連結設定*/
a, a:link, a:visited{color:#bf407f;text-decoration:none;}
a:hover{color:#F373A2;}
a:hover{border:2px #05f5f5 outset;font-family:標楷體;}
/*Blog title橫幅 - 字體設定*/
#yblogtitle h1, #yblogtitle a {font-family:標楷體;color:#b33875;font-size:19px;font-style:italic;font-weight:bold;}
#yblogtitle .tbd p{font-family:標楷體;color:#b33875;font-size:19px;font-style:italic;font-weight:bold;}
#yblogtitle .mbd, #yblogtitle .mft{background:url(http:// );padding-top:420px;}
#yblogtitle .edit {display:none;}
/*招呼語設定*/
#yblast .bg {background:transparent;}
#yblast .text{font-family:標楷體;color:#bf407f;font-size:17px;font-weight:bold;}
#yblast .text a{display:none;}
/*中間欄位 (標題) */
.yc3pribd .mhd{background:url(http:// );padding-left:5px;}
.yc3pribd .mhd h3{font-family:標楷體;color:#FF1100;font-size:21px;}
/*中間欄位 - 管理此分類文章~按鍵*/
#yarticle .text q{background:url(http:// );font-family:標楷體;font-size:18px;font-weight:bold;}
/*中間欄位 文章內標題+小圖*/
.yblogcnt .blgtitlebar h2 {font-size:22px;height:28px;background:url(http://hk.geocities.com/connie-ee/ee/02.gif ) no-repeat;padding-left:28px;}
.yblogcnt .blgtitlebar h2 {font-family:標楷體;font-weight:bold;color:#cc33cc;padding-top:5px;}
/*中間欄位 文章內容*/
.yc3pribd .mhd.text {background:url(http:// );color:#bf407f;font-family:標楷體;font-size:17px;font-weight:bold;}
.yc3pribd .mbd, .yc3pribd .mft, #yusrintro p{background:url(http:// );}
/*文章內容 (編輯、 刪除 - 按鍵 )*/
div.btnblgedit, div.btnblgdel a{font-family:標楷體;font-size:17px;font-weight:bold;}
div.btnblgedit, div.btnblgdel{background:url(http:// );border:2px dotted #bf407f;}
/*文章內容 (檢舉 - 按鍵 )*/
div.btnblgreport a{font-family:標楷體;font-size:18px;font-weight:bold;}
div.btnblgreport {background:url(http:// );border:2px dotted #bf407f;}
/*部落格檔案、個人資料、自我介紹*/
table#bloginfo th {background:url(http:// );font-family:標楷體;color:#c9307d;font-weight:bold;font-size:18px;text-align:center;}
#bloginfo td{background:url(http:// );font-family:標楷體;color:#c9307d;font-weight:bold;font-size:18px;}
table#usrinfo th{background:url(http:// );font-family:標楷體;color:#c9307d;font-weight:bold;font-size:18px;text-align:center;}
#usrinfo td{background:url(http:// );font-family:標楷體;color:#c9307d;font-weight:bold;font-size:18px;}
#ybloginfo table, #yusrinfo table{background:url(http:// );}
div#yusrintro p{font-family:標楷體;color:#c9307d;font-weight:bold;font-size:18px;}
div#yusrintro p{background:url( http:// );}
/*部落格檔案 檢舉 按鍵*/
#ybloginfo span a{font-family:標楷體;color:#FF1100;font-size:17px;font-weight:bold;}
#ybloginfo span{background:url( http:// );border:2px dotted #bf407f;}
/*留言板~編輯管理(我要留言)~按鍵*/
#ymsgboard .rcr q{background:url(http:// );font-family:標楷體;font-size:18px;font-weight:bold;}
/* 檢舉、加入黑名單 ~按鍵*/
div.cmntusrinfo span a, div.cmntusrinfo.reportbtns span a{font-family:標楷體;color:#0000ff;font-size:17px;font-weight:bold;}
div.cmntusrinfo span, div.cmntusrinfo.reportbtns span{background:url(http:// );border:2px dotted #0000ff;}
/*回覆、刪除、取消、選擇全部、取消全部 - 按鍵*/
div.btncmntdel, div.btncmntre{background:url(http:// );border:2px double #bf407f;font-size:15px;font-family:verdana;}
div#ymngmsg q span{background:url(http:// );border:2px dotted #bf407f;}
div#ymngmsg q span a{background:url(http:// );color:#bf407f;}
#ymngmsg .actionbar{background:url(http:// );}
div#ymngmsg span{background:url(http:// );font-family:標楷體;color:#0000ff;font-size:19px;font-weight:bold;}
/*版主~回覆留言區塊*/
#yreplymsg label{font-family:標楷體;color:#FFFF00;font-weight:bold;font-size:16px;}
#yreplymsg td{font-family:標楷體;color:#FF1100;font-weight:bold;font-size:16px;}
#yreplymsg table {background:url(http:// );}
/*訪客~留言區塊*/
div#postrte th{background:url(http:// );font-family:標楷體;color:#0000ff;font-weight:bold;font-size:18px;}
div#postrte td{font-family:標楷體;color:#A6DE1F;font-weight:bold;font-size:18px;}
div#caption{font-family:標楷體;color:#FF00FF;font-weight:bold;font-size:16px;}
div#rteNote{font-family:標楷體;color:#FF1100;font-weight:bold;font-size:17px;}
/*相簿點閱區~自動播放 按鍵、相簿分類*/
#yphtgallery .text q{background:url(http:// );font-family:標楷體;font-size:18px;font-weight:bold;}
#yphtgallery .text q a{color:#FF1100;font-size:18px;}
select, option {background:url(http:// );font-family:標楷體;color:#A6DE1F;font-size:17px;font-weight:bolder;}
#yphtsingle .text q{background:url(http:// );font-family:標楷體;font-size:18px;font-weight:bold;}
#yphtsingle .text q a{color:#FF1100;}
/*選擇全部、取消全部*/
#yphtgallery .actionbar {background:url(http:// );font-family:標楷體;color:#DDA600;font-size:17px;font-weight:bolder;}
/*更換相簿、發表..... (按鍵)*/
div.buttonmenu{background:url(http:// );color:#FF1100;}
table#datatable td input{background:url(http:// );width:22px;}
#yphtgallery, button{font-family:標楷體;color:#E80049;font-size:15px;font-weight:bolder;}
div.actionbar span{background:url(http://s16.photobucket.com/albums/b11/mickey0829/PICTURE/th_4962aa34.gif );}
/*回應列表欄 - 設定*/
#ycmntlist .mhd {text-align:center;}
#ycmntlist .mbd, #ycmntlist .mbd{background:url(http:// );text-align:center;}
#ycmntlist .mbd li strong {background:url(http:// );color:#FF1100;font-weight:bolder;}
#ycmntlist .mbd li a{background:url(http:// );color:#0000ff;font-weight:bolder;}
#ycmntlist .actionbar {font-family:標楷體;color:#AE1870;}
#ycmntlist table th {background:url(http:// );font-family:標楷體;font-size:19px;color:#A6DE1F;font-weight:bolder;}
#ycmntlist .listbd {background:url(http:// );color:#40bf7f;}
#ycmntlist .reply {background:url(http:// );font-family:標楷體;font-size:19px;color:#9999F9;font-weight:bolder;}
#ycmntlist .listbd a {font-family:標楷體;font-size:18px;color:#de05de;font-weight:bolder;}
#ycmntlist .mft , #ycmntlist .mft a {background:url(http:// );font-size:16px;font-weight:bolder;text-align:center;}
#ycmntlist strong {font-size:17px;color:#A6DE1F;font-weight:bolder;}
/*我的訂閱~分類列表*/
#ysbscrblist .actionbar {background:url(http:// );color:#FF1100;font-size:17px;font-weight:bolder;}
#ysbscrblist thead th{background:url(http:// );font-size:18px;font-weight:bolder;}
#ysbscrblist table{background:url(http:// );}
tbody td{color:#de05de;font-weight:bold;}
/*INPUT搜尋、預覽、確認、取消+框線*/
input, action{background:url(http:// );border:2px dotted #bf407f;font-size:15px;color:#bf407f;font-family:verdana;}
input, action{background:url(http:// );}
/*左右欄標題*/
.yc3sec .mhd, .yc3subbd .mhd{background:url(http:// );color:#FF1100;font-weight:bolder;text-align:center;}
.yc3sec .mhd a, .yc3subbd .mhd a, .yc3sec .mhd a:link, .yc3subbd .mhd a:link, .yc3sec .mhd a:visited, .yc3subbd .mhd a:visited{color:#0000ff;font-weight:bolder;text-align:center;}
/*月曆*/
#ymodcal .mbd td strong {color:#FF1100;}
/*左右欄內容*/
.yc3sec .mbd, .yc3subbd .mbd, .yc3sec .mft, .yc3subbd .mft {background:url(http://
);}
/*左右欄內容、標題間隙+小圖+括號顏色*/
.ycntmod .mbd ul.list li {margin-bottom:5px;background:url(http://hk.geocities.com/connie-ee/ee/a06.gif ) no-repeat;color:#bf407f;padding-left:13px;}
/*更新日期前小圖*/
#ymodupdate .mbd .date{background:url(http://hk.geocities.com/connie-ee/ee/a07.gif ) no-repeat;height:20px;padding-top:3px;font-size:11px;}
/*所有文章、更多回應*/
.ycntmod .mbd ul.list li.more {background:url(http://hk.geocities.com/connie-ee/ee/a09.gif ) no-repeat;font-size:16px;font-family:標楷體;font-weight:bold;padding-top:70px;padding-right:10px;}
/*訂閱圖片*/
div#btnsbsrb_nologin a, div#btnsbsrb a {display:block;width:108px;height:35px;overflow:hidden;background:url(http://hk.geocities.com/connie1e1e/a01/79-09.gif ) no-repeat;padding-right:5px;}
/*引用、回應*/
div.btntrackback a {display:block;width:108px;height:35px;background:url(http://hk.geocities.com/connie1e1e/a01/79-10.gif ) no-repeat;}
div.btncomment a {display:block;width:108px;height:35px;background:url(http://hk.geocities.com/connie1e1e/a01/79-11.gif ) no-repeat;}
/*自我介紹欄位 性別 圖片檔變更設定*/
#ymodprf .horos img{display:none;}
#ymodprf .horos{height:140px;background:url( http://hk.geocities.com/connie-ee/ee/a08.gif ) center no-repeat;}
/*寶兒製~韓國娃娃手繪吊飾回應.告示牌*/
#yartcmt .pagination strong{display:none;}
#yartcmt .pagination{height:182px;background:url( http://hk.geocities.com/kingpunksky/825-30.gif ) no-repeat;background-position:center;}
/*scrollbar 捲軸*/
html{scrollbar-face-color:#613051;
background-attachment:fixed;
scrollbar-track-color:#613051;
scrollbar-highlight-color:#c999c9;
scrollbar-3dlight-color:#c999c9;
scrollbar-shadow-color:#c999c9;
scrollbar-darkshadow-color:#c999c9;
scrollbar-arrow-color:#bf407f;}
/*隱藏橫框框線*/
#yblogtitle .rctop{background:left top no-repeat;margin-right:0px;}
#yblogtitle .rctop div{background:right top no-repeat;height:0px;}
#yblogtitle .rcl{background:repeat-y;}
#yblogtitle .rcr{background:right repeat-y;}
#yblogtitle .rcbtm {background:left bottom no-repeat;margin-right:0px;}
#yblogtitle .rcbtm div {background:right bottom no-repeat;height:0px;}
/*左右160px*/
.thrcol .yc3main {width:100%;float:left;}
.thrcol .yc3mainbd {margin-left:160px;}
.thrcol .yc3pri {width:100%;float:right;}
.thrcol .yc3pribd {margin-right:160px;}
.thrcol .yc3subbd {width:157px;float:right;}
.thrcol .yc3sec {width:157px;}
.thrcol .yc3sub{z-index:1;}
.thrcol .yc3pri, .thrcol .yc3main{z-index:10;}
/*ee自製 版型邊框*/
.ycntmod {width:100%;position:relative;margin-bottom:15px;overflow:hidden;}
.ycntmod .rctop {background:url(http://hk.geocities.com/connie1e1e/a01/79-01.gif ) left top no-repeat;margin-right:5px;}
.ycntmod .rctop div {background:url(http://hk.geocities.com/connie1e1e/a01/79-02.gif ) right top no-repeat;height:12px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcbtm {background:url(http://hk.geocities.com/connie1e1e/a01/79-03.gif ) left bottom no-repeat;margin-right:5px;}
.ycntmod .rcbtm div {background:url(http://hk.geocities.com/connie1e1e/a01/79-04.gif ) right bottom no-repeat;height:48px;font-size:0;position:relative;right:-5px;}
.ycntmod .rcl {padding-left:6px;background:url(http://hk.geocities.com/connie1e1e/a01/79-05.gif ) repeat-y;}
#javascript#ymngmsg form{background:url(http://hk.geocities.com/connie1e1e/a01/79-05.gif ) repeat-y;}
.ycntmod .rcr {padding-right:6px;background:url(http://hk.geocities.com/connie1e1e/a01/79-06.gif ) right repeat-y;}
.ycntmod .text {position:relative;word-break:break-all;}
.yc3pribd .ycntmod{overflow:visible;}
.yc3pribd .ycntmod .yblogcnt{overflow:hidden;}
/*隱藏雅虎頁尾 */
#yhtw_mastfoot{display:none;}
9月
14
視覺饗宴
歡迎蒞臨 Kitty Li Blog
Comments Off
視覺饗宴 ~可當背景圖
(點小圖看原圖)
圖示謝謝 
分享
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
 |
 |
 |
 |
 |
 |
 |
 |
 |
|
背景圖的語法
/*Background image for whole page背景圖*/
BODY { background: white url(圖片網址);background-attachment: fixed }
BODY { background: white url(圖片網址);background-attachment: fixed }
如何使用:
選好自己喜歡的背景圖找出圖片網址如上例崁入(圖片網址,前後 ( ) 不可以消去) 做成語法 ,
複製自己背景圖 的語法 
管理部落格 選 面板設定 選 自訂樣式
貼入複製的語法 , 並刪去原來的背景圖語法 儲存按確定 按回到我的部落格看結果
~如何找出背景圖的圖片網址~
在選好想用的小圖點一下,會出現大圖(有時要等一下),
並找出圖示的右下方有一四方箭頭圖示點入,出現背景原圖
在此原圖上點右鍵內容網址(URL)
英文字串即是圖片網址,可用來做部落格的背景圖,
維度1024x768或1280x1024..,這是圖示的大小長寬
請選擇適用自己的電腦螢幕來使用多大維度的背景圖
依上圖為例:它可用的背景圖圖片網址是:
http://framboise782.free.fr/Soleils/coucher019.jpg
套入語法如下:
/*Background image for whole page背景圖*/
BODY { background: white url(http://framboise782.free.fr/Soleils/coucher019.jpg);background-attachment: fixed }
引用：http://tw.myblog.yahoo.com/jw!TFYv99WYERjLnu.qg_DoZDyK/article?mid=10898
9月
14
imageshack 青蛙網–圖片、Flash 上傳教學
歡迎蒞臨 Kitty Li Blog
Comments Off
9月
14
中秋節快樂
歡迎蒞臨 Kitty Li Blog
Comments Off
最新評論