自製相簿CSS語法-粉紅豹紋版 研究了半天 弄了好久 終於成功弄好了這個像相簿語法了 喜歡這款的北鼻們請自取唷 可以留言或不留言皆可 可以任意修改 但請尊重原著 不要擅自分享 發表或分享時請善用引用 否則後果自行負責 免責聲明 1.本CSS模版痞客邦適用 2.本人非抄襲他人 若有雷同純屬巧合 3.若有侵權行為請告知 本人立刻下架 4.本語法是本人私下分享非為公開貢獻的樣式 5.以上規則希望各位能遵守 不便之處敬請見諒 預覽觀看請點我唷 語法如下 HTML {
SCROLLBAR-ARROW-COLOR:#d8486c;SCROLLBAR-FACE-COLOR:#fcd8d8;SCROLLBAR-DARKSHADOW-COLOR:#fcd8d8;SCROLLBAR-HIGHLIGHT-COLOR:#d8486c;SCROLLBAR-SHADOW-COLOR:#d8486c;SCROLLBAR-TRACK-COLOR:#d8486c;SCROLLBAR-3DLIGHT-COLOR:#fcd8d8;}
BODY {
PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;FONT-FAMILY:verdana, sans-serif;BACKGROUND:url(http://f10.wretch.yimg.com/st50531/2/1018414781.jpg?_4yrt.xDdBdwssnF21Rb2m3TzdjZAyQbs2aQN0V3xIr33Vt_.gdEhzk-) fixed no-repeat;COLOR:#990033;FONT-SIZE:12px;PADDING-TOP:0px;}
A {
COLOR:#990033;TEXT-DECORATION:none;}
A:link {
COLOR:#990033;TEXT-DECORATION:none;}
A:active {
COLOR:#990033;TEXT-DECORATION:none;}
A:visited {
COLOR:#990033;TEXT-DECORATION:none;}
A:hover {
COLOR:#990033;TEXT-DECORATION:underline;}
#container {
BORDER-BOTTOM:#990033 2px double;POSITION:relative;BORDER-LEFT:#990033 2px double;MARGIN:0px auto;WIDTH:750px;BACKGROUND:#ffcccc;BORDER-TOP:#990033 2px double;BORDER-RIGHT:#990033 2px double;}
#pageheader {

}
#navbar {
TEXT-ALIGN:right;PADDING-BOTTOM:5px;MARGIN:0px auto;PADDING-LEFT:10px;PADDING-RIGHT:10px;HEIGHT:150px;PADDING-TOP:5px;}
.homeLink {
DISPLAY:none;}
.navBarLink {

}
.navBarLink A {
COLOR:#990033;}
.navBarLink A:visited {
COLOR:#990033;}
.navBarLink A:active {
COLOR:#990033;}
.navBarLink A:hover {

}
#headerBody {

}
#albumPanel {
POSITION:absolute;TOP:30px;LEFT:10px;}
#albumName {
FONT-SIZE:20px;}
#albumName A {
COLOR:#990033;}
#albumTopic {
COLOR:#990033;}
.displaythumbs #albumTopic {

}
.displayimage #albumTopic {

}
#userPanel {
Z-INDEX:10;POSITION:absolute;TOP:100px;LEFT:10px;}
.userAlbum A {

}
.userBlog A {

}
.userGbook A {

}
.userProfile A {

}
.link-separator {

}
#userFriends {

}
#userFriends UL {

}
#userFriends A SPAN {
BORDER-BOTTOM:#990033 1px solid;FILTER:alpha(opacity=80);BORDER-LEFT:#990033 1px solid;PADDING-BOTTOM:3px;PADDING-LEFT:6px;PADDING-RIGHT:6px;BORDER-TOP:#990033 1px solid;BORDER-RIGHT:#990033 1px solid;PADDING-TOP:3px;opacity:.80;-moz-opacity:.80;}
#userFriends A:hover {
TEXT-DECORATION:none;}
#userFriends A:hover SPAN {
FILTER:alpha(opacity=100);opacity:1.0;-moz-opacity:1.0;}
#pageBody {

}
#contentHeader {

}
#breadCrumb {
POSITION:absolute;TEXT-ALIGN:center;WIDTH:70px;FONT-SIZE:15px;}
#breadCrumb A {

}
#breadCrumb A:active {

}
#breadCrumb A:visited {

}
#breadCrumb A:hover {

}
#crumbCat {

}
#crumbAlb {

}
.albumCount {
BORDER-BOTTOM:#990033 1px solid;BORDER-LEFT:#990033 1px solid;MARGIN:0px auto;WIDTH:730px;BACKGROUND:url(http://members.jcom.home.ne.jp/noriaki.s/06-01/pattern/etc7/etc7_4.gif);HEIGHT:30px;BORDER-TOP:#990033 1px solid;BORDER-RIGHT:#990033 1px solid;}
.albumCount SPAN {
PADDING-LEFT:10px;DISPLAY:block;COLOR:#990033;PADDING-TOP:5px;}
#navButtons {

}
.pageSelector {
TEXT-ALIGN:center;MARGIN-TOP:24px;}
.pageSelector UL {
PADDING-BOTTOM:0px;LIST-STYLE-TYPE:none;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px;}
.pageSelector UL LI {
PADDING-BOTTOM:0px;PADDING-LEFT:2px;PADDING-RIGHT:2px;DISPLAY:inline;PADDING-TOP:0px;}
.pageSelector A {
BORDER-BOTTOM:#990033 1px solid;BORDER-LEFT:#990033 1px solid;PADDING-BOTTOM:2px;PADDING-LEFT:5px;PADDING-RIGHT:5px;COLOR:#990033;BORDER-TOP:#990033 1px solid;BORDER-RIGHT:#990033 1px solid;PADDING-TOP:2px;}
.pageSelector A:active {
BORDER-BOTTOM:#990033 1px solid;BORDER-LEFT:#990033 1px solid;PADDING-BOTTOM:2px;PADDING-LEFT:5px;PADDING-RIGHT:5px;COLOR:#990033;BORDER-TOP:#990033 1px solid;BORDER-RIGHT:#990033 1px solid;PADDING-TOP:2px;}
.pageSelector A:visited {
BORDER-BOTTOM:#990033 1px solid;BORDER-LEFT:#990033 1px solid;PADDING-BOTTOM:2px;PADDING-LEFT:5px;PADDING-RIGHT:5px;COLOR:#990033;BORDER-TOP:#990033 1px solid;BORDER-RIGHT:#990033 1px solid;PADDING-TOP:2px;}
.pageSelector A:hover {

}
.pageParent {

}
.pagePrev {

}
.pageNow {

}
.pageNumber {

}
.pageBreak {

}
.pageNext {

}
#funcLinks {
TEXT-ALIGN:right;MARGIN-RIGHT:25px;}
#funcLinks UL {
PADDING-BOTTOM:0px;LIST-STYLE-TYPE:none;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px;}
#funcLinks UL LI {
DISPLAY:inline;}
#funcLinks A SPAN {
BORDER-BOTTOM:#990033 1px solid;BORDER-LEFT:#990033 1px solid;PADDING-BOTTOM:2px;PADDING-LEFT:2px;PADDING-RIGHT:2px;COLOR:#990033;BORDER-TOP:#990033 1px solid;BORDER-RIGHT:#990033 1px solid;PADDING-TOP:2px;}
#funcLinks A:hover {
COLOR:white;TEXT-DECORATION:none;}
#funcLinks A:hover SPAN {

}
.funcBrowse {

}
.funcInfo {

}
#albumAbout {

}
.albumTitle {

}
.albumDesc {

}
#userDiv {
POSITION:relative;TEXT-ALIGN:center;MARGIN:30px auto 0px;WIDTH:720px;FONT-SIZE:10px;}
#contentBody {
MARGIN-TOP:20px;}
.albList {
MARGIN:10px;WIDTH:750px;}
.albList UL {
PADDING-BOTTOM:0px;LIST-STYLE-TYPE:none;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px;}
.albBox {
BORDER-BOTTOM:#990033 1px solid;BORDER-LEFT:#990033 1px solid;WIDTH:350px;MARGIN-BOTTOM:20px;BACKGROUND:#ffcccc;FLOAT:left;HEIGHT:150px;BORDER-TOP:#990033 1px solid;BORDER-RIGHT:#990033 1px solid;}
.albBoxOdd {
MARGIN-RIGHT:20px;}
.albThumb {
TEXT-ALIGN:center;WIDTH:120px;BACKGROUND:url(http://members.jcom.home.ne.jp/noriaki.s/06-01/pattern/etc7/etc7_3.gif);FLOAT:left;HEIGHT:150px;BORDER-RIGHT:#990033 1px solid;}
.albBoxOdd .albThumb {

}
.albThumb SPAN {

}
.catBox .albThumb SPAN {

}
.albThumb A IMG.thumb {
BORDER-BOTTOM:#990033 2px double;BORDER-LEFT:#990033 2px double;VERTICAL-ALIGN:middle;BORDER-TOP:#990033 2px double;BORDER-RIGHT:#990033 2px double;}
.albThumb A:hover IMG.thumb {

}
.albThumb IMG.thumbSpacer {
WIDTH:0px;HEIGHT:150px;VERTICAL-ALIGN:middle;}
.albData {
OVERFLOW-Y:auto;WIDTH:220px;FLOAT:right;HEIGHT:150px;OVERFLOW:hidden;}
.albBoxOdd .albData {

}
.albTitleDiv {
BORDER-BOTTOM:#990033 1px solid;COLOR:#990033;PADDING-TOP:10px;}
.albNum {

}
.albInfo {

}
.albInfo A IMG {

}
.albInfo A:hover IMG {

}
.albPrivate {

}
.albTitle {

}
.albDesc {
LINE-HEIGHT:20px;PADDING-LEFT:15px;PADDING-TOP:10px;}
#contentBody .spacerDiv {
HEIGHT:0px;CLEAR:both;}
.thumbList UL {
PADDING-BOTTOM:0px;LIST-STYLE-TYPE:none;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;DISPLAY:block;PADDING-TOP:0px;}
.thumbBox {
FLOAT:left;MARGIN-LEFT:6px;}
.thumbImg {
BORDER-BOTTOM:#990033 3px double;BORDER-LEFT:#990033 3px double;MARGIN:6px;WIDTH:120px;BACKGROUND:url(http://members.jcom.home.ne.jp/noriaki.s/06-01/pattern/etc7/etc7_3.gif);HEIGHT:120px;BORDER-TOP:#990033 3px double;BORDER-RIGHT:#990033 3px double;}
.thumbImg SPAN {
TEXT-ALIGN:center;PADDING-LEFT:15px;WIDTH:90px;DISPLAY:block;HEIGHT:90px;PADDING-TOP:15px;}
.thumbImg A IMG.thumb {
BORDER-BOTTOM:0px;BORDER-LEFT:0px;VERTICAL-ALIGN:middle;BORDER-TOP:0px;BORDER-RIGHT:0px;}
.thumbImg IMG.thumbSpacer {
BORDER-BOTTOM:0px;BORDER-LEFT:0px;WIDTH:0px;HEIGHT:90px;VERTICAL-ALIGN:middle;BORDER-TOP:0px;BORDER-RIGHT:0px;}
.thumbTitle {
TEXT-ALIGN:center;LINE-HEIGHT:1.25em;MARGIN:10px 5px;WIDTH:130px;HEIGHT:3.75em;COLOR:#990033;OVERFLOW:hidden;}
#imageBox {
TEXT-ALIGN:center;MARGIN:12px 0px;}
#imageTitle {
MARGIN:10px;}
#imageFrame IMG {
BORDER-BOTTOM:#990033 8px solid;BORDER-LEFT:#990033 8px solid;BORDER-TOP:#990033 8px solid;BORDER-RIGHT:#990033 8px solid;}
#imageCaption {
MARGIN:10px 8px;}
#thumbStrip {
MARGIN:0px auto;WIDTH:720px;DISPLAY:block;HEIGHT:120px;}
#thumbStrip UL {
PADDING-BOTTOM:0px;LIST-STYLE-TYPE:none;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px;}
#thumbStrip UL LI {
BORDER-BOTTOM:#990033 3px double;TEXT-ALIGN:center;BORDER-LEFT:#990033 3px double;MARGIN:3px 7px;WIDTH:120px;BACKGROUND:url(http://members.jcom.home.ne.jp/noriaki.s/06-01/pattern/etc7/etc7_4.gif);FLOAT:left;HEIGHT:120px;BORDER-TOP:#990033 3px double;BORDER-RIGHT:#990033 3px double;}
.thumbFrame {
WIDTH:120px;HEIGHT:120px;}
.thumbFrame SPAN {
TEXT-ALIGN:center;WIDTH:120px;DISPLAY:block;PADDING-TOP:15px;}
.thumbFrame IMG {
BORDER-BOTTOM:0px;BORDER-LEFT:0px;VERTICAL-ALIGN:middle;BORDER-TOP:0px;BORDER-RIGHT:0px;}
.thumbAd {
TEXT-ALIGN:center;WIDTH:120px;HEIGHT:120px;}
.thumbAd SPAN {
DISPLAY:block;PADDING-TOP:10px;}
.thumbAd SPAN.adFlag {
DISPLAY:none;}
.thumbAd IMG {

}
#thumbStrip .thumbSpacer {
WIDTH:0px;HEIGHT:90px;VERTICAL-ALIGN:middle;}
.commPost {
TEXT-ALIGN:center;MARGIN:10px auto;WIDTH:120px;BACKGROUND:url(http://members.jcom.home.ne.jp/noriaki.s/06-01/pattern/etc7/etc7_4.gif);}
.commPost A {
TEXT-ALIGN:center;WIDTH:120px;DISPLAY:block;HEIGHT:50px;}
.commPost A SPAN {
TEXT-ALIGN:center;DISPLAY:block;PADDING-TOP:20px;}
.commPost A:hover SPAN {

}
.commBox {
POSITION:relative;MARGIN:15px 0px;WIDTH:720px;HEIGHT:20px;}
.commAvatar {
POSITION:relative;TOP:0px;}
.commAvatar P {
PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px;}
.commAvatar IMG {

}
.commBody {
MARGIN-BOTTOM:25px;}
.commBodywrap {

}
.commLinks {
BORDER-BOTTOM:#990033 1px solid;BORDER-LEFT:#990033 1px solid;WIDTH:720px;DISPLAY:block;BACKGROUND:url(http://members.jcom.home.ne.jp/noriaki.s/06-01/pattern/etc7/etc7_4.gif);BORDER-TOP:#990033 1px solid;BORDER-RIGHT:#990033 1px solid;}
.commUsername A {
PADDING-BOTTOM:10px;PADDING-LEFT:10px;PADDING-RIGHT:10px;DISPLAY:block;COLOR:white;PADDING-TOP:10px;}
.commUsername A:visited {
PADDING-BOTTOM:10px;PADDING-LEFT:10px;PADDING-RIGHT:10px;DISPLAY:block;COLOR:white;PADDING-TOP:10px;}
.commDate {
POSITION:absolute;TOP:10px;RIGHT:50px;}
.commContent {
PADDING-LEFT:45px;PADDING-TOP:15px;}
.commDelete {
POSITION:absolute;TOP:15px;RIGHT:10px;}
.commBox .spacerDiv {
HEIGHT:0px;CLEAR:both;}
#contentFooter {

}
#contentFooter .albumCount {

}
#contentFooter .pageSelector {

}
#pageFooter {
TEXT-ALIGN:center;PADDING-TOP:20px;}
#footernav {

}
#footernav A {
COLOR:#990033;}
#footernav A:active {
COLOR:#990033;}
#footernav A:visited {
COLOR:#990033;}
#footernav A:hover {

}
#copyright {

}
.privAlbMsg {
POSITION:relative;TEXT-ALIGN:center;MARGIN:0px auto;WIDTH:350px;BACKGROUND:#fcd8d8;HEIGHT:180px;}
.passAlbMsg {
POSITION:relative;TEXT-ALIGN:center;MARGIN:0px auto;WIDTH:350px;BACKGROUND:#fcd8d8;HEIGHT:180px;}
.Msgbox {
POSITION:relative;TEXT-ALIGN:center;MARGIN:0px auto;WIDTH:350px;BACKGROUND:#fcd8d8;HEIGHT:180px;}
.privAlbMsg SPAN {
DISPLAY:block;FONT-SIZE:25px;PADDING-TOP:55px;}
.passAlbMsg SPAN {
DISPLAY:block;FONT-SIZE:25px;PADDING-TOP:55px;}
.Msgbox SPAN {
DISPLAY:block;FONT-SIZE:25px;PADDING-TOP:55px;}
.passAlbMsg SPAN INPUT {

}
DIV.menu {
Z-INDEX:500;BORDER-BOTTOM:#990033 0px solid;POSITION:absolute;BORDER-LEFT:#990033 1px solid;BACKGROUND-COLOR:#fcd8d8;WIDTH:130px;VISIBILITY:hidden;FONT-SIZE:12px;BORDER-TOP:#990033 1px solid;TOP:0px;BORDER-RIGHT:#990033 1px solid;LEFT:0px;}
DIV.menu UL {
PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px;}
DIV.menu UL LI {
BORDER-BOTTOM:#990033 1px solid;LIST-STYLE-TYPE:none;DISPLAY:block;}
DIV.menu A {
PADDING-BOTTOM:4px;LINE-HEIGHT:20px;PADDING-LEFT:4px;PADDING-RIGHT:4px;DISPLAY:block;WHITE-SPACE:nowrap;BACKGROUND:#fcd8d8;TEXT-DECORATION:none;PADDING-TOP:4px;}
DIV.menu A:hover {
BACKGROUND-COLOR:#fcd8d8;COLOR:#ff9900;}
DIV#tipDiv {
Z-INDEX:10000;BORDER-BOTTOM:#333 1px solid;POSITION:absolute;BORDER-LEFT:#333 1px solid;PADDING-BOTTOM:6px;LINE-HEIGHT:1.3;BACKGROUND-COLOR:#eee;PADDING-LEFT:6px;WIDTH:225px;PADDING-RIGHT:6px;VISIBILITY:hidden;FONT-SIZE:11px;BORDER-TOP:#333 1px solid;TOP:0px;BORDER-RIGHT:#333 1px solid;PADDING-TOP:6px;LEFT:-30px;}
DIV.ttHead {
MARGIN-BOTTOM:5px;COLOR:#333;FONT-WEIGHT:bold;}
DIV.ttBody {
COLOR:#777;}
DIV.fmenu {
Z-INDEX:500;BORDER-BOTTOM:#9d9d9d 1px solid;POSITION:absolute;BORDER-LEFT:#cbcbcb 1px solid;OVERFLOW-X:hidden;OVERFLOW-Y:auto;WIDTH:175px;BACKGROUND:#fcd8d8;MAX-HEIGHT:320px;FONT-SIZE:12px;BORDER-TOP:#cbcbcb 1px solid;BORDER-RIGHT:#9d9d9d 1px solid;LEFT:-100px;}
DIV.fmenu UL {
PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px;}
DIV.fmenu UL LI {
POSITION:relative;LIST-STYLE-TYPE:none;DISPLAY:block;}
DIV.fmenu UL LI.friendCat {
PADDING-BOTTOM:2px;PADDING-LEFT:2px;PADDING-RIGHT:2px;DISPLAY:block;FONT-FAMILY:Arial;BACKGROUND:#fcd8d8;COLOR:white;FONT-SIZE:12px;FONT-WEIGHT:bold;TEXT-DECORATION:none;PADDING-TOP:2px;}
DIV.fmenu UL LI.friendLink A {
PADDING-BOTTOM:2px;PADDING-LEFT:4px;WIDTH:100%;PADDING-RIGHT:4px;DISPLAY:block;PADDING-TOP:2px;}
DIV.fmenu UL LI.friendLink A:hover {
BACKGROUND:#000;}
DIV.fmenu UL LI.friendLink IMG {
BORDER-BOTTOM:0px;BORDER-LEFT:0px;PADDING-BOTTOM:2px;PADDING-LEFT:2px;PADDING-RIGHT:2px;VERTICAL-ALIGN:top;BORDER-TOP:0px;BORDER-RIGHT:0px;PADDING-TOP:2px;}
DIV.fmenu UL LI.friendLink SPAN.friendAvatar {
BORDER-BOTTOM:#cbcbcb 1px solid;TEXT-ALIGN:center;BORDER-LEFT:#cbcbcb 1px solid;WIDTH:34px;DISPLAY:block;BACKGROUND:white;HEIGHT:34px;BORDER-TOP:#cbcbcb 1px solid;BORDER-RIGHT:#cbcbcb 1px solid;}
DIV.fmenu UL LI.friendLink SPAN.friendID {
DISPLAY:block;MARGIN-LEFT:43px;TEXT-DECORATION:none;}
DIV.fmenu UL LI.friendLink SPAN.friendDesc {
DISPLAY:block;FONT-FAMILY:Arial;MARGIN-BOTTOM:5px;MARGIN-LEFT:43px;FONT-SIZE:10px;TEXT-DECORATION:none;}