Friday, 30 December 2011

Customise scroll bar

Upgraded blogger;


1. Design -> Edit HTML
2. Copy and this code
::-Webkit-scrollbar {
height: 12px;
width: 12px;
background:  #ffffff ;
}
::-Webkit-scrollbar-thumb {
background-Color: #999999 ;
}
3. Paste it above 
]]></b:skin>


Classic blogger; 


1. Template
2. Copy and this code
::-Webkit-scrollbar {
height: 12px;
width: 12px;
background:  #ffffff ;
}
::-Webkit-scrollbar-thumb {
background-Color: #999999 ;
}
3. Paste it under
<style type="text/css"> 

--------------------------------------------------------------------------------------------------------------------


If you want your scroll bar to have rounded corners add
-moz-border-radius: 5px;
border-radius: 5px;

under ::-Webkit-scrollbar-thumb { 

It should look like this :

::-Webkit-scrollbar {
height: 12px;
width: 12px;
background:  #ffffff ;}
::-Webkit-scrollbar-thumb {
-moz-border-radius: 5px;
border-radius: 5px;
background-Color: #999999 ;}

--------------------------------------------------------------------------------------------------------------------

If you want to add border you will have to use this code.  (this would include to all your scroll bars)
::-webkit-scrollbar {
width: 12px;
height: 12px;
}
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height:  12 px;
display: block;
background-color: #999; border:1px solid #ffffff;}::-webkit-scrollbar-track-piece {
background-color:#999;
}
::-webkit-scrollbar-thumb{
background:#ddd;border:1px solid #ffffff;}::webkit-scrollbar-thumb:vertical {
background:#fff);
border: 0px solid #ffffff;
border-right:none;
}
::webkit-scrollbar-thumb:horizontal {
background:#fff;
border: 0px solid #ffffff;
border-bottom;
}

(Red is where you change the colours of the scroll bar)

Colour codes can be copied from here ; http://justanothertutorial.blogspot.co.uk/2011/11/colour-code.html

Thursday, 29 December 2011

Snow effect

Upgraded blogger ; Design -> Edit html. Now search for the code </head> (Ctrl + F) On top of the </head> code, paste this code :


Classic blogger ; Template ->  Now search for the code <style type="text/css">  (Ctrl + F) On top of the <style type="text/css"> code, paste this code :


Wednesday, 28 December 2011

Smooth tabbed menu in jQuery

This is only for classic blogger . 
Click for demo.

STEP 1: Paste this code BELOW<head> OR </title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js "></script>
<script type="text/javascript">

$(document).ready(function(){
$(".menu > li").click(function(e){
switch(e.target.id){
case "news":
//change status &amp;amp;amp; style menu
$("#news").addClass("active");
$("#tutorials").removeClass("active");
$("#links").removeClass("active");
//display selected division, hide others
$("div.news").fadeIn();
$("div.tutorials").css("display", "none");
$("div.links").css("display", "none");
break;
case "tutorials":
//change status &amp;amp;amp; style menu
$("#news").removeClass("active");
$("#tutorials").addClass("active");
$("#links").removeClass("active");
//display selected division, hide others
$("div.tutorials").fadeIn();
$("div.news").css("display", "none");
$("div.links").css("display", "none");
break;
case "links":
//change status &amp;amp;amp; style menu
$("#news").removeClass("active");
$("#tutorials").removeClass("active");
$("#links").addClass("active");
//display selected division, hide others
$("div.links").fadeIn();
$("div.news").css("display", "none");
$("div.tutorials").css("display", "none");
break;
}
//alert(e.target.id);
return false;
});
});

</script>





STEP 2: Paste this code BELOW <style type="text/css">

@CHARSET "UTF-8";
/******* GENERAL RESET *******/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size: 100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
padding:0pt;
vertical-align:baseline;
}
body{
background: #fff;
line-height:14px;
font-size: 12px;
font-family: Arial, Verdana, Helvetica, sans-serif;
margin:0pt;
cursor:default;
overflow: hidden;
}
html,body{
height:100%;
text-align: center;
}
.clear{
clear: both;
height: 0;
visibility: hidden;
display: block;
}
a{
text-decoration: none;
}
/******* GENERAL RESET *******/
/******* LOGO *******/
#logo{
margin-top: 1em;
display: block;
}
/******* /LOGO *******/
/******* MENU *******/
#container{
margin: 7em auto;
width: 400px;
}
#container ul{
list-style: none;
list-style-position: outside;
}
#container ul.menu li{
float: left;
margin-right: 5px;
margin-bottom: -1px;
}
#container ul.menu li{
font-weight: 700;
display: block;
padding: 5px 10px 5px 10px;
background: #efefef;
margin-bottom: -1px;
border: 1px solid #d0ccc9;
border-width: 1px 1px 1px 1px;
position: relative;
color: #898989;
cursor: pointer;
}
#container ul.menu li.active{
background: #fff;
top: 1px;
border-bottom: 0;
color: #5f95ef;

z-index: 1;

}
/******* /MENU *******/
/******* CONTENT *******/
.content{
margin: 0pt auto;
background: #efefef;
background: #fff;
border: 1px solid #d0ccc9;
text-align: left;
padding: 10px;
padding-bottom: 20px;
font-size: 11px;
}
.content h1{
line-height: 1em;
vertical-align: middle;
height: 48px;
padding: 10px 10px 10px 52px;
font-size: 32px;
}
/******* /CONTENT *******/
/******* NEWS *******/
.content.news h1{
background: transparent url(images/news.jpg) no-repeat scroll left top;
}
.content.news{
display: block;
}
/******* /NEWS *******/
/******* TUTORIALS *******/
.content.tutorials h1{
background: transparent url(images/tuts.jpg) no-repeat scroll left top;
}
.content.tutorials{
display: none;
}
/******* /TUTORIALS *******/
/******* LINKS *******/
.content.links h1{
background: transparent url(images/links.jpg) no-repeat scroll left top;
}
.content.links{
display: none;
}
.content.links a{
color: #5f95ef;
}
/******* /LINKS *******/





STEP 3: Paste this code BELOW </head> OR </style> 

<body>
<div id="container">
<ul class="menu">
<li id="news" class="active">News</li> 
<li id="tutorials">Tutorials</li> 
<li id="links">Links</li> 
</ul>
<span class="clear"></span>

<div class="content news"> 
<h1>Latest News</h1> 
<ul> 
<li><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic001demoji_366194decoojp.gif " alt="-" /> Boobles: First theme on Themeforest released!</li> 
<li><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic001demoji_366194decoojp.gif " alt="-" /> Cokidoo becomes official</li> 
<li><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic001demoji_366194decoojp.gif " alt="-" /> plusmusica.com private beta invitations</li> 
<li><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic001demoji_366194decoojp.gif " alt="-" /> yensdesign.com 2.0 launched!</li> 
<ul> 
</div> 


<div class="content tutorials"> 
<h1>Latest Tutorials</h1> 
<ul> 
<li><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic013demoji_416577decoojp.gif " alt="-" /> Top 10 free fonts for professional design</li> 
<li><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic013demoji_416577decoojp.gif " alt="-" /> Create an amazing music player using mouse gestures &amp;amp;amp;amp;amp; hotkeys</li> 
<li><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic013demoji_416577decoojp.gif " alt="-" /> Boobles: First theme on Themeforest released!</li> 
<li><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic013demoji_416577decoojp.gif " alt="-" /> Creating AJAX websites based on anchor navigation</li> 
<li><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic013demoji_416577decoojp.gif " alt="-" /> Fast Tip: Create your personal blog to promote your self</li> 
<li><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic013demoji_416577decoojp.gif " alt="-" /> How to make a brilliant mysql forum database from scratch</li> 
<ul> 
</div> 


<div class="content links"> 
<h1>You may visit</h1> 
<ul> 
<li><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic014demoji_666399decoojp.gif " alt="-" /> <a href="http://www.plusmusica.com/ ">www.plusmusica.com </a> - Online jukebox!</li> 
<li><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic014demoji_666399decoojp.gif " alt="-" /> <a href="http://www.cokidoo.com/ ">www.cokidoo.com </a> - Awesome startup! :)</li> 
<li><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic014demoji_666399decoojp.gif " alt="-" /> <a href="http://www.cokidoo.com/ ">www.pixelartgames.com </a> - Do you want pixel art games? ;)</li> 
<li><img src="http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic014demoji_666399decoojp.gif " alt="-" /> <a href="http://www.dmsconsulting.es/ ">www.dmsconsulting.es </a> - Great guys</li> 
<ul> 
</div> 

</div>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js "></script>
<script type="text/javascript" src="tabs.js"></script>
</body>
</html>





PREVIEW and then SAVE.

You can edit the menu in STEP 3. Red is for the title names, Blue is the Content.


Credits:yensdesign

Chatbox icons


http://3.bp.blogspot.com/-fqez7R1Uhik/Tvqym9D6J0I/AAAAAAAAFHs/kEmJiPFxgl8/s1600/bikkuri01.gif

http://3.bp.blogspot.com/-MUNm3xTjC9g/TvqynqDATBI/AAAAAAAAFH0/PNALR3Rb7N8/s1600/bye02.gif

http://1.bp.blogspot.com/-IFWHl1HKDPc/TvqypIx8QDI/AAAAAAAAFH4/PaR_VkWpQxE/s1600/bye03.gif

http://4.bp.blogspot.com/-hKP_4Np2-Z0/TvqypaSjjRI/AAAAAAAAFIA/KK_nWHYDGsE/s1600/bye06.gif

http://1.bp.blogspot.com/-BVMaIueJefA/TvqypzztESI/AAAAAAAAFII/10GPwkk1ji8/s1600/ga-n01.gif

http://4.bp.blogspot.com/--hdmE0i_4xs/TvqyqXnMtvI/AAAAAAAAFIU/9ITRv4N9zeo/s1600/ga-n02.gif

http://3.bp.blogspot.com/-299pWeP2Ybk/Tvqyt5usZLI/AAAAAAAAFIk/1GNr5-otVY0/s1600/hanaji03.gif

http://2.bp.blogspot.com/-jWRsWEj7zgo/TvqyuvtOhqI/AAAAAAAAFIs/4UbWqrqRc_g/s1600/hatena01.gif

http://4.bp.blogspot.com/-wQjXK7NdJ2o/TvqywGfJhGI/AAAAAAAAFI0/xSErwqjYtMo/s1600/hatena03.gif

http://2.bp.blogspot.com/-kIQORog_XRQ/TvqywksMxRI/AAAAAAAAFI4/OFwhgCT4jg4/s1600/ikari01.gif

http://4.bp.blogspot.com/-Ml1p8BEmM_I/Tvqyxa5gRZI/AAAAAAAAFJA/futePd74-gk/s1600/ikari03.gif

http://2.bp.blogspot.com/-EAOfYM9l-mc/TvqyxzhLdKI/AAAAAAAAFJI/SpUx0e_uU7s/s1600/ikari04.gif

http://3.bp.blogspot.com/-QZ2UAks1fEE/Tvqyyl2ZvjI/AAAAAAAAFJU/oWUgyGdpWKA/s1600/kusyami01.gif

http://3.bp.blogspot.com/-jQl0UFmNBCs/TvqyzjK54ZI/AAAAAAAAFJY/MsMKlEnT_x0/s1600/naku02.gif

http://4.bp.blogspot.com/-grjfkbf8EG0/Tvqy3sCVkgI/AAAAAAAAFJ0/X3Y4bNapxkA/s1600/onegai03t.gif

http://3.bp.blogspot.com/-Adh7lMsGhXs/Tvqy4IiTPgI/AAAAAAAAFJ4/SFkkV0eGjHg/s1600/w01.gif

http://1.bp.blogspot.com/-amCOBVsfZA4/Tvqy5XMu2OI/AAAAAAAAFKE/z3mBQUEfiEM/s1600/w02.gif

http://3.bp.blogspot.com/-9gJ5khaDnkc/Tvqy66amLpI/AAAAAAAAFKQ/KC_NAIobdy8/s1600/w04.gif

http://3.bp.blogspot.com/-vdmOjjYpwkY/Tvqy716YAOI/AAAAAAAAFKc/5wxn6oaQ1qc/s1600/w05.gif

http://2.bp.blogspot.com/-PPNDJMHpwdU/Tvqy8pU-ShI/AAAAAAAAFKg/MfSdplSypFs/s1600/wink01.gif

http://4.bp.blogspot.com/-J5X5v7oNo8E/Tvqy9EOzk4I/AAAAAAAAFKo/w4Okz1kY0PI/s1600/zzz01.gif

credit魚兒

Sunday, 18 December 2011

Japanese emoticons/日本符号表情


得意/Proud                <( ̄︶ ̄)>  
滿足/Satisfy                  ( ̄ˇ ̄) 
沒睡醒/Half asleep       ( ̄﹏ ̄)
被打一巴掌/Slapped    ( ̄ε(# ̄)
無言/Silent                     ( ̄. ̄)
無奈/Helpless            ╮( ̄▽ ̄)╭
裝傻/Acting innocent    ( ̄▽ ̄)~*
驚訝/Surprised              (⊙ˍ⊙)
發現/Realised               ( ̄. ̄)+
驚嚇/Shock                Σ( ° △ °|||)︴
冷/Cold                         ( ̄▽ ̄)"
沒辦法/No point        ╮(╯▽╰)╭
貓咪臉/Cat                 (= ̄ω ̄=)
疑惑/Doubts                ( ̄3 ̄)a
不/No                           (>﹏<)
懷疑/Suspect                (→_→)
睏/Sleepy                  ( ̄o ̄) . z Z
崇拜/Worship            m( _ _ )m
我想想/Thinking            (ˇˍˇ)
生氣/Angry              <( ̄ ﹌  ̄)>

小眼睛/Mini eyes
( ・ˍ・) (・ˍ・*) (p・_q) (〃・o・〃) (*^・_・)  (。・ˍ・。)  (*・0・) (・ε・●) (。・ω・) (。・д・。) (・∀・) (/ˍ・、) (・□・、*) (・-・。) (・▽・。) (・_・。)
(・O・。) (ノ△・。) (@・ˍ・) (*・・*) 人(・ε・;)  (・ o ・) (・ェ・o) (′・∀・『)

瞇瞇眼/Squinting eyes
(*  ̄ー ̄) ( ̄ー ̄〃) (@ ̄ー ̄@) (*  ̄︿ ̄) (* ̄∇ ̄*) <(ˍ ˍ*)>
( ̄(●●) ̄) ( ̄・・ ̄) (ー∀ー) ( ̄o ̄) ( ̄、 ̄) (* ̄△ ̄*) ( ̄へ ̄) ( ̄□ ̄) ( ̄~ ̄;) (。-ˍ-。 ) ( ̄ε ̄;) ( ̄┬ ̄;) ( ̄∀ ̄) (ノへ ̄、) (* ̄ro ̄) (ー人ー) (* ̄m ̄)

緊閉眼/Wink or closed eyes
(><) (;><) (>_<) (>.<) (>o<) (>▽<) (>O<) (o>▽<) (>◇<)  (>▽<) (;>△<) (>з<) (o>ェ<) (>д<) (>皿<) (>_<、) (/_<。) (>。;) (>。ヘ) (ノ_<) (>。☆) (>y<;)

小狗嘴/Puppy
(-ω- ) (+ω+) (*ω* ) ( ^ω^) (;ω;) (。ω。) (『ω′) (・ω・=) ( ̄ω ̄)
(〃ω〃) (≧ω≦) (。・ω・) (=・ω・=) ( >ω<) (′・ω・`) (/ω\) (/ω・\)
(/・ω・\) (ΘωΘ) (ΦωΦ)

<( ̄︶ ̄)>      满足且得意/Satisfied or proud
<( ̄︶ ̄)/      满足并且伸出手表示赞同/Agree
<(@ ̄︶ ̄@)>    满足地脸红/Blush
(# ̄▽ ̄#)      害羞/Shy
\( ̄︶ ̄)/      抱抱/Hug
b( ̄▽ ̄)d      竖起双手拇指说好/Thumbs up
╰( ̄▽ ̄)╭      眉飞色舞/Joy or thrill
( ̄︶ ̄)↗       出发吧/Start the journey
○(* ̄︶ ̄*)○    吃饱睡好/Eat fully and sleep peacefully
╮(╯◇╰)╭      啾~啾~亲一个/Kiss
╭(′▽‵)╭(′▽‵)╭(′▽‵)╯    GO!
( ̄▽ ̄)~■□~( ̄▽ ̄)         干杯/Cheers
<( ̄︶ ̄)><( ̄︶ ̄)><( ̄︶ ̄)>  当我们同在一起/When we're together
 (┬_┬)        流泪/Fall tears
(>﹏<)        痛苦/Pain
 〒▽〒          真命苦/Life is bad

万岁.真棒.开心~/Happy
≧▽≦y (/≧▽≦/) (≧▽≦)y (/≧▽≦)/~┴┴ (≧▽≦)(@)

(≧3≦)/ (≧ω≦)/ o(≧ω≦)o o(≧o≦)o ˋ( ° ▽、° )

o(≧v≦)o ┴┴~(≧▽≦)/~┴┴ ≧□≦○

惊讶.吃惊~/Surprised

︽⊙_⊙︽ (⊙_⊙) (@口@) Σ(@) Σ(⊙▽⊙"a

(@[]@!!) ㄟ(≧◇≦)ㄏ( ̄ε(# ̄) Σ( ° △ °|||)︴


不爽.生气~ /Angry
(*-.-)
 Σ(  ̄□ ̄;)
(/"≡ _ ≡)/~┴┴
(#-.-)
 (╬ ̄皿 ̄)凸


credit:maymay
Chinese was translated to English by google translate. 

Tuesday, 15 November 2011

Illusion effect ; Photoscape

Original

After edit
Home -> Filter -> Distorts -> Illusion , Number (1) 




I do not own the image, except for the last one.

Photoscape can be downloaded free from http://www.photoscape.org/ps/main/download.php

Thursday, 3 November 2011

How to add scroll back to the top image


Upgraded blogger ; Design -> Page Elements -> Add gadget -> Paste the code given into  "HTML/JavaScript".

Classic blogger ; Template -> Find "</title>" Paste the code given BELOW/UNDER </title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
var scrolltotop={
   setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="图画 URL/IMAGE URL" style="filter:alpha(opacity=70); -moz-opacity:0.1; " />',
    controlattrs: {offsetx:40, offsety:70},
    anchorkeyword: '#top',
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){
        if (!this.cssfixedsupport)
            this.$control.css({opacity:0})
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1)
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },
    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },
    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
                mainobj.$control.css({width:mainobj.$control.width()})
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()
</script>

Preview and then save . 

Remember to delete 图画 URL/IMAGE URL and then replace it with your own image ^^

Colour code



Drag around to get the colour you want. Just copy the Hex code to get the colour code you want! :) 

Wednesday, 7 September 2011

Customise cbox

how to change the colour and text of it
firstly log in to your cbox
then click Look and Feel and then colours and fonts
the red box is where you change your cbox colours
3. is where you change your font style
different font style :
4. is where you change your font size.
to change the smilies go to
options > smilies
replace the URL with the smiles you want and then just click save ^^
to change the cbox size, cbox form, number of messages you can just change it here. 
Look & Feel > Layout Options 
when you are done, just click save ! ^^ 
if you want to delete messages go to messages > messages 
and then you can delete the messages you do not want :)

Monday, 5 September 2011

Piano

Here's a cute piano for those whom love playing piano ^^V


<center><embed height="80" src="http://musicsan.up.seesaa.net/image/flash_piano2.3.swf" width="250" wmode="transparent"></embed></center>

Thursday, 11 August 2011

Kim bum chatbox background

BY KRYSTAL ❤

Kim bum chatbox backgrounds for Ah Hui ♥: http://littlemisslovehappiness.blogspot.com/

Photobucket
 
http://i815.photobucket.com/albums/zz75/kiyouri/kimbum.png
 cbox size = width : 190 , height : 200 
shoutmix size = width : 190 , height : 290

#4 Cute cbox

 
http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/muffin.jpg
cbox size = width : 200 , height : 270
shoutmix size = width : 200 , height : 360

 
http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/strawberryy.jpg
cbox size = width : 195 , height : 280
shoutmix size = width : 195 , height : 370

Photobucket

http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/CBOX_copycopy.png
cbox size = width : 200 , height : 260
shoutmix size = width : 200 , height : 350

Miss A chatbox background

BY KRYSTAL ❤

Miss A chatbox backgrounds for Jenelle


CLICK HERE TO LEARN HOW TO APPLY THIS cbox BACKGROUND!

Photobucket
http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/missa.png
cbox size = width : 205 , height : 205
shoutmix size = width : 205 , height : 295

Photobucket
http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/missa2.jpg
cbox size = width : 200 , height : 220
shoutmix size = width : 200 , height : 310

Photobucket
http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/missa4.png
cbox size = width : 205 , height : 195
shoutmix size = width : 205 , height : 285

Rainie Yang chatbox background

BY KRYSTAL ❤

Rainie Yang chatbox backgrounds for Zhi Ying: http://zhiyiing-luvrainie.blogspot.com/


CLICK HERE TO LEARN HOW TO APPLY THIS cbox BACKGROUND!

Photobucket
http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/rainie.png
 cbox size = width : 205 , height : 210
shoutmix size = width : 205 , height : 300

Photobucket
http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/rainie1.png
 cbox size = width : 200 , height : 185
shoutmix size = width : 200 , height : 275

Photobucket
http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/rainie2.png
 cbox size = width : 200 , height : 215
shoutmix size = width : 200 , height : 305

Shinee replay chatbox background

BY KRYSTAL ❤

Shinee replay chatbox backgrounds for 蛋 ~ ♥`sω: http://reveriedream.blogspot.com/


CLICK HERE TO LEARN HOW TO APPLY THIS cbox BACKGROUND!

Photobucket
http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/shineereplay1.png
cbox size = width : 210 , height : 190
shoutmix size = width : 210 , height : 280

Photobucket
http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/shineereplay2.png
cbox size = width : 210 , height : 210
shoutmix size = width : 210 , height : 300

Photobucket
http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/shineereplay3.png
cbox size = width : 210 , height : 225
shoutmix size = width : 210 , height : 315

Photobucket
http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/shineereplay4.png
cbox size = width : 210 , height : 210
shoutmix size = width : 210 , height : 300

Bigbang chatbox background

BY KRYSTAL ❤

Big bang chatbox backgrounds for Skull Girl☠: http://iteh-lai.blogspot.com/ and Catherine: http://linglingcatherine.blogspot.com/


CLICK HERE TO LEARN HOW TO APPLY THIS cbox BACKGROUND!

Photobucket
 
http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/bigbang1.png
cbox size = width : 200 , height : 235
shoutmix size = width : 200 , height : 325

Photobucket
 
http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/bigbang2.png
cbox size = width : 200 , height : 230
shoutmix size = width : 200 , height : 320

Photobucket
 
http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/bigbang3.png
cbox size = width : 200 , height : 200
shoutmix size = width : 200 , height : 290

Photobucket
 
http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/bigbang4.png
cbox size = width : 200 , height : 200
shoutmix size = width : 200 , height : 290

Photobucket
 
http://i815.photobucket.com/albums/zz75/kiyouri/Cboxskins/bigbang5.png
cbox size = width : 200 , height : 200
shoutmix size = width : 200 , height : 290