霝兒收藏屋

翔霏學習版-痞客樣式01預覽圖 兩欄式右欄

建議解析度1024X768以上

另有Blog Switc 百款背景網頁特效

更多背景特效 將陸續收集

版型語法複製↓ 

body {<br> font-family:arial, verdana, Helvetica, sans-serif;<br> -webkit-text-size-adjust:none;<br> font-size:12px;<br> background:url(http://i.imgur.com/Hl10cpz.jpg);<br> color:#333;<br> line-height:150%;<br> background-image:url(http://i.imgur.com/Hl10cpz.jpg);<br> background-position:undefined;<br> }<br> * {<br> margin:0;<br> padding:0;<br> }<br> <br> table {<br> border-collapse:collapse;<br> border-spacing:0;<br> }<br> <br> address,caption,cite,code,dfn,th,var {<br> font-style:normal;<br> font-weight:normal;<br> }<br> <br> ol,ul {<br> list-style:none;<br> }<br> <br> caption,th {<br> text-align:left;<br> }<br> <br> h1,h2,h3,h4,h5,h6 {<br> font-size:100%;<br> font-weight:normal;<br> }<br> <br> q:before,q:after {<br> content:'';<br> }<br> <br> pre {<br> font-size:1em;<br> }<br> <br> .article-content {<br> _height:1%;<br> overflow:hidden;<br> _overflow:none;<br> color:#107070;<br> text-align:left;<br> margin:10px 0;<br> }<br> <br> .article-content p {<br> margin-bottom:1em;<br> }<br> <br> a {<br> text-decoration:none;<br> color:#107070;<br> }<br> <br> br {<br> letter-spacing:normal;<br> }<br> <br> a:hover {<br> color:#00C4C4;<br> }<br> #authority {<br> border-bottom:1px dashed #107070;<br> text-align:center;<br> padding:5px 0;<br> }<br> <br> #authority a {<br> text-shadow:1px 1px 0 #fff;<br> margin:0 5px;<br> }<br> <br> #container2 {<br> width:910px;<br> background:url(http://i.imgur.com/KuSfNzU.jpg) left top repeat-y;<br> margin:0 auto;<br> }<br> <br> #header {<br> height:365px;<br> overflow:hidden;<br> position:relative;<br> background:url(http://i.imgur.com/JbFrJ0U.jpg) no-repeat;<br> background-image:url(http://i.imgur.com/JbFrJ0U.jpg);<br> background-position:undefined;<br> background-repeat:no-repeat;<br> }<br> <br> #login-bar {<br> position:absolute;<br> left:0;<br> top:35px;<br> color:#107070;<br> }<br> <br> #login-bar a {<br> color:#107070;<br> }<br> <br> #banner h1 {<br> position:absolute;<br> left:30px;<br> top:90px;<br> height:20px;<br> width:250px;<br> overflow:hidden;<br> }<br> <br> #banner h1 a {<br> font-size:15px;<br> color:#00cc00;<br> font-weight:bold;<br> line-height:20px;<br> text-shadow:1px 1px 0 #fff;<br> }<br> <br> #banner h2 {<br> position:absolute;<br> left:30px;<br> top:130px;<br> font-size:9px \9;<br> color:#00cc00;<br> height:30px;<br> width:300px;<br> line-height:15px;<br> overflow:hidden;<br> }<br> <br> #blog-category {<br> position:absolute;<br> top:80px;<br> left:500px;<br> font-size:15px;<br> color:#107070;<br> }<br> <br> }<br> <br> #blog-category a {<br> color:#107070;<br> }<br> <br> #navigation {<br> position:absolute;<br> left:20px;<br> top:210px;<br> }<br> <br> #navigation li {<br> float:left;<br> height:25px;<br> }<br> <br> #navigation li a {<br> display:block;<br> width:100%;<br> height:100%;<br> font-size:0;<br> text-indent:-5000px;<br> }<br> <br> #navigation #link-album {<br> width:65px;<br> }<br> <br> #navigation #link-blog {<br> width:93px;<br> }<br> <br> #navigation #link-guestbook {<br> width:93px;<br> }<br> <br> #navigation #link-profile {<br> width:65px;<br> }<br> <br> #main {<br> background:url(http://i.imgur.com/KuSfNzU.jpg) no-repeat;<br> overflow:hidden;<br> _overflow:none;<br> _height:1%;<br> padding:20px;<br> }<br> <br> #content {<br> float:left;<br> width:625px;<br> overflow:hidden;<br> }<br> <br> #spotlight {<br> -webkit-border-radius:5px;<br> -moz-border-radius:5px;<br> border-radius:5px;<br> background:#107070;<br> border:1px solid #3AA5A5;<br> margin:0 10px 30px;<br> padding:10px 15px;<br> }<br> <br> #spotlight h5 {<br> color:#fc0;<br> font-weight:bold;<br> font-size:15px;<br> margin-bottom:5px;<br> text-shadow:1px 1px 0 #107070;<br> }<br> <br> #spotlight-text {<br> color:#107070;<br> }<br> <br> .article {<br> _height:1%;<br> margin-bottom:20px;<br> border-bottom:1px dotted #FF7F7C;<br> padding-bottom:20px;<br> }<br> <br> .article-head {<br> _height:1%;<br> }<br> <br> .publish {<br> font-size:11px;<br> font-family:verdana;<br> height:24px;<br> text-shadow:1px 1px 0 #FF7F7C;<br> padding-top:14px;<br> padding-left:50px;<br> background:url(http://i.imgur.com/6g7DykJ.jpg) no-repeat;<br> color:#fff;<br> }<br> <br> .title {<br> _height:1%;<br> padding:5px 10px;<br> }<br> <br> .title a {<br> color:#107070;<br> font-weight:bold;<br> font-size:20px;<br> text-shadow:1px 1px 0 #fff;<br> }<br> <br> .title a img {<br> display:inilne;<br> }<br> <br> .article-body {<br> text-align:right;<br> color:#107070;<br> margin:10px;<br> }<br> <br> .article-footer {<br> -webkit-border-radius:5px;<br> -moz-border-radius:5px;<br> border-radius:5px;<br> background:#97E2DC;<br> margin:10px;<br> padding:10px;<br> }<br> <br> .back-to-top {<br> text-align:right;<br> text-transform:uppercase;<br> text-shadow:1px 1px 0 #eee;<br> }<br> <br> .article-area-title,#view-mode {<br> color:#97E2DC;<br> }<br> <br> .main-list {<br> -webkit-border-radius:5px;<br> -moz-border-radius:5px;<br> border-radius:5px;<br> background:#C9F3F0;<br> margin:10px;<br> padding:20px;<br> }<br> <br> .main-list th {<br> border-bottom:2px solid #00FFFF;<br> padding:5px;<br> }<br> <br> .main-list td {<br> border-bottom:1px solid #2ADFDF;<br> padding:5px;<br> }<br> <br> .user-post-box {<br> _height:1%;<br> margin-bottom:30px;<br> }<br> <br> .user-post-title {<br> height:50px;<br> margin-bottom:20px;<br> font-size:0;<br> text-indent:-5000px;<br> background:url(http://i.imgur.com/Hu0nLsP.jpg) no-repeat;<br> }<br> <br> #comment-box .user-post-title {<br> background:url(http://i.imgur.com/Hu0nLsP.jpg) left bottom no-repeat;<br> }<br> <br> .single-post {<br> -webkit-border-radius:5px;<br> -moz-border-radius:5px;<br> border-radius:5px;<br> overflow:hidden;<br> _overflow:none;<br> _height:1%;<br> width:580px;<br> background:#97E2DC;<br> border:1px solid #BCF6F1;<br> margin:10px auto;<br> padding:10px;<br> }<br> <br> .post-info {<br> color:#107070;<br> font-size:12px;<br> font-family:tahoma;<br> font-weight:bold;<br> margin-bottom:5px;<br> text-shadow:1px 1px 0 #fff;<br> float:left;<br> width:500px;<br> }<br> <br> .post-photo {<br> float:right;<br> width:60px;<br> }<br> <br> .post-photo img {<br> width:50px;<br> height:50px;<br> border:1px solid #ccc;<br> padding:2px;<br> }<br> <br> .post-text {<br> color:#C40000;<br> float:left;<br> width:500px;<br> }<br> <br> .reply-text {<br> border-top:1px dashed #FF7F7C;<br> padding-top:5px;<br> color:#C675EC;<br> margin-top:5px;<br> float:left;<br> width:500px;<br> }<br> <br> .single-post.secret .post-text {<br> float:none;<br> width:auto;<br> }<br> <br> #trackback-url {<br> text-align:right;<br> padding:10px;<br> }<br> <br> #trackback-box input#trackback-input {<br> width:300px;<br> }<br> <br> #trackback-box .post-text {<br> width:auto;<br> float:none;<br> }<br> <br> .page {<br> text-align:center;<br> padding:20px;<br> }<br> <br> .page a,.page SPAN {<br> -webkit-border-radius:4px;<br> -moz-border-radius:4px;<br> border-radius:4px;<br> border:1px solid #9CEBAE;<br> color:#9CEBAE;<br> margin:0 1px;<br> padding:3px 10px;<br> }<br> <br> .page a:hover {<br> background:#00C4C4;<br> border:1px solid #00C4C4;<br> color:#fff;<br> }<br> <br> .page SPAN {<br> color:#666;<br> }<br> <br> #links {<br> margin-top:120px;<br> float:right;<br> width:220px;<br> overflow:hidden;<br> }<br> <br> .box {<br> _height:1%;<br> margin-bottom:20px;<br> }<br> <br> .box-title {<br> background:url(http://i.imgur.com/elBzwEF.jpg) no-repeat;<br> padding-left:45px;<br> font-weight:bold;<br> color:#0F4A4A;<br> font-size:20px;<br> font-family:華康行書體;<br> text-shadow:1px 1px 0 #FFFF00;<br> height:30px;<br> line-height:30px;<br> }<br> <br> .box-text {<br> color:#888;<br> font-size:15px;<br> line-height:20px;<br> padding:10px!important;<br> }<br> <br> .box-more {<br> text-align:right;<br> margin:5px 0;<br> }<br> <br> .box-more a {<br> font-size:11px;<br> -webkit-border-radius:3px;<br> -moz-border-radius:3px;<br> border-radius:3px;<br> background:#9CEBAE;<br> color:#fff;<br> padding:2px 5px;<br> }<br> <br> #user-info dl dd {<br> margin:0;<br> }<br> <br> #user-info .user-img {<br> margin-bottom:5px;<br> width:95px;<br> }<br> <br> #user-info .user-img img {<br> -webkit-border-radius:5px;<br> -moz-border-radius:5px;<br> border-radius:5px;<br> background:#fff;<br> border:1px solid #ccc;<br> padding:3px;<br> }<br> <br> #calendar th,#calendar td {<br> text-align:center;<br> padding:1px;<br> }<br> <br> #calendar td a {<br> -webkit-border-radius:3px;<br> -moz-border-radius:3px;<br> border-radius:3px;<br> background:#97E2DC;<br> color:#107070;<br> display:block;<br> margin:1px;<br> }<br> <br> #search ul,#visitor ul,#crumb ul {<br> overflow:hidden;<br> _overflow:none;<br> _height:1%;<br> margin-bottom:5px;<br> }<br> <br> #visitor li,#crumb li {<br> float:left;<br> line-height:0;<br> margin:2px;<br> }<br> <br> #visitor li img,#crumb li img {<br> width:40px;<br> height:40px;<br> background:#fff;<br> border:1px solid #000;<br> padding:1px;<br> }<br> <br> #search li {<br> float:left;<br> margin-right:3px;<br> }<br> <br> #latest-trackback a,#latest-comment a,#subscription a {<br> display:block;<br> width:99%;<br> }<br> <br> #footer {<br> clear:both;<br> background:url(http://i.imgur.com/mGvxKT1.jpg) no-repeat;<br> padding-top:50px;<br> height:100px;<br> text-align:center;<br> }<br> <br> #bottom,#bottom a {<br> color:#107070;<br> }<br> <br> input,textarea {<br> vertical-align:middle;<br> font-family:Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;<br> font-size:1em;<br> color:#666;<br> border:1px solid #ccc;<br> background:#fff;<br> -webkit-border-radius:4px;<br> -moz-border-radius:4px;<br> border-radius:4px;<br> padding:2px 5px;<br> }<br> <br> select {<br> font-family:Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;<br> font-size:1em;<br> color:#666;<br> border:1px solid #ccc;<br> background:#fff;<br> width:90%;<br> padding:2px;<br> }<br> <br> #header h1 a {<br> color:#0cc;<br> font-size:14pt;<br> }<br> <br> #header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active {<br> color:#0cc;<br> }<br> <br> #header h1 {<br> font-size:14pt;<br> }<br> <br> #header h2 {<br> color:#0cc;<br> font-size:12pt;<br> }<br> <br> fieldset,img,abbr,acronym {<br> border:0;<br> }<br> <br> #banner .skiplink,.time,.title img,.post-comment,#recent-article img {<br> display:none;<br> }<br> <br> .main-list table,#calendar table {<br> width:100%;<br> }<br> <br> #latest-trackback li,#latest-comment li,#subscription li,#announce li,#recent-article li,#hot-article li,#category li,#latest-comment li,#latest-trackback li,#subscription li {<br> margin-bottom:3px;<br> }<br> <br> <br> <br> <br> #container #links-row-1 div.hslice[id*="-mib-"], #container #links-row-1 div.hslice[id*="-Mib-"], #container #links-row-1 div.hslice[id*="-mIb-"], #container #links-row-1 div.hslice[id*="-miB-"]{<br> <br> display:none !important;<br> <br> }<br> <br> <br> /*此語法只有pixnet可以用，請不要擅自亂改語法及圖片喔！*/<br> /*將這段語法貼在CSS最下面就可以囉!*/<br> #visitor ul{left:20px;width:180px;height:195px;background:<br> url(http://i.imgur.com/E7726Id.gif);<br> margin-left:13px;padding-left:15px;padding-top:105px;}<br> <br> #visitor IMG {}<br> <br> #visitor .box-text li a{<br> height:45px;width:45px;<br> display:block;<br> MARGIN: 5px;<br> background:#FFF url(http://i.imgur.com/coC2CsX.gif) no-repeat center center;<br> <br> }<br> #visitor .box-text li a:hover {background:none;}<br> #visitor .box-text li a img{visibility:hidden;height:45px;width:45px;}<br> #visitor .box-text li a:hover img{visibility:visible;height:45px;width:45px}<br> <br> #visitor .box-text li { float: left; }<br> #visitor .box-text ul{}<br> #visitor .box-more{clear:both;}<br> <br> <br> a, a:link, a:visited{color:#107070;text-decoration:none;}<br> a:hover{color:#C675EC;position:relative;top:2px;background:url(http://) repeat-x bottom;}<br> <br> html{SCROLLBAR-FACE-COLOR:#97E2DC;<br> SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;<br> SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;<br> SCROLLBAR-ARROW-COLOR:#FFFFFF;<br> SCROLLBAR-DARKSHADOW-COLOR:#97E2DC;}<br> <br> <br> #category .box-text h6 img{display:none;}<br> #category .box-text h6 {<br> background-image:url(http://cute.pro.vexp.idv.tw/blogimg07042.gif);<br> background-repeat:no-repeat;<br> background-position:left center;color:#107070;<br> line-height:30px;<br> padding-left:25px;font-size:16px}<br> <br> <br> #category .box-text li a{<br> background-image:url(http://cute.pro.vexp.idv.tw/cros1-icon-f06_sZQv.gif);<br> background-repeat:no-repeat;<br> background-position:1px 1px;<br> padding-left:22px}<br> <br> <br> #category .box-text li a:hover{<br> background-image:url(http://cute.pro.vexp.idv.tw/blogimg07042.gif);<br> background-repeat:no-repeat}<br> padding-left:22px<br>

翔霏學習版-痞客留言板01預覽圖

留言板語法複製↓ 

body { <br> font-family: 'trebuchet ms', verdana, sans-serif;<br> background:#81D2CC url(http://i.imgur.com/LRc89jZ.jpg) repeat-x top;<br> color:#000000;<br> font-size:12px ;<br> margin:0;<br> }<br> <br> #Container{<br> background:url(http://i.imgur.com/HXsT89x.jpg) repeat-y center;<br> width: 901px;<br> margin: 0 auto;<br> text-align: left;<br> }<br> <br> <br> #pageHeader {<br> background:url(http://i.imgur.com/xLkxcCa.jpg) no-repeat top center;<br> color:#000000;<br> width:901px;<br> height:500px;<br> }<br> <br> #navbar {<br> padding:0px 10px;<br> position:relative;<br> top:445px;<br> left:-30px;<br> color:#0C7A6F;<br> margin:0 auto;<br> text-align:right;}<br> <br> .navBarLink {color:#0C7A6F}<br> .navBarLink a, .navBarLink a:visited, .navBarLink a:active {color:#0C7A6F }<br> .navBarLink a:hover {color:#0C7A6F}<br> <br> <br> #gbheader {}<br> <br> .adblock {<br> padding-bottom:10px;<br> }<br> <br> .gbTopic {<br> padding: 10px 0px 0px 55px;<br> }<br> <br> .gbTopic a {<br> color: #6c2b07;<br> font-family: Arial, Helvetica, sans-serif;<br> line-height: 23px;<br> font-size: 14px;<br> text-decoration: none;<br> }<br> <br> .gbDescr {<br> color: #C40000;<br> font-family: Arial, Helvetica, sans-serif;<br> line-height: 20px;<br> font-size: 12px;<br> text-decoration: none;<br> float:left;<br> padding: 5px 0px 0px 80px;<br> clear: both;<br> }<br> <br> #gbbody {<br> clear:both;<br> width: 700px;<br> margin: 0 auto;<br> }<br> <br> #gbfooter {<br> }<br> <br> <br> #pageFooter {<br> color:#187773;<br> clear: both;<br> width:901px;<br> height:90px;<br> background:#81D2CC url(http://i.imgur.com/a0HVX9E.jpg) no-repeat center top;}<br> <br> #footernav {<br> float:left;<br> margin-top:80px;<br> padding-left:35px;<br> }<br> <br> #copyright {<br> float:right;<br> margin-top:80px;<br> padding-right:35px;<br> color:#aaa;<br> }<br> <br> .crtxt {color: #187773;<br> font-family: Arial, Helvetica, sans-serif;<br> line-height: 23px;<br> font-size: 12px;<br> text-decoration: none;<br> }<br> a:hover {<br> font-family: Arial, Helvetica, sans-serif;<br> color: #187773;<br> text-decoration: none;<br> }<br> <br> a.styleLink {<br> font-family: Arial, Helvetica, sans-serif;<br> font-size: 12px;<br> line-height: 23px;<br> color: #0C7A6F;<br> text-decoration: underline;<br> }<br> <br> a.styleLinkNow {<br> font-family: Arial, Helvetica, sans-serif;<br> font-size: 16px;<br> line-height: 23px;<br> color: blue;<br> }<br> <br> .styleTxt { <br> font-family: Arial, Helvetica, sans-serif;<br> font-size: 12px;<br> line-height: 23px;<br> color: #0C7A6F;<br> text-decoration: none;<br> }<br> <br> .gbBox {<br> background:#C0EAE6;<br> margin:0 auto 30px auto;<br> width:700px;<br> }<br> <br> .spacerDiv{<br> clear:both;<br> }<br> <br> .gbBoxLeft {<br> width:150px;<br> border:0px;<br> float:left;<br> }<br> <br> .gbBoxRight {<br> width:550px;<br> float:right;<br> }<br> <br> .gbUserImg {<br> border-right: 0px;<br> }<br> <br> .ImgTd {<br> text-align:center;<br> padding: 10px;<br> height:90px;<br> }<br> <br> .UsernameTd {<br> text-align:center;<br> padding: 7px 0px 3px 0px;<br> height:25px;<br> }<br> <br> .UserlinkTd {<br> padding: 7px 0px 3px 0px;<br> height:25px;<br> text-align:center;<br> }<br> <br> .UserlinkTd table {<br> margin:0 auto;<br> }<br> <br> .UserlinkTd a span{<br> display:none;<br> }<br> <br> .UserlinkTd a {<br> display:block;<br> width:16px;<br> height:16px;<br> }<br> <br> .linkMail a { background:url(http://s.pixfs.net/f.pixnet.net/css/gb/images/email.gif) center; }<br> .linkURL a { background:url(http://s.pixfs.net/f.pixnet.net/css/gb/images/www.gif) center no-repeat; }<br> .linkIP a { background:url(http://s.pixfs.net/f.pixnet.net/css/gb/images/info.gif) center no-repeat; }<br> .linkDelete a { background:url(http://s.pixfs.net/f.pixnet.net/css/gb/images/delete.png) center no-repeat;}<br> <br> .loggedIn {<br> padding-left:15px;<br> background: url(http://s.pixfs.net/f.pixnet.net/css/gb/images/vuser.gif) left no-repeat;<br> }<br> <br> .InnerBox {<br> border-collapse: collapse;<br> width:520px;<br> margin:10px;<br> }<br> <br> <br> .fieldName {<br> width:80px;<br> text-align:right;<br> padding-right:5px;<br> border-bottom: 1px solid #81D2CC;<br> }<br> <br> .field {<br> border-bottom: 1px solid #81D2CC;<br> text-align:left;<br> padding: 2px 5px;<br> }<br> <br> .gbTitle {<br> color: #0C7A6F;<br> font-family: Arial, Helvetica, sans-serif;<br> line-height: 23px;<br> font-size: 14px;<br> text-decoration: none;<br> font-weight: bold;<br> }<br> <br> .gbReplyTd {<br> background:#CEFEFE;<br> }<br> <br> .gbReply {<br> color:#446D8C;<br> background:#CEFEFE;<br> }<br> <br> .userPanel {float:right; margin-right:-30px; margin-top:2px; margin-bottom:80px;}<br> .userPanel a {color:#187773}<br> <br> .userComment {<br> clear:both;<br> position:relative;<br> top:-50px;<br> text-align:center;<br> text-align: center;<br> }<br> <br> .pageSelector {<br> text-align:center;<br> margin: 0 auto;<br> width:680px;<br> height:33px;<br> background:#C0EAE6; <br> }<br> <br> .pageSelectorTop {<br> position: relative;<br> top:-22px;<br> padding-top:5px;<br> padding-left:20px;<br> }<br> <br> .pageSelectorBtm {<br> margin-top:10px;<br> padding-top:5px;<br> padding-left:20px;<br> }<br> <br> .InnerBox input {<br> border: 1px solid gray;<br> padding: 2px;<br> width:95%;<br> }<br> <br> input.radio {<br> border: 0px;<br> width: 5%;<br> }<br> <br> .PrivateMsg {<br> display:block;<br> padding:20px;<br> background: url(http://s.pixfs.net/f.pixnet.net/css/gb/images/permdeny.gif) no-repeat 38% 50%;<br> border: 1px dashed gray;<br> font-size: 14px;<br> color: #187773;<br> font-weight: bold;<br> }<br> <br> .outGB {<br> font-size: 11px;<br> color: #187773;<br> }<br> <br> html{SCROLLBAR-FACE-COLOR:#97E2DC;<br> SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;<br> SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;<br> SCROLLBAR-ARROW-COLOR:#FFFFFF;<br> SCROLLBAR-DARKSHADOW-COLOR:#97E2DC;}<br> <br>

★翔霏作品素材皆取自網路加工 如造成原創不悅請告知  翔霏將立即移除

                     >     

2F23                                     1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

19 20 2122 23 24 25 26 27 28 29 30 31 32 3334 35 36 37 38 39 40 41 42  43 44 4546 47 48 49  50 51 52 53 5401. 02. 03. 04. 05. 06. 07. 08. 09. ]e10. 11. 12. 13. 14. 15. 16. 17.

18. . 20. 21. 22. 23. 24. 25. 26. 27. dO28. 29. 30. 31. 32. 33. 34. 35. 36. UqKi`37. 38. 39. 40. 41. 42. 43. 44. 45. X V46. 47. 48. 49. 50 51 52. 53. 54. v+7"A

55. 56. 57. 58. 59. 60. 61. 62. 63. O*f64. 65. 66. 67. 68. 69. 70. 71. 72. KCD<.73. 74. 75. 76.