My部落格: 雨纓
- - - - - - - - - - - - - - - - -
 - - - - - - - - - - 

💚 [ 更多關於這裡... ]

擅長: 製圖 | 程式設計 | 網站建置

⋄ 雨纓出沒率大約 80%至90% 左右,有空會回來修正佈景主題

⋄ 想要了解更多Web實用教學可以至 Dribs & Drabs


--------------------------------------------------------------------------------------------------

✿ [ 如 連 結 有 錯 誤,麻 煩 留 言 告 知 ]

✿ 請哦,好盜:D

有問題可以找我哦bbb 

《樣式預覽圖》

-

看板 : 

頭貼 :  | 

《領取CSS樣式語法》

 

/*------------------------------ #Generate By Pixnet ------------------------- */
/*------------------------------ #comment-table ------------------------------ */
#comment-form table { width: 96% ; margin: 0 auto ;}
#comment-form td , #comment-form th { border: 1px solid #555 ; padding: 3px 5px; }
#comment-form input#send-comment { padding: 3px 5px ; }
.article-content p{
margin-bottom:1em;
}
#idle-pop {display: none;}
/*------------------------------ #Generate End ------------------------------- */
#banner h1{font: 20px ; } /*部落格標題大小*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:180%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}
pre{
font-size: 1em ;
}
.article-content{
_height: 1% ;
overflow: hidden ;
_overflow: none;
}

 

#banner h2{display:none;}


/*--整體設定--*/
html {
margin: 0px !important;
padding: 0px !important; }

 

body {
position: relative;
font-size: 14px;
text-shadow:1px 1px 1px #ffc5cf; /*文字陰影效果*/
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: "Century Gothic", "MS Gothic", sans-serif;
font-weight: 450;
font-style: normal;
letter-spacing: 2px;
color: #ffa4a6; } /*文字顏色(無超連結)*/

{隱藏你可能會有興趣的文章}
.recommended-posts3 {display:none;}

 

{背景圖}
body {
font-size:10px;
background-color:#ffeef0;
}

/*--超連結顏色--*/
a {
color: #ee778a;
text-decoration: none;
transition: 1.8s all; }/*點選連結緩速變色特效*/

 

/*--滑鼠移動到超連結上時--*/
a:hover {
color: #fff; /*選取文字顏色效果*/
text-decoration: none; }

 

{背景高度與版面寬度}
#body-div {
width:950px; /*版面寬度*/
margin:0 auto;
}

 

{關閉橫向卷軸}
body { 
overflow-y: scroll;
overflow-x: hidden;
}

 

{標題圖}
#container {
margin-top:0px;
margin-bottom:0px;
width:950px;
background:url(https://upload.cc/i1/2018/03/12/WCPyg1.png) no-repeat left top #fff;
}

 

/*--部落格標題文字--*/
#banner {
position:relative;
left:4px;
top:500px;
text-align:center;
padding:4px;
width:950px;
height:10px;
}

 


/*--文章標題--*/
.title h2 a {
font-size: 15px;
font-weight: 1000;
padding: 5px;
margin-bottom: 5px; }

 

{文章內容其他及顏色和點我文章連結}
.article-body {
width:680px;
overflow:hidden;
line-height:17px;/*文章內文間距*/
margin:0 auto;
padding:15px;
}
.more {
padding-top:10px;
height:10px;
}

 

/*--登入後最上方的後台功能列--*/
#authority {
background: #888;
padding: 10px 0px;
text-align: center; }

 

/*--登入後最上方的後台功能列的所有按鈕--*/
#authority a {
background: #555;
padding: 5px 10px;
color: #fff; }

 

 

 

{部落 相簿 留言 名片欄}
#navigation {
float: left;
position:relative;
top:300px;
width:10px;
height:1px;
}
{隱藏部落 相簿 留言 名片欄}
#navigation a {
display:block;
width:100%;
height:100%;
font-size:0; /*刪掉*/
text-indent:-5000px; /*刪掉*/
}

 


/*--所有文章區塊標題(含文章內的文章分類)--*/
.article-area-title {
background: none;
display: none !important;
padding: 1px 3px; }

 

/*--公告注目區--*/
#spotlight{
margin-left:12px;
margin-top:5px;
width:600px;
margin-bottom:2px;
border-bottom:1px dotted ;
}
#spotlight-text {
padding:2px;
}
#main {
_height:10%;
overflow:hidden;
}

 


/*--公告注目區標題--*/
#spotlight h5 {
display: none !important; }
border-radius: 4px;
border-bottom: 1px dotted ;
text-align: Center;
font-size: 25px;
font-weight: 900;
margin-bottom: 15px;
padding: 16px 0px 25px 0px; }

 

/*--公告注目區內容--*/
#spotlight-text {
width: 650px;
text-align: center;
line-height: 25px;
margin: 100px auto; }

 

{目錄欄區域}
#header {
background:url(http://jpg) no-repeat left bottom;
width: 1000px;
height: 430px; /*內文與目錄垂直排版*/
}

 

{文章排版寬度及標題高度}
#content {
margin-top:100px;
float:left;
width:565px;
margin-left:0px;
margin-bottom:0px;
}
.article-area-title{
padding-left:5px;
}
#display{
padding-left:10px;
}
.article {
margin:20px auto;
padding:6px;
}

 


/*--發表時間--*/
.publish {
position: absolute;
width: 170px;
left: -120px;
background: url(http://pic.pimg.tw/pixnetvisual/1478248949-2949162664.png?v=1478248955) no-repeat right center;
top: 35px;
letter-spacing: 1px;
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg); }

 

/*--月份--*/
/*--日期--*/
/*--星期--*/
.day {
display: none; }

 

/*--年--*/
/*--時間--*/
.time {
display: none; }

 


/*--繼續閱讀--*/
.more a {
margin-right:3px;
float:right;
display:block;
width:100px;
height:40px;
font-size:0;
text-indent:-5000px;
background:url(https://upload.cc/i1/2018/03/11/v4zQGE.png) no-repeat;
}
.bookmark {
display:none;
}
/*--繼續閱讀動態--*/
.more a:hover {
opacity: 0.4;
transition-duration: 1.5s;
}

 

{發表文章介紹文字顏色}
.author {
width:650px;
text-align:center;
margin:0;
padding:3px;
font-size:10px;
letter-spacing:0;
line-height:25px;
border-bottom:1px dotted ;
}

 

{以下三樣都是發表文章介紹文字顏色}
.author a {
text-decoration: none;
}
.author a:hover {
text-decoration: none;
}
.forward {
text-align:left;
padding:0;
}
.refer {
width:500px;
text-align:left;
line-height:120%;
margin:5px auto 0;
padding:5px 0 0;
}
.history {
display:none;
}
.back-to-top {
display:none;
}
.main-list table {
width:100%;
margin:20px auto;
}
.main-list table th {
padding:3px 0;
}
.main-list table td.list-num {
font-size:0;
}
.main-list table td {
padding:3px 0;
}
.main-list .list-date {
font: 7px;
}

{引用通告區,輸入網址}
#trackback-url input {
height:18px;
font-size:7pt;
letter-spacing:1px;
vertical-align:middle;
border:1px solid #9CC4FF ;
background:#fff;
padding:0 3px 0 8px;
margin:2px;
}

 

input#trackback-input {
height:17px;
margin-left:10px;
}

 

 

 


{單一引用}
.single-post {
border:1px dotted ;
width:650px;
_height:2%;
overflow:hidden;
_overflow:none;
margin-top:5px;
margin-bottom:10px;
margin-left:40px;
position:relative;
padding:5px;
}

 

{地板}
.floor {
font-size:20pt;
font-weight:700;
line-height:110%;
margin-right:5px;
}

{後信息一排標題}
.post-info {
height:25px;
line-height:130%;
font-size:10px;
text-align:left;
padding:10px;
}
.post-info a {
}
.post-info a:hover {
background:none;
}
.post-info a img {
width:13px;
height:13px;
}
.post-info a.user-name,li.post-info a.reply-message {
background:none !important;
}
.post-photo{
display: none;
}

 


/*目錄欄位*/
#links {
margin-top:125px;
text-align:left;
position:relative;
float:right;
width:205px;
word-break:break-all;
margin-right:8px;
padding-bottom:15px;
}

 

{後文}
.post-text p{
padding-bottom: 5px;
}

 

/*留言列表樣式*/
.user-post-title {
text-align: center;
background: #f399aa;
color: #fff;
border-left: 0px #000 solid;
border-right: 0px #000 solid;
border-bottom: 0px #000 dashed;
border-top: 0px #000 dashed;
font-size: 13px;
margin-bottom: 5px;
padding: 8px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 10px;
}

/*--格友留言內容與文字顏色--*/
.post-text {
line-height:150%;
background-color:#f399aa;
border-radius: 10px;
color: #fff ;
font-size:9px;
padding: 3px;
width: 500px;
}

 


/*--版主回覆內容--*/
.reply-text {
clear: both;
float: right;
margin-top: 5px;
padding: 5px 0px;
border-left: 1px solid;
border-right: 1px solid;
border-top: 1px solid;
border-bottom: 1px solid;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

 

{最新回應連接文字顏色2}
#links a:hover {
padding-right:0px;
}

 

{目錄內容}
.box {
width:200px;
margin:0 auto;
padding:1px;
}
.box-text {
line-height:140%;
margin:0 0 15px;
}

{目錄側欄標題}
.box-title {
font-size:6pt;
height:25px;
width:100%;
text-align: center;
font-weight:400;
background-color:#ffc3cd;
color: #fff;
border-radius: 10px;
line-height:25px;
margin:3px;
}
#category .box-more{
display:none;
}

 


{私語}
#murmur .box-text ul li.murmur-time {
font-size:10px;
}

{播出時間}
.broadcast-time {
padding-right:2px;
font-size:10px;
}

{萬年曆表}
#calendar table td {
line-height:130%;
}

/*-訪客列表-*/
#visitor{}
#visitor .box-text{}
#visitor .box-text ul:after {
content: " ";
display: block;
height: 0px;
clear: both;
overflow: hidden;
}
#visitor .box-text li {
float: left;
padding:5px;
background: none;
}
#visitor .box-text img{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 40px;
height: 40px;
}

 

 

 

{最喜歡的文章高度}
#favorite .box-text {
height:30px;
}

 

{最喜歡的文章}
#favorite .box-text select {
font-size:10px;
width:180px;
}

 

{隱藏統計人數標題}
#counter .box-title{
display:none;
}

 

{引用通告標題 評論標題}
h3#trackback-title,h3#comment-title {
padding-left:8px;
font-size:8pt;
}
.post-comment,#headshot .box-text,#visitor .box-text ul {
_height:1%;
overflow:hidden;
_overflow:none;
}
.broadcast-text a,#latest-trackback .box-text a {
display:block;
width:98%;
}
.broadcast-photo,#login-bar,#banner .skiplink,#banner #blog-category,.bookmark span,.pixnet-user,.hidden-message,.user-ip,li.reply-text p,li.reply-text p a,.secret,#archive .box-more a,#send-message,#latest-comment .box-text span,#visitor .box-more a,#crumb .box-more a {
display:none;
}
.broadcast-text,#visitor .box-more {
clear:both;
}
#visitor .box-text li,#navigation li,.broadcast-photo {
float:left;
}

 

/* ------------------------------------------------------------------------------------------------------------------------------ 頁尾 */
#footer{
width: 850px;
padding-right: 100px;
background: #fff;
padding-top: 20px;
line-height: 200%;
}
#footer a:hover{
position: relative;
top: 1px;
left: 1px;
}
#footer #bottom:before{
padding: 0px 0px;
display: block;
text-align: center;
content: "Copyright © CSS designed by Wei @ 雨纓 , http://shine73312.pixnet.net/blog";
}
#footer #bottom{
padding: 0px 0px;
text-align: center;
}

 

#blogCategory {display:none}
.refer li:first-child {display:none;}

 

{隱藏目錄欄廣告}
#links-row-1 > div { z-index:5; }
#links-row-1 > div:first-child { margin-top: -999em !important; position:absolute; z-index:0; }

 

/*--頁數--*/
.page {
text-align: center;
margin: 40px 0 30px 0; }
.page span, .page a {
display: inline-block;
line-height: 20px;
margin: 0 10px; }
.page span {
border-radius: 50%;
width: 20px;
height: 20px;
background: #f3a2b7;
color: #fff; }
.page .next, .page .pre {
font-size: 20px;
line-height: 15px;
width: 60px;
height: 20px;
margin: 0 40px;
border: 1px solid #f3a2b7;
border-radius: 5px; }
.page .next:hover, .page .pre:hover {
border: 1px solid #ccc; }

 

/*--搜尋--*/
#search li{
background: none !important;
padding: 8px !important;
border: 0px !important;
}
#search-target{
width: 90%;
border: 0px;
background: #f0f0f0;
}
#search-submit{
width: 90%;
text-align: center;
border: 0px;
background: transparent;
}

 

/* ------------------------------------------------------------------------------------------------------------------------------ 文字選取顏色 */
::selection {
background: #fff;
color: #fff;
}
::-moz-selection {
background: #fff;
color: #fff;
}
img::selection {
background: transparent;
}
img::-moz-selection {
background: transparent;
}

 

/*--單一篇文章最下方--*/
.article-footer {
display: none;
background: #fff;
padding: 5px 10px; }

 

/*--此篇文章分類 : 個人分類+全站分類--*/
.refer {
border-bottom: 1px dashed #888;
padding-bottom: 5px;
margin-bottom: 5px; }

 

/*--歷史上的今天--*/
.history {
border-bottom: 1px dashed #888;
padding-bottom: 5px;
margin-bottom: 5px; }

 

/*--轉寄文章--*/
.forward {
text-align: right;
line-height: 40px; }

 

/*--回到頁首--*/
.back-to-top {
text-align: right; }

 

 

--------------------------------------------------------------------------------------------------

 

創作者介紹

其實狂風暴雨的日子你們都找不到我哈哈哈(拍肩

雨纓高興見到你 發表在 痞客邦 留言(2) 人氣()


留言列表 (2)

發表留言
  • 悄悄話
  • 悄悄話