<< 清新熱情唷xD | 回blog首頁 | shiningray >>

September 21,2008

改版完成☆



新的改版完成━━(ﾟ∀ﾟ)━━━ !!!!! …不過有一陣子不會再想改版了吧（喂
為了配合阿芸存的水滴素材（背景），所以上方的圖是自己畫，因為是小畫家所以會有很多Bug請別介意xD
是說最難畫的是風箏菱形部份啊啊啊，手好抖好抖啊～不管怎麼畫都很歪斜啊於是就不管它了───但是最天殺的是剛剛我才想起我明明就有帶挖坑子啊啊啊囧。
至於左邊的圖是柔子相簿的，阿柔後來還幫我調了一下高度，大　感　謝ｖ
不過套用相簿的圖真的有很大的麻煩呢…大部分都會有長度跟寬度無法吻合的情形，不論是放大還是縮小都有一邊會失調呀O_Q…看來自己要學著用佛陀笑了不然一直請別人改真不好意思ˊAˋ。
花了半天研究了一下語法，成果還算滿意。希望下次能挑戰FC2的版型…（遠目）
不過樂多的改版模式很不體貼新手耶，至少也放個向天空一樣的小幫手什麼的…這樣我就不需要反覆的觀看了ˊ血ˋ
＊
參考版型來源：Gomorrah
參考語法來源：:: Mr. 戀上 Miss. ::
素材來源：柔子相簿

繼續閱讀是版型語法，經過上次粉紅羊被我用爛後又沒力氣從新編寫欲哭無淚的慘痛經驗…我學乖了O_Q

◆◇ html{ scrollbar-face-color: #666666; scrollbar-highlight-color: #666666; scrollbar-shadow-color: #666666; scrollbar-3Dlight-color: #666666; scrollbar-arrow-color: #999999; scrollbar-track-color: #222222; scrollbar-darkshadow-color: #666666; } BODY { Font-Family: Arial, Helvetica, sans-serif; WIDTH: 100%; COLOR: #696969 ; HEIGHT: 100%; TEXT-ALIGN: right; background-color: #010101; font-size: 12px; line-height: 150%; background-image: url(http://blog.roodo.com/yun__yu/8584d009.jpg); background-repeat: no-repeat; background-attachment: fixed; margin: 0px; } A {COLOR: #FFFFFF; TEXT-DECORATION: underline} A:link {COLOR: #FFFFFF; TEXT-DECORATION: underline} A:visited {COLOR: #FFFFFF; TEXT-DECORATION: underline} A:active {} A:hover {COLOR: #999999; TEXT-DECORATION: none} A.acalendar {COLOR: #FFFFFF; TEXT-DECORATION: underline} A.acalendar:link {COLOR: #FFFFFF; TEXT-DECORATION: underline} A.acalendar:visited {TEXT-DECORATION: underline;color: #00FFFF;} A.acalendar:active {} A.acalendar:hover {COLOR: #FFFFFF; TEXT-DECORATION: none} A.acontinues {COLOR: #cccccc; TEXT-DECORATION: underline} A.acontinues:link {COLOR: #cccccc; TEXT-DECORATION: underline} A.acontinues:visited {TEXT-DECORATION: underline} A.acontinues:active {} A.acontinues:hover {COLOR: #CCCCCC; TEXT-DECORATION: none} A.amenu {COLOR: #999999; TEXT-DECORATION: underline} A.amenu:link {COLOR: #999999; TEXT-DECORATION: underline} A.amenu:visited { TEXT-DECORATION: underline; color: #666666; } A.amenu:active {} A.amenu:hover {COLOR: #FFFFFF; TEXT-DECORATION: none} #container { MARGIN: 0px 0px 0px auto; WIDTH: 770px; TEXT-ALIGN: right; background-color: #ffffff; border-color: #999999; border-style: dashed; border-width: 2px; background-image: url(http://blog.roodo.com/yun__yu/e944cbbd.png); } #banner { WIDTH: 745px; HEIGHT: 270px; background-image: url(http://blog.roodo.com/monicawu/cf036da7.png); background-repeat: no-repeat; text-align: right; } #subbanner {} #banner A {COLOR: #696969 ; TEXT-DECORATION: none} #banner A:link { COLOR: #696969 ; TEXT-DECORATION: none; } #banner A:visited { TEXT-DECORATION: none; color: #696969 ; } #banner A:active { } #banner A:hover { COLOR: #696969 ; TEXT-DECORATION: underline; } #subbanner A {COLOR: #cccccc; TEXT-DECORATION: none} #subbanner A:link {COLOR: #cccccc; TEXT-DECORATION: none} #subbanner A:visited {TEXT-DECORATION: none} #subbanner A:active {} #subbanner A:hover {COLOR: #cccccc; TEXT-DECORATION: underline} H1 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px} H2 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; font-size: 12px; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; } H3 {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px} .blogtitle { FONT-SIZE: 13px; PADDING-TOP: 10px; TEXT-ALIGN: CENTER; padding-right: 10px; font-family: Arial, Helvetica, sans-serif, "?з?ũ"; font-weight: normal; font-variant: small-caps; } .description { FONT-SIZE: 12px; COLOR: #999999; TEXT-ALIGN: left; padding-right: 20px; padding-top: 5px; } #content { FLOAT: left; WIDTH: 530px; padding-left: 10px; } .blog { MARGIN: 0px 10px 0px; } .date { FONT-SIZE: 11px; COLOR: #000000 ; height: 20px; padding-top: 8px; background-repeat: no-repeat; padding-left: 55px; text-align: left; font-weight: normal; } .blogbody { PADDING-RIGHT: 10px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; width: 100%; background-color: #000000 ; filter: Alpha(Opacity=80); } .title { FONT-SIZE: 12px; COLOR: #FFFFFF ; padding-top: 2px; padding-bottom: 2px; font-weight: normal; border-top-color: #FFFFFF; border-top-style: dash; border-top-width: 1px; } .main { FONT-SIZE: 13px; MARGIN: 15px 10px; COLOR: #FFFFE6; font-family: Arial, Helvetica, sans-serif; line-height: 180%; text-align: left; } .main-continues {FONT-SIZE: 13px} .posted { font-size: 11px; COLOR: #999999; TEXT-ALIGN: right; border-bottom-color: #666666; border-bottom-style: dashed; border-bottom-width: 1px; padding-bottom: 2px; font-weight: normal; padding-right: 5px; padding-left: 5px; padding-top: 2px; margin-bottom: 10px; } A.aposted {COLOR: #999999; TEXT-DECORATION: underline} A.aposted:link {COLOR: #999999; TEXT-DECORATION: underline} A.aposted:visited {COLOR: #666666; TEXT-DECORATION: underline} A.aposted:active {} A.aposted:hover { COLOR: #FFFFFF; TEXT-DECORATION: none; } .menu {FONT-SIZE: 12px; COLOR: #666666; TEXT-ALIGN: right} .comments-head { FONT-SIZE: 12px; PADDING-BOTTOM: 2px; COLOR: #FFFFFF; PADDING-TOP: 2px; border-top-color: #FFFFFF; border-top-style: dashed; border-top-width: 1px; } .comments-body { FONT-SIZE: 13px; MARGIN: 10px 0px 0px 60px; LINE-HEIGHT: 150%; color: #FFFFFF; padding: 10px; border-color: #CCCCCC; border-style: dashed; background-color: #666666; border-width: 1px; } .comments-post {FONT-SIZE: 12px; MARGIN: 0px 0px 25px 60px; COLOR: #999999; TEXT-ALIGN: right} .trackback-url { FONT-SIZE: 13px; MARGIN: 0px; COLOR: #FFFFE6; padding: 10px; } .trackback-body { FONT-SIZE: 13px; MARGIN: 0px; LINE-HEIGHT: 180%; padding: 10px; color: #FFFFE6; } .trackback-post { FONT-SIZE: 12px; COLOR: #999999; TEXT-ALIGN: right; margin-bottom: 25px; padding-top: 2px; padding-bottom: 2px; padding-right: 5px; padding-left: 5px; border-bottom-color: #666666; border-bottom-style: dashed; border-bottom-width: 1px; } A.atrackback-post {COLOR: #999999; TEXT-DECORATION: underline} A.atrackback-post:link {COLOR: #999999; TEXT-DECORATION: underline} A.atrackback-post:visited {COLOR: #666666; TEXT-DECORATION: underline} A.atrackback-post:active {} A.atrackback-post:hover {COLOR: #FFFFFF; TEXT-DECORATION: none} TABLE.form { MARGIN: 25px 0px 0px 13px; text-align: left; } LABEL { FONT-SIZE: 12px; color: #FFFFFF; } #author { WIDTH: 200px; border: #FFFFFF 1px DASHED; background-color: #666666; color: #FFFFFF; } #email { WIDTH: 200px; border: #FFFFFF 1px DASHED; background-color: #666666; color: #FFFFFF; } #url { WIDTH: 200px; border: #FFFFFF 1px DASHED; background-color: #666666; color: #FFFFFF; } #text { WIDTH: 480px; HEIGHT: 150px; border: #FFFFFF 1px DASHED; background-color: #666666; color: #FFFFFF; } .pagetop { FONT-SIZE: 12px; MARGIN: 5px 0px; TEXT-ALIGN: right; } #links { FLOAT: left; WIDTH: 200px; POSITION: static; TEXT-ALIGN: center; color: #999999; padding-bottom: 20px; border-left-color: #333333; border-left-style: DASHED; } .calendarhead { PADDING-RIGHT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; MARGIN: 0px 0px 0px; COLOR: #FFFFFF; PADDING-TOP: 2px; TEXT-ALIGN: left; font-family: Arial, Helvetica, sans-serif; width: 90%; } .calendartable { WIDTH: 90%; TEXT-ALIGN: center; MARGIN: 0px 0px 10px; float: none; background-color: #222222; } .calendarweek {FONT-SIZE: 10px; COLOR: #FFFFFF;TEXT-ALIGN: left} .calendarwd { background-color: #666666; } .calendard { empty-cells: show; } .calendardbg { background-color: #666666; } .calendar { FONT-SIZE: 9px; color: #555555; line-height: 100%; } .sidetitle { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; COLOR: #696969 ; PADDING-TOP: 2px; TEXT-ALIGN: left; width: 85%; } .side { FONT-SIZE: 12px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 10px; LINE-HEIGHT: 200%; PADDING-TOP: 10px; TEXT-ALIGN: left; width: 85%; color: #FFFFFF; padding-right: 5px; padding-left: 5px; background-color: #222222; filter: Alpha(Opacity=80); } A.aside {COLOR: #999999; TEXT-DECORATION: underline} A.aside:link {COLOR: #FFFFFF; TEXT-DECORATION: underline} A.aside:visited { TEXT-DECORATION: underline; color: #FFFFCC; } A.aside:hover {COLOR: #FFFFE6; TEXT-DECORATION: none} A.arss {COLOR: #dddddd; TEXT-DECORATION: underline} A.arss:link {COLOR: #2d8d5f; TEXT-DECORATION: underline} A.arss:visited {COLOR: #80b59c; TEXT-DECORATION: underline} A.arss:active {} A.arss:hover {COLOR: #bababa; TEXT-DECORATION: none} .pict {MARGIN: 5px 5px 5px 5px;} .photo {TEXT-ALIGN: center} .nickname {FONT-SIZE: 12px; MARGIN: 10px 0px; COLOR: #FFFFE6} .message { FONT-SIZE: 12px; color: #FFFFFF; text-align: left; } .quotetable {} .quote {PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; COLOR: #666666; PADDING-TOP: 1px} .blogtimes {MARGIN: 0px 0px 15px; TEXT-ALIGN: center} .powered {MARGIN: 0px 0px 10px 10px; TEXT-ALIGN: left} .syndicate {margin:5px 0px 5px 10px; TEXT-ALIGN: left} .checkers {MARGIN-TOP: 10px; FONT-SIZE: 12px}
◆◇

Posted by fg5300 at 樂多Roodo! │15:04 │回應(0) │引用(0) │＊改版
樂多分類：日記/一般 工具：編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/7219441


回最上方