網誌樣式-onepiece海賊王 pixnet版

無名紅色死神 CSS樣式 網誌樣式-onepiece海賊王 pixnet版
網誌樣式-onepiece海賊王 pixnet版

CSS樣式

網誌樣式-onepiece海賊王 pixnet版

Posted By admin

應網友的要求,也因為pixnet要把無名的樣式轉過去比較方便,所以就弄了pixnet版的網誌樣式,不過跟無名的不一樣是pixnet版是兩欄式的,這個也可以套在無名變成兩欄式的(應該啦,看哪個網友試好了再跟我證實吧..:p)。

要在pixnet套用這個樣式的方式,在登入會員後進入管理介面,選擇樣式修改精靈,切換到CSS原始碼編輯,然後在下拉式選單的地方選擇無名樣式,之後再把這串程式碼貼上去就可以了,希望大家使用的開心囉..:)

觀看樣子就看這邊囉。

語法:
html {
background-position:center top;background-image:url(http://f7.wretch.yimg.com/deathhell/1/o1181546129.jpg);background-color:#d9cb8c;background-repeat:repeat-y;}
body {
margin:0px;background-position:center top;font-size:small;background-image:url(http://f7.wretch.yimg.com/deathhell/1/o1181546129.jpg);background-repeat:repeat-y;background-color:#d9cb8c;text-align:left;}
a {
color:#5f2d08;text-decoration:none;}
a:hover {
color:#000000;}
#container1 {
margin:0px auto;width:960px;}
#container2 {
margin:0px auto;width:960px;}
#serviceList li {
margin:0px 7px 0 0;padding:2px 1px 1px 0pt;float:left;display:block;text-align:right;}
#serviceList li a {
display:block;width:56px;height:23px;color:#72400e;background-image:url(http://f7.wretch.yimg.com/deathhell/1/1181570326.jpg);}
#serviceList li a:hover {
display:block;width:56px;height:23px;color:#000000;background-image:url(http://f7.wretch.yimg.com/deathhell/1/1181570327.jpg);}
#extraDiv1 {
}
#extraDiv2 {
}
#banner {
background:transparent url(http://f7.wretch.yimg.com/deathhell/1/o1181575401.jpg) no-repeat scroll center top;width:960px;height:385px;text-align:left;}
#pageheader {
padding:20px 0pt 0pt 10px;width:960px;position:absolute;text-align:left;}
h1 {
font-size:22px;}
h1 a {
color:#7b3912;}
h1 a:hover {
color:#b74a0a;}
h1 .description {
font-size:18px;color:#634111;}
#description2 .description {
left:6px;position:absolute;top:337px;}
#content {
margin:0px 10px;padding:0px 2px 10px;background-position:right bottom;left:193px;background-image:none;width:670px;color:#666666;line-height:170%;background-repeat:repeat;position:relative;top:0px;}
.date {
padding:17px 6px 0pt 47px;float:left;font-size:9pt;left:0px;background-image:url(http://f7.wretch.yimg.com/deathhell/1/1181560915.jpg);color:#857430;position:relative;height:33px;}
.title {
margin:0px;padding:20px 5px 0px 0px;font-size:small;color:#ffffff;background-image:url(http://f7.wretch.yimg.com/deathhell/1/1181560915.jpg);background-position:right center;height:30px;}
.innertext {
padding:5px 10px 10px 0px;font-size:small;overflow-x:auto;width:670px;}
.extended {
text-align:left;}
.posted {
padding-left:0px;font-size:small;margin-bottom:7px;padding-bottom:10px;padding-top:20px;}
.total-comments-div {
color:#999999;}
.trackbacks-head .comments-head {
font-size:small;color:#d2232a;padding-top:20px;}
#divThird {
left:760px;width:200px;position:absolute;top:0px;}
#divThird2 {
padding-left:0px;width:200px;}
#links {
padding:0px;font-size:9pt;float:left;margin-left:0px;width:200px;position:absolute;top:385px;}

.calendar {
font-size:11px;}
div.calendar {
margin-bottom:10px;padding-bottom:40px;padding-top:15px;}
.sidetitle {
padding:10px 0px 2px 5px;background-position:center top;font-weight:bold;border-left-width:5px;font-size:small;background-image:url(http://f7.wretch.yimg.com/deathhell/1/1181536509.jpg);color:#ffffff;background-repeat:no-repeat;height:33px;text-align:center;}
.side {
padding:2px 3px;font-size:9pt;margin-bottom:5px;}
.side a {
font-size:9pt;color:#736553;line-height:180%;}
.side a:hover {
font-size:9pt;color:#000000;line-height:180%;}
.history {
font-size:9pt;line-height:180%;}
.comments-reply {
}
#boxSlideShow .side {
}
#boxMusic .side {
}
#boxFolder .side {
}
#boxCounter .side {
}
#text {
border:1px solid rgb(102, 102, 102);color:#666666;background-color:#ffffff;}
#url {
border:1px solid rgb(102, 102, 102);color:#666666;background-color:#ffffff;}
#email {
border:1px solid rgb(102, 102, 102);color:#666666;background-color:#ffffff;}
.datediv {
background-image:none;}
.articletext {
background-position:right bottom;background-image:url(http://f7.wretch.yimg.com/deathhell/1/1181584310.jpg);width:670px;line-height:150%;background-repeat:no-repeat;border-right-style:none;border-left-style:none;}
.description {
color:#350808;}
.blogbody textarea {
background:transparent url(http://f7.wretch.yimg.com/deathhell/1/1181546131.jpg) no-repeat scroll right center;height:150px;width:500px;}
.input {
background-image:url(http://f7.wretch.yimg.com/deathhell/1/1181413018.jpg);}
.comments-post {
font-size:small;line-height:150%;}
.comments-body p {
padding-left:10px;font-size:small;}
.comments-reply .comments-author .comments-post {
font-size:small;margin-left:28px;color:#cc0000;}
.comments-reply .comments-author {
background-position:left top;padding-left:50px;font-size:small;background-image:url(http://f7.wretch.yimg.com/deathhell/1/1181351375.jpg);width:480px;background-repeat:no-repeat;}
a:link {
color:#9d1511;}
a:visited {
color:#9d1511;}
a:active {
color:#d2232a;}
a:hover{
color:#9d1511;}
#banner a {
color:#7b3912;}
#banner a:link {
color:#7b3912;}
#banner a:visited {
color:#7b3912;}
#banner a:active {
color:#7b3912;}
#banner a:hover {
color:#9e5b0c;}
#bigcontainer {
}
#banner h1 a {
}

Written by admin

240 thoughts on “網誌樣式-onepiece海賊王 pixnet版

  1. 那個阿.. 版大..
    我也是這個樣式的套用者!
    但是有一個小小的問題..
    就是ㄚ,網誌文章的回覆處,也就是回覆留言人的框框阿..
    左上都有一個小圖耶..
    請問那可改嗎? ><
    也就是目前,我留言後的顯示大頭貼上面哪個圖!
    版主回覆:(02/22/2009 03:11:37 PM)
    我有寫怎麼改喔
    再研究看看吧 🙂

  2. http://www.wretch.cc/album/show.php?
    i=may19921211&b=11&f=1105123406&p=11
    ↑ 這個圖是從你這篇網誌擷取的,就是文章上面那個樣式圖!
    ttp://www.wretch.cc/album/show.php?
    i=may19921211&b=11&f=1105123405&p=10
    ↑ 這個是實際用過後,所擷取的圖!
    只是覺得納悶啦..
    怎不一樣.. 我是較喜歡有顏色那個~
    版主回覆:(02/23/2009 10:56:50 AM)
    你不給我看原始碼我很難跟你說哪邊錯了阿
    這個看起來是圖片太大 你要用小一點的圖片財部會有問題
    還有其實我建議你去看一些關於html或css的書
    對於更改樣式會比較有概念一些

  3. 要在pixnet套用這個樣式的方式,在登入會員後進入管理介面,選擇樣式修
    改精靈,切換到CSS原始碼編輯,然後在下拉式選單的地方選擇無名樣式,之
    後再把這串程式碼貼上去就可以了
    這邊看不懂= =
    請問能教我ㄇ
    謝謝喔
    版主回覆:(04/03/2009 02:48:41 AM)
    現在這個好像因為無名不給外連的關係
    會有些問題
    等之後我改完再跟你說怎麼換吧

  4. 可以再做新的海賊王樣式嗎
    我等久喔
    拜託
    拜託
    3q
    版主回覆:(04/11/2009 12:55:23 PM)
    我也想再做阿 等我有時間吧

  5. 3q~
    雖然對我這電腦白吃來說還是有難度 但是先謝拉
    版主回覆:(05/17/2009 12:08:45 PM)
    哈 有心想學就會進步了
    加油阿

  6. 請問一下
    我依照你的步驟去改
    可是卻改不出上面的樣子
    而且你之前放在pixnet的樣式也變了
    真的很喜歡這個樣式,很想用
    可以麻煩你檢查一下嗎
    謝謝
    版主回覆:(07/06/2009 05:43:31 AM)
    有些問題 可是最近沒時間去改..XD

  7. 我整個語法都複製過去了 不過沒出現畫面的說
    不知道是哪邊出了問題 原本的語法是都刪除不用嗎?
    版主回覆:(08/03/2009 06:12:05 AM)
    應該是無名的圖片被擋掉的關係

  8. 謝謝你的分享 不過我也沒辦法弄成兩欄的
    版主回覆:(12/13/2009 02:02:49 PM)
    無名的都是三行的..XD

  9. 拿走 謝啦!!
    可以在做嗎?
    版主回覆:(03/01/2010 05:39:36 AM)
    可以阿
    但實在是最近很沒空

  10. 感謝版大的分享^^
    讓我這小小無助的鄉民有了新希望XD
    包走囉^^
    感謝版大的創作!!
    希望版大有更好的左品阿~~~~T_T

  11. 謝謝你的分享~
    我拿走囉^^
    順便問..就是上一篇海賊王的樣式
    我複製貼上後卻沒有成功耶..
    沒有圖案..請問最主要是原因是QQ?
    因為怎麼用都沒用好..所以想請問QQ
    就是名場面的部分每一個都不能用阿~~~(崩潰)

  12. 謝謝大大的分享
    大大的創作真的超棒的
    永遠支持海賊王!!
    版主回覆:(04/14/2010 02:15:39 PM)
    謝謝支持囉

  13. 可以教我怎麼把回復留言實惠出現的鋼彈頭改掉嘛?
    我看不你寫的
    最上面的那個我也想改成七武海的
    我不會改0.0

  14. 拿走囉^^~ 兩個版本都很好看 推推推~~~
    另一個版本的我貼上語法後竟然沒有顯示出來
    不知道是不是我比較笨><

Comments are closed.

Download it free from the WordPress Repository

Join Now