Title: Coffee [18 icons + 3 gifs]
Category: Food & Beverages
Tools: Photoshop CS6
References: weheartit
Size: 100x100px

Labels: Freebies, Graphics/GIFs, Mine, Photoshop, Web Designing



<!-- HIDDEN CHATBOX CODE START --!>
<style>
#cbox {
position:fixed;
top:50px;
z-index:+1300;
}
* html #cbox {position:relative;}
.cboxtab {
height:110px;
width:80px;
margin-left:-50px;
float:left;
cursor:pointer;
background:url('CBOX TRIGGER URL') no-repeat;
}
.cboxcontent {
float:left;
border:3px solid #000000;
background:#ffffff;
border-radius: 20px;
padding:8px;

}
</style>


<script type="text/javascript">
function showHidecbox(){
var cbox = document.getElementById("cbox");
var w = cbox.offsetWidth;
cbox.opened ? movecbox(0, 30-w) : movecbox(25-w, 0);
cbox.opened = !cbox.opened;
}
function movecbox(x0, xf){
var cbox = document.getElementById("cbox");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
cbox.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movecbox("+x+", "+xf+")", 8);}
}
</script>


<div id="cbox">
<div class="cboxtab" onclick="showHidecbox()">
</div>
<div class="cboxcontent">

CHATBOX CODE

</div>
</div>
<script type="text/javascript">
var cbox = document.getElementById("cbox");
cbox.style.right = (30-cbox.offsetWidth).toString() + "px";
</script>
<!-- HIDDEN CHATBOX CODE END --!>

• CBOX TRIGGER URL with the button URL which is used for showing your Cbox
• CHATBOX CODE with your Cbox code
• CODES IN PINK are the codes that can be customized by yourself as you want. It all depends on the look you want and your blog fits better.

Now save it and enjoy your new look! Hidden stuffs are very good to put on your blog cuz it makes your blog more interesting

Labels: Tutorial, Web Designing

  

  

  

 ALOHA (Giving short welcome messages) and new online visitor counter from FC2. First time trying FC2 counters~ it has large choices of designs! 

 Now I put my selfie icon there kkkk.. New visitor counters as well. I also put 'Rate My Blog' feature and new Follow button!

  Noticing my sidebar fonts is now different and tinier? Yay! Currently addicted to pixel fonts.. hehe 

  Now choose your favorite background for my blog, just click on your favorite one in the ALOHA sidebar.

  I've finally found the perfect location for my Cbox! Brand new look! It's now located on the right side of the blog, just click on the bunny! Tadaaa...it appears! My Cbox has new look too now! Love it? 

Labels: Adorables, Author's, Backgrounds, Cute, Fonts, Freebies, Graphics/GIFs, hello, Plans, Web Designing

::-moz-selection {
background-color: #BGCOLOR;
color: #TEXTCOLOR;
}
::selection {
background-color: #BGCOLOR;
color: #TEXTCOLOR;
}

.title::-moz-selection {
background-color: #BGCOLOR;
color: #TEXTCOLOR;
}
.title::selection {
background-color: #BGCOLOR;
color: #TEXTCOLOR;
}

::-moz-selection {
background:transparent;
color: #85B5FF;
text-shadow: 1px 1px white, -1px -1px #4D94FF
}
::selection {
background:transparent;
color: #85B5FF;
text-shadow: 1px 1px white, -1px -1px #4D94FF
}

::-moz-selection {
background:transparent;
color: #fff;
text-shadow: 0px 0px 5px #FF5CAD
}
::selection {
background:transparent;
color: #fff;
text-shadow: 0px 0px 5px #FF5CAD
}

::-moz-selection {
background:transparent;
color: #F4E9F7;
text-shadow: 0.1em 0.1em #8F24B2
}
::selection {
background:transparent;
color: #F4E9F7;
text-shadow: 0.1em 0.1em #8F24B2
}

::-moz-selection {
background-color:#CC527A;
color: #FFC2D6;
text-shadow:black 0.1em 0.1em 0.2em
}
::selection {
background-color:#CC527A;
color: #FFC2D6;
text-shadow:black 0.1em 0.1em 0.2em
}

::-moz-selection {
background-color: transparent;
color: #FFF;
}
::selection{
background: transparent;
color:#FFF;
}

::-moz-selection {
background-color:#CBFFEE;
color: #008F6B;
text-shadow: -1px 0 black, 0 1px black,
      1px 0 black, 0 -1px black
}
::selection {
background-color:#CBFFEE;
color: #008F6B;
text-shadow: -1px 0 black, 0 1px black,
      1px 0 black, 0 -1px black
}

::-moz-selection {
background:transparent;
color: #FFF0F0;
text-shadow: #FF6666 0.1em 0.1em 0.1em
}
::selection {
background:transparent;
color: #FFF0F0;
text-shadow: #FF6666 0.1em 0.1em 0.1em
}

::-moz-selection {
background:transparent;
color: #008F6B;
text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87
}
::selection {
background:transparent;
color: #FFE0D8;
text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87
}

Labels: Tutorial, Web Designing

Today I'm going to give a tutorial requested by Miki !  It's about how to use custom fonts on your weblog. Some people might've been curious about this, even me, lol. Tbvh this tutorial is made based on my own pure experience in coding and such.. I haven't found any web giving this tutorial clearly and most of them don't work for me, ...or it's just me who's too dumb 

*anyway i'm sorry for my poor explanation in english*

 THIS TUTORIAL IS BASED ON MY TRIAL&ERROR EXPERIENCE SO SOME STEPS MIGHT SOUND UNFAMILIAR TO SOME OF YOU 

Let's begin by choosing your favorite fonts, for example from Dafont.com.

I choose "Pinky Promise" font for this tutorial. Click Download.

After downloading your font, it is usually saved as .zip file.

Unzip your .zip file. It can also be done by right-clicking the file → extract here.
Another file will appear as .ttf

additional information:

 Internet Explorer only supports EOT
 Mozilla supports OTF and TTF 
 Safari and Opera support OTF, TTF and SVG 
 Chrome supports TTF and SVG



 Now we're going to get the direct download link of the font we've downloaded. (I purely improvised this part ) I recommend you to use Tumblr to upload our .ttf file.

Choose your .ttf file you've downloaded → Upload File

After uploading your .ttf file, copy the file URL.

 Now how to use the font?

Labels: Fonts, Tutorial, Web Designing

All icons belong to MYOOSICAL.
Icons were made and edited by me, most pictures are from WeHeartIt.
Personal use only. Do not trade or distribute my graphics to other sites.
Do not steal or remove watermarks.
Drag the GIF to a new tab to save.
Icons request is possible

REQUEST
Choose the design you want (coming soon)
Reference photos and sizes are unlimited. Mention your icon theme (e.g Lucky Star, Infinite, couples, etc)
Tell me if you want me to put my watermark or not. I'd be thankful if you're willing to credit me.
Minimum order(?) is 1 icons pack. 1 pack = 10 icons *don't worry this is not paid, I just refuse to make only 1 icon -_-*

FOR GIFS
Choose your style :

1 pack only includes 1 GIF.