Category: CSS樣式

痞客邦網誌樣式-iTenki

CSS樣式

痞客邦網誌樣式-iTenki

Posted By admin

(adsbygoogle = window.adsbygoogle || []).push({});

iTenki部落格
其實完成很久了,這是拿痞客邦的樣式作修改完成的,不過因為是公司用的,就不分享CSS了。

Read More
網誌樣式-紅白面板

CSS樣式

網誌樣式-紅白面板

Posted By admin

/* ———-
modified by deathhell
powered by wretch design wizard – www.wretch.cc
———- */
html {
background-position:center top;background-image:url(http://f7.wretch.yimg.com/deathhell/1/o1181688895.jpg?CpXG.fJDdR5KSl2pbDRog01YlKI3VjF_cdPinrooA2PQToaZ.ZhLfr7J9Q–);background-color:#ffffff;}
body {
margin:0px;background-position:center top;font-size:small;background-image:url(http://f7.wretch.yimg.com/deathhell/1/o1181688895.jpg?CpXG.fJDdR5KSl2pbDRog01YlKI3VjF_cdPinrooA2PQToaZ.ZhLfr7J9Q–);background-repeat:repeat-y;background-color:#ffffff;text-align:left;}
a {
color:#d2232a;text-decoration:none;}
a:hover {
color:#000000;}
#container1 {
margin:0px auto;width:960px;}
#container2 {
margin:0px auto;width:960px;}
#serviceList li {
padding:0pt 1px 1px 0pt;float:left;display:block;text-align:center;}
Read More

網誌樣式-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

Read More

CSS樣式

網誌樣式-onepiece海賊王

Posted By admin

onepiece的樣式分享,上面那一塊可以改成任何名場面,如果有想要什麼名場面的,也可以在這篇留言,我有空就會改來跟大家分享了。
另外覺得這個還不錯的就幫我推一下吧..:p

大家可以把下面那串紅色的字改掉,就可以換成你要的banner的樣子了。
把下面那串粉紅色的部分改掉,可以更改版主回應的頭像,就不用跟我用一樣的頭像了。
為了大家方便 我幫大家做好了角色的頭像,就自己選擇想要的頭像吧,其實也是我在別人的部落格看到我的頭像會覺得很怪 XD。

http://pic.pimg.tw/deathhell0/1383065217-3711951112.jpg?v=1383065218?DsjkG6dDdR4jxzEXNdJ58wa89aQXeCq6QJzInHDPDrwuifAMhzgOoYMj_1OKgjXaINY-?PLNC0_ZDdR4a1DbNuKpAGaTXsPYTg2h0MSs9c_YtVhAEfkZwd8FIS_09F8dNLeW4OA–

http://pic.pimg.tw/deathhell0/1383065218-1406526280.jpg?v=1383065219?AH3vw8xDdR74U21deGLZmWOyHK4VE4GPujZVCorJHB_L8wD.5tx_BhJAzAQjgSXXQ.0-?005dY.9DdR7_t_fXzc_ClHGbeqpXIbKvKJWtbE3KXyeH8Kevvn8RAGwUjHnIOF3a9Q–

http://pic.pimg.tw/deathhell0/1383065220-3925290882.jpg?v=1383065221?Aql5FHBDdR689orGXR5thGQlUcmx58Bky8R3iG7XuEnRUHjuELCny977AWspAic76do-?29prrxtDdR4YGZ8CCSN4vMuZRCFwYbR8ld4N8q2VlcexAvXZg1ToCPZMMYpcnNu6Fw–

http://pic.pimg.tw/deathhell0/1383065221-342246108.jpg?v=1383065222?8FCisHlDdR4gmkYpoaGsSwrGjok7olVgwdH3POKBRsX_bMnqMPosx_YyXXypj3ftYSQ-?RdcthihDdR7c3yqlavssEaMbHGPNbeVVbrap6cfrCHcOeQfrq9EI8RSvTof6VpOPfw–

http://pic.pimg.tw/deathhell0/1383065222-2597940519.jpg?eyuGIbJDdR63ZLkMKu7cQ5jQTWc3U0yUWOVoBJOEi.DZ9i0fgbhdyg.S75o_I0IBfZ0-?Y0Sf69JDdR5UPBDtX2EhK_.71YFcPBkWYzeSpMIuKrVx3T9s_DjknvK_OoUWUCWZVg–

http://pic.pimg.tw/deathhell0/1383065224-3344533557.jpg?v=1383065225?degyIANDdR6OHYXM3O4zX4byjDOl5rIDdxaBEYXqTQrAhH8eUFVMhLLNgfvJLFCfghY-?2zrwR9dDdR7qm2qd6bt2atu.YKR7YLAogDZA1vtwhArV1D.RFxjPMY.hPLMG5BLwsw–

http://pic.pimg.tw/deathhell0/1383065225-1582641602.jpg?v=1383065226?JVA5fOdDdR4.A219wexd_c0hfguQpHXKkQXLpLNzE3MIJnwS.kTr7ovXkcToEWKZOTM-?CPWNz2JDdR7nzO7C8lnWE5Ron_jtXI78P0w8pjtbCxYeUF0qYNtIRGCuIquc40NLfA–

http://pic.pimg.tw/deathhell0/1383065226-912663104.jpg?M_jHOCdDdR7VUXOnwV1Ub0Yw53Swid2Ykzs5.Ywgp5hupZO1lg6eMUbeHUzAUyf9DRA-?PFbcUvRDdR5qvJP1yEsT1PTymZh5_0yFy8JZWEBSXKrsH0DlchVVD5hRk2hH59eEkg–

http://pic.pimg.tw/deathhell0/1383065228-2801421137.jpg?XczAVPxDdR4CMtcRqol0XtsmjO8q7jRyasRzK08664gt6ju1PQx5i9IDJ8Zf0ah48mc-?XWiYZQZDdR7ayOFFyc3V4vvUWG1mS36oQjlHfOowDtJrp93W6zmT6yN.3.6Zl37Dbw–

http://pic.pimg.tw/deathhell0/1383065229-1387390599.jpg?v=1383065230?6ISmZs5DdR4alXoEo.AQ689tYwEI8UJoZnVJ52aUgVjlfYIbfspiIMz5Xl3YP6d.3CU-?hF3t_HRDdR7kjfhA4VpwwEavo0nVnCX8Ya1Y_Ynl8_pewYAPnGQRtyCW9TqPWEjckA–

這是王下七武海的版本。
把紅色的字改成這串:http://f7.wretch.yimg.com/deathhell/1/o1181584312.jpg?xbkJGhxDdR5ZJHoXjYSPWsKQbEA4Eovr6pTZZgoANKrJSeooPCNIqDwma7vPxmZ5pw–

鷹眼的男子 密佛格 http://pic.pimg.tw/deathhell0/1383065231-1724307941.jpg?v=1383065232?IBJg255DdR5eY1nHlHVKpzYyBHVeg3I6qMAIDjVcFleK9yBfuH3wc433WQTY4._erjI-?IK2MBvJDdR6sXqpzOYtwUy2ZwRC9VG_eBWePhXM0ORL0.Z1fr5NZcgJ6LLbnGuyJTw–

暴君 巴索羅繆‧大熊  http://pic.pimg.tw/deathhell0/1383065232-1215651302.jpg?mQtD.1NDdR41jATe4VJbXNmus72VZEubE1Y.nxIdOtBwF6Avwz0BcAJk2YKZ.POx_Ho-?XgbuhhpDdR7v1SJfFc8d3thJbN0tNysAWgll7JNu0G.XnUTEn0EGPvZ_vQxX4iqt6g–

月光莫利亞  http://pic.pimg.tw/deathhell0/1383065232-3726148803.jpg?Q_4guu5DdR5fwkyHR_fhWUiVUIr8KF8A4zSm31wpiRKS4osBFubcg05VwKKyY1THXms-?W1XLZjhDdR6wirJh.cnX2aeBILXd0AwWJZLjZ1hen3npcl2vEV0PkuGkttkz7KqcRg–

波雅‧漢考克

Read More
網誌樣式-三欄式Black Panel

CSS樣式

網誌樣式-三欄式Black Panel

Posted By admin

/* ———-
modified by deathhell
powered by wretch design wizard – www.wretch.cc
———- */
html {
background-position:center top;background-image:url(http://f7.wretch.yimg.com/deathhell/1/o1181528592.jpg);background-color:#980505;}
body {
margin:0px;background-position:center top;font-size:small;background-image:url(http://f7.wretch.yimg.com/deathhell/1/o1181528592.jpg);background-repeat:repeat-y;background-color:#980505;text-align:left;}
a {
color:#d2232a;text-decoration:none;}
a:hover {
color:#000000;}
#container1 {
margin:0px auto;width:960px;}
#container2 {
margin:0px auto;width:960px;}
#serviceList li {
padding:0pt 1px 1px 0pt;float:left;display:block;text-align:center;}
Read More

網誌樣式-deathhell三欄式-2

CSS樣式

網誌樣式-deathhell三欄式-2

Posted By admin

HTML {
BACKGROUND-POSITION:center bottom;BACKGROUND-IMAGE:url(http://f7.wretch.yimg.com/deathhell/1/o1181449814.jpg);BACKGROUND-COLOR:#990000;}
BODY {
BACKGROUND-POSITION:center bottom;FONT-SIZE:small;BACKGROUND-IMAGE:url(http://f7.wretch.yimg.com/deathhell/1/o1181449814.jpg);MARGIN:0px;BACKGROUND-REPEAT:repeat-y;BACKGROUND-COLOR:#990000;TEXT-ALIGN:left;}
A {
COLOR:#d2232a;TEXT-DECORATION:none;}
A:hover {
COLOR:#000;}
#container1 {
MARGIN:0px auto;WIDTH:960px;}
#container2 {
MARGIN:0px auto;WIDTH:960px;}
#extraDiv1 {
}
#extraDiv2 {
}
#banner {
BACKGROUND:url(http://f7.wretch.yimg.com/deathhell/1/1181441470.jpg) no-repeat center top;WIDTH:960px;HEIGHT:385px;TEXT-ALIGN:left;}
#pageheader {
WIDTH:960px;POSITION:absolute;TEXT-ALIGN:left;}
H1 {
FONT-SIZE:22px;COLOR:#008071;}
H1 A {
Read More

網誌樣式-三欄式deathhell

CSS樣式

網誌樣式-三欄式deathhell

Posted By admin

HTML {
BACKGROUND-POSITION:center bottom;BACKGROUND-IMAGE:url(http://f7.wretch.yimg.com/deathhell/1/o1181449814.jpg);BACKGROUND-COLOR:#990000;}
BODY {
BACKGROUND-POSITION:center bottom;FONT-SIZE:small;BACKGROUND-IMAGE:url(http://f7.wretch.yimg.com/deathhell/1/o1181449814.jpg);MARGIN:0px;BACKGROUND-REPEAT:repeat-y;BACKGROUND-COLOR:#990000;TEXT-ALIGN:left;}
A {
COLOR:#d2232a;TEXT-DECORATION:none;}
A:hover {
COLOR:#000;}
#container1 {
MARGIN:0px auto;WIDTH:960px;}
#container2 {
MARGIN:0px auto;WIDTH:960px;}
#extraDiv1 {
}
#extraDiv2 {
}
#banner {
BACKGROUND:url(http://f7.wretch.yimg.com/deathhell/1/1181441470.jpg) no-repeat center top;WIDTH:960px;HEIGHT:385px;TEXT-ALIGN:left;}
#pageheader {
WIDTH:960px;POSITION:absolute;TEXT-ALIGN:left;}
H1 {
FONT-SIZE:22px;COLOR:#008071;}
H1 A {
Read More

網誌樣式-紅色死神

CSS樣式

網誌樣式-紅色死神

Posted By admin

BODY {
PADDING-RIGHT:0px;PADDING-LEFT:0px;FONT-SIZE:0.8em;BACKGROUND:url(http://f7.wretch.yimg.com/deathhell/1/1181344572.jpg) #333333 repeat-y 50% 0%;PADDING-BOTTOM:0px;MARGIN:0px;COLOR:#555;PADDING-TOP:0px;FONT-FAMILY:Arial;}
A {
COLOR:#333;}
A:hover {
COLOR:red;}
#container1 {
MARGIN:0px auto;WIDTH:800px;}
#banner {
BACKGROUND:url(http://f7.wretch.yimg.com/deathhell/1/1181351373.jpg) no-repeat right top;HEIGHT:195px;}
#banner H1 {
PADDING-RIGHT:10px;FONT-WEIGHT:normal;FONT-SIZE:15px;MARGIN:0px;COLOR:white;TEXT-ALIGN:right;}
#banner H1 A {
COLOR:white;}
#description2 {
PADDING-RIGHT:10px;COLOR:white;PADDING-TOP:150px;TEXT-ALIGN:right;}
#content {
PADDING-LEFT:20px;FLOAT:left;WIDTH:570px;}
.date {
COLOR:#bbb;TEXT-ALIGN:right;}
.title {
Read More

網誌樣式-iTenki

CSS樣式

網誌樣式-iTenki

Posted By admin

BODY {
PADDING-RIGHT:0px;PADDING-LEFT:0px;FONT-SIZE:0.8em;BACKGROUND:url(http://f8.wretch.yimg.com/tenkiweather/1/1248126661.jpg) #827f78 repeat-y 50% 0%;PADDING-BOTTOM:0px;MARGIN:0px;COLOR:#555;PADDING-TOP:0px;FONT-FAMILY:Arial;}
A {
COLOR:#333;}
A:hover {
COLOR:red;}
#container1 {
MARGIN:0px auto;WIDTH:800px;}
#banner {
BACKGROUND:url(http://f8.wretch.yimg.com/tenkiweather/1/1248136188.jpg) no-repeat left top;HEIGHT:195px;}
#banner H1 {
PADDING-RIGHT:10px;FONT-WEIGHT:normal;FONT-SIZE:15px;MARGIN:0px;COLOR:white;TEXT-ALIGN:right;}
#banner H1 A {
COLOR:white;}
#description2 {
PADDING-RIGHT:10px;COLOR:white;PADDING-TOP:150px;TEXT-ALIGN:right;}
#content {
PADDING-LEFT:20px;FLOAT:left;WIDTH:570px;}
.date {
COLOR:#bbb;TEXT-ALIGN:right;}
.title {
Read More

網誌樣式-灰

CSS樣式

網誌樣式-灰

Posted By admin

BODY {
PADDING-RIGHT:0px;BACKGROUND-POSITION:center top;PADDING-LEFT:0px;SCROLLBAR-FACE-COLOR:#dbd8d8;BACKGROUND-IMAGE:url(http://f7.wretch.yimg.com/deathhell/1/1181316091.jpg);PADDING-BOTTOM:0px;MARGIN:0px;FONT:0.8em Arial;SCROLLBAR-HIGHLIGHT-COLOR:#dbd8d8;SCROLLBAR-SHADOW-COLOR:#dbd8d8;COLOR:#666;SCROLLBAR-3DLIGHT-COLOR:#dbd8d8;SCROLLBAR-ARROW-COLOR:#ffffff;PADDING-TOP:0px;SCROLLBAR-TRACK-COLOR:#686868;BACKGROUND-REPEAT:no-repeat;SCROLLBAR-DARKSHADOW-COLOR:#dbd8d8;BACKGROUND-COLOR:#dbd8d8;}
A {
COLOR:#888;}
A:hover {
BACKGROUND:#cccccc;COLOR:#fff;}
H1 {
MARGIN:0px;}
#container1 {
BACKGROUND:repeat-y left top;MARGIN:0px auto;WIDTH:828px;POSITION:relative;}
#container2 {
MARGIN:0px auto;WIDTH:828px;POSITION:relative;}
#main2 {
WIDTH:828px;PADDING-TOP:5px;POSITION:relative;}
.boxProfileImg IMG {
}
.boxProfile1 .side {
}
#banner {
BACKGROUND:no-repeat left top;WIDTH:828px;HEIGHT:346px;}
#banner H1 {
Read More