分享一个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起了个中文名:扑啦客。虽然音译的话有点乡村发音,不过在这里扑啦扑啦确实挺好玩的。

Tags : , ,

本博文章均为Sivan原创,内容遵循 署名-非商业性使用 2.5 共享协议,转载请注明来自 Sivan's Blog
原文链接为 //sivan.in/blog/share-plurk-citi-theme/
这篇日志发表于2008年10月2日 15:11。你可以订阅该日志的所有评论通过RSS 2.0。评论跟引用通告当前被关闭。

4 条回应

评论(3)引用通告(0)

  1. neekey

    适合比较花哨的博客吧

    2008-10-02 16:50 | #1
  2. Rao

    扑拉克的时间轴有时让我犯晕。。

    曾经看到过一个卖衣服的小店 名字叫:衣拉客。很有意思的明白吧?~

    2008-10-02 20:48 | #2
  3. 最新电影

    看起来不错

    2008-10-03 01:46 | #3

站点评论关闭

有问题请联系 sun.sivan[at]gmail.com 或新浪微博 @Sivan