分享一个Plurk主题:Citi Theme
今天继续摸索我的Plurk,想换换主题,自己也懒得研究那些CSS代码。很快在Plurk Themes找到一款挺喜欢的Citi Theme并换上。咦,怎么样子差那么多?仔细一看,原来作者在CSS用的自己博客的图片地址,而这个地址有幸被GFW了。
代理下图,传到Picasa。有喜欢这个主题的可以用下面的代码,样式看下图或者看我的Plurk。
代码如下:
/* MY PLURK CODE - CITI - for more plurk themes, hit my site at www.maclaughlinstudios.com */
/* Special thanks to Plurkers AZJazzyJ, HELLFROZE, STRIFE & Jace for many of these fixes */
body, html {
background-image: url(http://photo1.bababian.com/upload13/20081002/193E21342ACF2ACBBD08E21D27B0E5D7.jpg);
background-repeat: repeat
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #fff;
}
/* DASHBOARD MODS */
#karma {
color: #eb9f00;
}
#plurk-dashboard {
background: #575656;
border: 1px #fff;
text-align: justify;
font-size: 8pt;
text-align:justify;
background-repeat: repeat;
padding: 5px;
-moz-border-radius:10px 10px 10px 10px;
}
#plurk-dashboard a{
color:#eb9f00;
text-decoration:underline;
}
#plurk-dashboard a:hover{
color:#eb9f00;
text-decoration:underline;
}
#plurk-dashboard h2{
text-transform:uppercase;
background:none;
color:#eb9f00;
font-weight:bold;
padding:0;
}
#dash-stats table td {
color:#eb9f00;
}
/*get rid of share your plurk page text*/
#dash-fans div[style]:first-child { position:absolute;opacity:0; font-size:0;height:0;
}
/* get rid of invite boxes*/
#dashboard-invite, #invite_url, #mobile-gfx, #widget-gfx, #twitter-gfx { height:0; position:absolute;opacity:0; filter:alpha(opacity=0); zoom=1
}
/* Get rid of Share your plurk text */
#dash-fans div[style]:first-child { position:absolute;opacity:0; font-size:0;height:0; }
#dash-fans img {
padding: 3px;
background: #eb9f00;
}
#dash-friends img {
padding: 3px;
background: #eb9f00;
font-weight: bold;
}
/* TIMELINE MODS */
#top_login { width: 100%; background: #000000; }
.dark_icons #top_bar #edit_link {color:#eb9f00;}
#top_bar #edit_link, #top_login a, #footer a, #top_bar a {color:#ffffff;}
#page_title {
font-size:15px;
color: #ffffff;
}
#timeline_holder {
background-image: url(http://photo1.bababian.com/upload13/20081002/1B85E644F13419B6B72A3874EDB34237.jpg);
background-repeat: repeat;
}
#timeline_bg .day_start .div_inner {
background: #ffffff;
opacity: 0.4;
-moz-opacity: 0.4;
filter: alpha (opacity = 40);
}
.p_img { border:1px solid #cccccc; }
#bottom_line { opacity: 0.5; filter:alpha (opacity=50); }
/* Get rid of your plurk character*/
#dynamic_logo { opacity:0;filter:alpha(opacity=0);zoom:1
}
/* Get rid of the annoying little search form*/
#mini_search form { opacity:0; filter:alpha(opacity=0);zoom=1
}
#mini_search form:hover { opacity:1; filter:alpha(opacity=100)
}
/* PLURK BOX MODS */
/*Round the corners on your Plurk boxes*/
.plurk_cnt {
background-color: #eed8ab;
filter: alpha(opacity=50);
opacity: 1;
-moz-border-radius: 0px 8px 0px 0px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
.plurk_box .plurk_cnt { border-bottom: 1px solid #dddddd; }
.plurk_box .list {
border-right:1px solid #cccccc;
}
.plurk_box .mini_form {
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
.plurk_box .caption, .plurk_box .list{
border-right: 1px solid #cccccc;
}
.info_box {
-moz-border-radius: 0px 0px 8px 8px;
border-right: 1px solid #cccccc;
}
.response_count, .plurk_box .caption { color: #000; }
.plurk_box .caption { color: #000; background: #cccccc;}
.dots .inner { margin-left: 3px; -moz-border-radius:8px 8px 8px 8px; }
.response_count { background: none; margin-left:3px; }
.new .response_count { font-size: 15px;
}
/* Rounded Filter Tabs */
#filter_tab a {
-moz-border-radius: 0px 0px 4px 4px;
-khtml-border-radius: 0px 0px 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0px 0px 4px 4px;
}
另外我给Plurk起了个中文名:扑啦客。虽然音译的话有点乡村发音,不过在这里扑啦扑啦确实挺好玩的。
适合比较花哨的博客吧
2008-10-02 16:50 | #1扑拉克的时间轴有时让我犯晕。。
曾经看到过一个卖衣服的小店 名字叫:衣拉客。很有意思的明白吧?~
2008-10-02 20:48 | #2看起来不错
2008-10-03 01:46 | #3