What's A Plurk Template? Login/Register Here Browse Plurk Templates Favorite Plurk Templates
Plurk Templates

Shugo Chara Layout

I've been watching shugo chara a lot lately, so I made this in my spare time ^.^ Honestly, I wanted the background to be Amu & Tadase, but I can't find a good pic, maybe because many people doesn't like them together T_T Anyway, enjoy!

CSS Code

body, html {
background:transparent url(http://cbimg6.com/graphics/09/05/72458c.jpg) ;
font-family: Tempus sans ITC, Arial;
font-size : 15 px ;
color : green;
}

/* TIMELINE SECTION */
/* ---------------- */

/* Links in Top Bar */
#top_bar a, #top_login a {
color: green;
}
/* End Links in Top Bar */

/* Underline on images in top bar */
#top_bar .on img {
border-bottom: 2px solid light green;
}
/* Underline on images in top bar */

/* Text Hover Color Top Bar */
#top_login a:hover, #top_bar .on {
color: blue;
}
/* End Text Hover Color Top Bar */

/* Edit Hover Background Color Top Bar */
#top_bar #edit_link:hover {
background: pink none repeat scroll 0 0;
color: white;
padding-bottom: 2px;
}
/* End Edit Hover Background Color Top Bar */

/* Hiding the plurk creature */
#dynamic_logo { opacity:0;filter:alpha(opacity=0);zoom:1 }

/* Background */
#timeline_holder {
background-image: url(http://i67.servimg.com/u/f67/13/67/10/91/fe78b110.png); opacity: 0.7; filter:alpha(opacity=70) repeat;
background-repeat : repeat ;
background-repeat : repeat ;
}

/* Bottom line */
.p_img { border-bottom: 2px solid grey; border-top: 3px solid grey; }
#bottom_line { opacity: 0.5; filter:alpha(opacity=70); }

/* Making the box round*/
.plurk_cnt {
background-color : magenta ;
-moz-border-radius: 11px 11px 11px 11px ;
-webkit-border-top-right-radius: 11px ;
-webkit-border-bottom-left-radius: 11px ; }

/* Bottom right of timeline */
.plurk_box .list, #filter_tab a.off_tab, #filter_tab a.filter_selected { alpha(opacity=80) ; opacity: 0.8; color: blue ; border-color: white; background-color: white; -moz-border-radius: 7px 7px 7px 7px;
-khtml-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 8px;
font-size: 90%; }
#filter_tab a.filter_selected { alpha(opacity=70);
opacity: 0.7; color: green; border-color: dark blue; background-color: white; -moz-border-radius: 7px 7px 7px 7px;
-khtml-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 8px;
font-size: 90%; }

/* borders inside the status */
.response_count, .plurk_box .caption { color:red; }
.plurk_box .plurk_cnt { border-bottom: 5px solid pink; border-top: 5px solid yellow}

/* The loading fish*/
.cmp_loading {
background: transparent url(http://www.glitternation.com/comments/comcat/Flashing/peace-please.gif) no-repeat scroll 0 0;
width: 200px;
height: 130px;
}
/* For the top */
#top_login {
background: transparent ;
margin: 0px 0px 0px 0px;
padding-right: 10px;
height: 20px;
}
/* Day Separator */
.day_bg .div_inner {
background: transparent url(http://freecodesource.com/myspace-graphics/images_db/675/prod_575_16112.gif) no-repeat scroll center;
border-left: 0px none;
border-right: 0px none;
}
/* End Day Separator */

/* Bottom Line Text */
.bottom_start {
color: pink;
}

/* End Bottom Line Text */

/* Update box */
#updater {
background-color: light green ;
alpha(opacity=70);
opacity: 0.7;
color : white ;
border-left: 1px solid blue;
border-top: 1px solid blue;
border-bottom: 2px solid blue;
border-right: 2px solid blue;
-moz-border-radius: 7px 7px 7px 7px;
-khtml-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 8px;
font-size: 90%;
}

#updater a:link, #updater b {
color: pink;
}
/* End update box with new plurks and responses */

body{
Cursor: url(http://cursors1.totallyfreecursors.com/thumbnails/clover1.gif), default;
}
a, a:link, a:visited{
Cursor: url(http://glitternation.com/images/blurflower.gif), pointer;
}

/* DASHBOARD SECTION */
/* ----------------- */

#plurk-dashboard {
background : transparent ;
border-left: 10px solid green ;
border-top: 10px solid blue ;
border-bottom: 10px solid green ;
border-right: 10px solid blue ;
-moz-border-radius: 10px 10px 10px 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/* Dashboard Header2 */
#plurk-dashboard h2 { font-family: comic sans ms ; font-size: 20px; color : green}

/* Pane Plurk Background */
#pane_plurk { background:transparent; }

/* Pane Plurk Background Border */
#pane_plurk { border-color: blue; }

/* Buat login */
#top_login a#sign_up {
background: transparent url(http://s246.photobucket.com/albums/gg82/gn879/bcat/backgrounds/backgrounds-17.gif) repeat scroll top left;
color: #ff6600;
}
/* End for login*/

/* Plurk Textarea */
textarea#input_big, textarea#input_permalink { font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize; background:#ccffff; }

Average: 4 (3 votes)

Shugo Chara

Super Cute!!! Do you like anime also? I do! especially shugo chara!!!
~JaraxHira~

Recent comments