PIXNET Logo登入

非學不可

跳到主文

高雄/網拍部落格行銷班/
基礎電腦班招生/部落格托管經營/遠距離一對一教學/

部落格全站分類：視覺設計

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 2月 09 週二 201012:00

  • 【css樣式痞客版型分享】恭喜發財虎運到(版型+桌布分享) 已發表上架於痞客後台

新年快樂

Sophie祝痞客所有的朋友新年快樂^^

/*-----HAPPY NEW YEAR BY SOPHIESTUDIO*/
/*--------------------------reset*/
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:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
pre{font-size: 1em ;}
.article-content{ _height: 1% ; overflow: hidden ; _overflow: none;}
.article-content p{margin-bottom: 1em;}
a { text-decoration: none; }
/*a:focus { -moz-outline-style: none; }*/
br{letter-spacing: normal;}
input{
border:1px solid #ccc;
padding:3px;
font:12px arial;
color:#666;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}
/*--------------------------all setting*/
HTML {
SCROLLBAR-FACE-COLOR: ;
SCROLLBAR-HIGHLIGHT-COLOR: ;
SCROLLBAR-SHADOW-COLOR: ;
SCROLLBAR-3DLIGHT-COLOR: ;
SCROLLBAR-ARROW-COLOR: ;
SCROLLBAR-TRACK-COLOR: ;
SCROLLBAR-DARKSHADOW-COLOR: ;
overflow-x:; }
body {
background:#000000;
font-size:12px;
font-family: arial;}
#blog-main{}
#article-main{}
a {color:#c33;}
a:hover {color:#f80;}
#body-div{}
/*--------------------------authority*/
#authority{
background:#000000;
width: 900px;
margin:0 auto;
height:20px;
padding-top:10px;}
#authority a{
padding:3px 5px;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background:#d40d37;
color:#fff;}
#authority a:hover{color:#963;}
#authority a#newpost {margin-left:20px;}
#authority a#backstage {}
/*--------------------------container*/
#container{
width:100%;
background:url() left top repeat-x #000000;}
#container2{
width:900px;
margin:0 auto;
position:relative;
background:url(http://pic.pimg.tw/sophieyjl/4b700dac513d5.jpg?v=1265634732) left top repeat-y;}
#container3{}
#extradiv8{
position:relative;
width: 20px;
height: 320px;
position:absolute;
left: -20px;
top:0;
background:#000000;}
/*--------------------------header*/
#header{
height: 370px;
background:url(http://pic.pimg.tw/sophieyjl/4b700c7ab16e9.jpg?v=1265634429) no-repeat;}
#login-bar{
text-align: right;
height:30px;
line-height:30px;
color:#FFFFFF}
#login-bar a{color:#FFFFFF}
#banner{
margin-left: 350px;
padding:20px 0;}
#banner h1 a{
position:relative;
top:180px;
right:150px;
font:20px arial;
color:#d00;}
#banner h2{
position:relative;
top:165px;
right:150px;
font:12px arial;
color:#963;
margin:5px 0;
}
#banner .skip
link {display:none;}
#banner #blog-category{
position:absolute;
right:30px;
top: 340px;
color:#c33;}
/*--------------------------navigation*/
#navigation{
position:absolute;
top: 340px;
left: 400px;}
#navigation li{
float: left;
padding:0 10px;
border-right:2px dotted #eab087;}
#navigation a{color:#FFFFFF;}
#navigation a:hover{color:#ffc3d0;}
#navigation #link-album{}
#navigation #link-blog{}
#navigation #link-guestbook{}
#navigation #link-profile{border:0;}
/*--------------------------main*/
#main{
overflow: hidden;
_overflow: none;
_height: 1%;
padding-top:20px;}
/*--------------------------content*/
#content{
overflow: hidden;
float: left;
width: 620px;
margin-left: 20px;
display:inline;}
#spotlight{
border-bottom:1px dashed #AA0C0C;
padding-bottom:5px;
margin-bottom:20px;}
#spotlight h5{
font:bold 15px arial;
height: 20px;
background:#ffd7d5;
line-height: 20px;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding:5px;
color:#a07c63;}
#spotlight-text{
margin:10px;
line-height:160%;
color:#666;}
#article-area{}
#article-area .article-area-title,
#view-mode{
line-height:150%;
color:#963;
text-align:right;}
#article-box{}
.article{
background:url() left bottom repeat-x;
padding-bottom:15px;
margin-top:20px;
margin-bottom:20px;}
.article-head{
background:url(http://pic.pimg.tw/sophieyjl/4b71198f74cf5.jpg?v=1265703311) left top no-repeat;
padding-left: 45px;}
.publish {
text-transform:uppercase;
font:bold 13px Century Gothic;
color:#d00;}
.title img{display:none;}
.title a{
font:bold 15px arial;
color:#000;}
.title a:hover{color:#996600;}
.article-body{
margin:10px;
line-height: 160%;
text-align: right;
color:#8b7761;}
.article-content{
margin:10px 0;
text-align: left;
letter-spacing:0.05em;
color:#444;
line-height:170%;}
.bookmark{}
.author{}
.forward{}
.article-footer{
color:#8b7761;
margin:10px;
line-height:160%;}
.history{}
.refer{}
.back-to-top{
text-align:right;}
.back-to-top a{
text-transform:uppercase;
font:11px CEntury Gothic;
padding: 3px 5px;
background:#ffe0cb;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}
/*--------------------------list*/
.main-list {}
.main-list table{
width:95%;
margin: 10px auto;}
.main-list th{
background:#a07c63;
padding:5px;
color:#fff;}
.list-num{display:none;}
.list-date {width:100px;
color:#666;
font:11px Century gothic;}
.list-title{}
.main-list td{
padding:5px;
border-bottom:1px dotted #ccc;}
/*--------------------------post-box*/
.user-post-box{
margin: 20px 10px;}
.user-post-title{
height:40px;
background:#FFFFFF;
color:#D91000;
font-size:0;text-indent: -5000px;
margin-bottom:10px;}
#trackback-box .user-post-title{}
#comment-box .user-post-title{
background:#FFFFFF;}
.post-comment{
width:185px;
height: 65px;
margin:0 0 20px 400px;}
#content .post-comment a{
font-size:0;text-indent: -5000px;
display:block; width:100%; height:100%;}
.single-post{
overflow: hidden;
_overflow: none;
_height: 1%;
background:#ffe0cb;
margin-bottom:10px;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding:10px;
line-height:160%;}
.post-info{
color:#ae8162;
margin-bottom:5px;}
.post-photo{
float: left;
width: 65px;}
.post-photo img{
border:1px solid #aaa;
padding:3px;
background:#fff;
width: 50px;
height:50px;}
.post-text,
.reply-text{
float: right;
width: 510px;}
.reply-text{
margin-top:10px;
color:#963;}
.reply-text p{}
.single-post.secret{}
.single-post.secret .post-text{
float: none;
width: auto;}
#trackback-box {}
#trackback-box h3 {}
#trackback-box SPAN {}
#trackback-box #trackback-url{
margin:10px 0;}
#trackback-box input#trackback-input{width:400px;}
#trackback-text {}
#trackback-text .single-post {}
#trackback-text .post-info {}
#trackback-box .post-text{
width:auto ;
float:none ;}
/*--------------------------comment-form */
#comment-form {
background: #FFD7D5;
padding: 15px;
margin: 10px auto;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}
#comment-form p {
color: #bbb;
text-align: right;
margin: 0px 10px 5px;
}
#comment-form table {
width: 100%;
border: none;}
#comment-form table tr.comment-form-title { display: none; }
#comment-form table td {
color: #666;
vertical-align: top;
border: none;
padding: 2px 5px;}
#comment-form table th {
color: #886852;
vertical-align: top;
width: 70px;
border: none;
text-align:right;
padding: 2px 5px;}
#comment-form table th font { display: none; }
#comment-form input {
height: 17px;
border: none;
border-bottom: 1px solid #c5bf9b;
background: none;
width:90%;}
#comment-form input.radio {
border: none; width: auto;
background: none;margin:0; padding:0;}
#comment-form input#blogcommenttext_name{width: 87%; width: 85%\9;}
#comment-form input#send-comment{
width: 70px;
height:auto;
padding:5px;
border:0;
background:#ff8800;
color:#fff;}
#comment-form textarea {
width: 99%;
height: 90px;
font-family: Arial;
font-size: 11px;
line-height: 18px;
color: #000;
border: 1px solid #ccc;
background: #fff;
overflow:auto;}

/*--------------------------pages*/

.page{
padding:10px;
text-align:center;}
.page a,
.page SPAN{
padding:3px 5px;
line-height:150%;
margin:0 3px;}
.page SPAN{
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
background:#ccc;}
/*--------------------------links*/
#links{
overflow: hidden;
float: right;
width: 210px;
margin-right: 20px;
display:inline;
}
#links-row-1{}
#links-row-2{}
.box{
margin-bottom:10px;}
.box-title{
border-top:1px dashed #ffffff;
border-bottom:1px dashed #ffffff;
height: 30px;
padding-left:20px;
font:bold 13px arial;
line-height:30px;
color:#ed78ac;
overflow:hidden;}
.box-text {
padding: 10px 5px;
line-height:160%;}
.box-text a{color:#5c4e44;}
.box-text a:hover{color:#803831;}
.box-more{
text-align:right;
margin: 5px 0;}
.box-more a{
font-size:11px; font-size:10px\9;
color:#fff;
background:#D40D37;
padding:3px 5px;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}
.box-more a:hover{
background:#fee;}

#headshot{}
#headshot ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#headshot li{
width:90px;
float: right;}
#headshot li#headshot-img{
float: left;}
#headshot li#friend-apply{}
#headshot li#send-message{}
#recent-article img{display:none;}
#calendar table{
width: 90%;
margin:0 auto;}
#calendar th,
#calendar td{
text-align:center;
border:1px solid #ffe0cb;}
#calendar .calMonthHeader{}
#calendar td a{
font-size:11px;
display:block;
color:#fff;
background:#963;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}
.murmur-time{
color:#c33;
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{}
#visitor,#crumb{}
#visitor ul,#crumb ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#visitor li,#crumb li{
float: left;
line-height:0;
margin:0 2px 2px 0;}
#visitor li img,
#crumb li img {
width:45px;
height:45px;}
#broadcast ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#broadcast li{
font:12px arial !important;
border-bottom: 1px dotted #f1c4a5 !important}
#broadcast .murmurs-content a{color:#c33;}
#broadcast .murmurs-content span{
display:block;
color:#333;}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search li{
float: left;
margin-right:5px;
display:inline;}
#search input{
border:1px solid #eee;
height:22px;
padding:3px;
-khtml-border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}
#search input#search-target{
height:14px;
width:140px;
background:#fff;
border-top:1px solid #bbb;
border-left:1px solid #bbb;}
#search input#search-submit{
margin:0;
width: 40px;
font-size:12px;
background:#eee;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;}
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{}
#category .box-more {}
#archive select {}
#favorite select {}
#latest-comment li,
#latest-trackback li,
#subscription li{
margin-bottom:3px;}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {}
#mylink .inner-box{}
#mylink .inner-box h6{
font-weight:bold;
color:#c33;}
#mylink .inner-box li{
margin-left:12px;}
#counter{}
#counter SPAN{}
.folder{}
.folder .box-title{}
.folder .box-text{}
#powered{}
/*--------------------------footer*/
#footer{
clear:both;
background:url(http://pic.pimg.tw/sophieyjl/4b70100340b81.jpg?v=1265635331) left top no-repeat #000000;
padding:70px 0 30px;
text-align: center;
line-height:160%;
_height:1%;}
#footer p{color:#fff;}
#bottom a:hover{color:#333}
(繼續閱讀...)
文章標籤

鹿老師 發表在 痞客邦 留言(23) 人氣(52)

  • 個人分類：css樣式痞客邦CSS樣式版型分享
▲top
  • 1月 20 週三 201012:17

  • 【css樣式痞客版型分享】 【zen】木質生活。已上架於痞客樣式選擇的"其它"分類

ZEN.jpg
css樣式痞客版型分享 【zen】木質生活。css樣式痞客版型分享css樣式痞客版型分享css樣式痞客版型分享css樣式痞客版型分享css樣式痞客版型分享
(↑預覽圖)
(繼續閱讀...)
文章標籤

鹿老師 發表在 痞客邦 留言(1) 人氣(192)

  • 個人分類：css樣式痞客邦CSS樣式版型分享
▲top
1

個人資訊

鹿老師
暱稱：
鹿老師
分類：
視覺設計
好友：
累積中
地區：

臉書

檔案下載

教學連結

網拍部落格臉書托管

文章分類

toggle 【非氏不可】各班講義/開班資訊/行銷托管服務 (6)
  • 【非氏不可團隊】網路行銷服務項目 (5)
  • 鹿老師初級班講義 (3)
  • 鹿老師初學者進階班講義 (1)
  • 鹿老師部落格行銷班講義 (5)
  • 最新資訊│鹿老師台南電腦課程 (4)
  • 已結束課程資訊 (10)
toggle 臉書Facebook中文教學資訊 (3)
  • 臉書Facebook中文技巧教學 (8)
  • 臉書Facebook中文資訊分享 (4)
  • 臉書Facebook中文行銷觀念 (1)
toggle 痞客邦部落格樣式CSS教學 (5)
  • css樣式痞客邦樣式CSS版型設計 (5)
  • css樣式─痞客樣式簡易修改 (2)
  • css樣式痞客邦CSS樣式版型分享 (2)
  • css樣式─背景系列 (3)
  • 部落格css樣式Q&A (2)
toggle Plurk噗浪樣式CSS教 (1)
  • css樣式─plurk噗浪樣式 (7)
toggle 免費軟體下載使用教學 (2)
  • 免費軟體下載使用教學 (4)
  • 免費防毒軟體 (6)
  • 網路行銷提昇人氣部落格技巧 (8)
  • Windown7系統小技巧教學 (1)
  • 網路賺錢手法分析 (3)
  • 網路資訊分享 (13)
  • 隨想隨寫 (2)
  • 未分類文章 (1)

AD

熱門文章

  • (4,417)【台南社區學電腦基礎班】台南初學者班初級課程/社區電腦研習電腦初級基礎班！ (台南免費學電腦課程-低收入戶全額免費)
  • (3,232)破解無名相簿密碼破解、大學女生性愛自拍照外流!? 教妳如何避免當上最佳女主角
  • (2,130)一分鐘破解無名相簿密碼？ 無名相簿密碼破解猖獗、自拍影片外流氾濫
  • (1,781)痞客css樣式二欄轉三欄教學(下)
  • (1,603)【網路安全】如何辨識MSN病毒/Foto病毒/nvsvc32.exe病毒/解毒移除的方法（會在臉書Facebook、Skype、Yahoo即時通、MSN傳播病毒連結）
  • (932)【台南社區學電腦網拍課】台南網拍班網拍課創業班課程/社區電腦研習網拍班！ (台南免費學電腦課程-低收入戶全額免費)
  • (764)【部落格痞客css樣式教學】盒子box model(2)設定區塊的寬度和高度
  • (744)【台南電腦課程資訊】社區e化電腦研習 台南電腦班社區招生囉!!! 電腦初級班、部落格班、遠距離一對一線上教學班電腦課程 (台南免費學電腦課程-初級班低收入戶全額免費)
  • (536)微軟新注音輸入法 2003隱藏的手寫功能/微軟輸入法整合器 (僅支援 32 位元系統)
  • (354)【免費防毒軟體】AVG Anti-Virus Free Edition 2011 繁體中文版/多國語系 下載/安裝/使用/設定 完整教學 (下) 使用設定篇

最新文章

  • 新注音『輸入法整合器』手寫系統
  • 網路行銷班一對一教學│網路創業│賺錢│找工作│兼職│
  • 電腦基礎班一對一教學
  • 蝦皮網拍注意事項（1）
  • 臉書Facebook使用教學（1） 曾文社大電腦基礎班
  • 高齡追上時代-手機攝影(樂齡大學)
  • 愛心不落人後 台南曾文社區大學104年秋季班開課囉
  • 智慧型手機/平板電腦介紹
  • 台南市曾文社區大學2015年度春季班招生簡介(課程已結束）
  • 愛心不或人後台南市曾文社區大學免費講座│與水共榮、魚菜共生

最新留言

  • [21/12/15] aten 50 mg 於文章「win7 SRC 一鍵還原...」留言：
    <a href="https://www.dosepharm...
  • [21/05/26] 魔術師 林政德 於文章「電腦基礎班一對一教學...」留言：
    非常感謝分享^^...
  • [20/10/22] SBN 於文章「《網路行銷提昇人氣部落格技巧》何提升部落...」留言：
    謝謝分享～...
  • [19/05/11] 帥哥哲也 於文章「《網路行銷提昇人氣部落格技巧》何提升部落...」留言：
    謝謝版主分享部落格經營的方法 愛死你了~~~ 跟我上次看...
  • [18/12/06] 訪客 於文章「【臉書Facebook中文】臉書Face...」留言：
    請問一下，我發現已經退出的社團，再次搜尋，上面會看到藍勾勾，...
  • [18/06/21] k557022 於文章「網路行銷班一對一教學│網路創業│賺錢│找...」留言：
    r5cyV9p4bMzLd奢侈品仿牌，，保固說到做到，，誠信...
  • [18/05/09] kiki 於文章「【臉書Facebook中文】臉書Face...」留言：
    請問有誰知道社團管理員星星符號管理標誌要怎麼使用才可以出現...
  • [17/09/26] 軍人魂 於文章「痞客邦部落格基本/進階設定要領【電腦網路...」發表了一則私密留言
  • [17/06/10] 阿靜 於文章「【臉書Facebook中文】臉書Face...」留言：
    請問您, 我設了社團, 該如何使用社團名稱貼文而不是老是我的...
  • [17/05/14] 身體好健康 於文章「【部落格痞客css樣式教學】痞客樣式簡易...」留言：
    今天是母親節，先祝你母親節快樂...

文章搜尋

誰來我家

參觀人氣

  • 本日人氣：
  • 累積人氣：

gfhdg

SiteTag