#4 th skin [Tumblr Fanatics]

Monday, May 19, 2014


Annyeonghaseyo.
Seems that today,aku rasa rajin sikit,so here i made one more skin just for you.Because of maybe somebody love tumblr much and unable to understand the tumblr code,so i give this theme and style.So your blogskin today name is:

Tumblr Fanatics
Ok,so here you can preview it and maybe want to download it.:

PREVIEW DOWNLOAD

#3 rd skin [Unique]

Sunday, May 18, 2014


Annyeonghaseyo.
Hey,here is my new skin,for today.But some error happen,you need to preview in your own blog.And todays skin name is:
Unique
Ok,so let you to preview it and download it if you want.
P/S:I've forgot to put the old and new link for the skin.So sorry,can you add it?,if you want.

PREVIEW DOWNLOAD

#2th skin [#Harmony Scene]

Saturday, May 17, 2014


Annyeonghaseyo,here i bring you more skin,now i will revealed a new skin,named:
#Harmony Scene
So,here are the link for preview and download.Just don't move the credit.Ok.

PREVIEW DOWNLOAD

Dialog box new

Friday, May 16, 2014


Annyeonghaseyo,excited to show you this.
Here is the demo. | Click here for demo |

So,here is the code:

<style type="text/css">
.downarrowdiv{
font: 8px 'tinytots';
width:230px;
min-height:40px; /*min height of DIV should be set to at least 2x the width of the arrow*/
background: #F8E0E0;
color:#fff;
padding:5px;
position:absolute;
word-wrap:break-word;
-moz-border-radius:7px; /*add some nice CSS3 round corners*/
-webkit-border-radius:7px;
border-radius:7px;
margin-bottom:2em;
}

.downarrowdiv:after{ /*arrow added to downarrowdiv DIV*/
content:'';
display:block;
position:absolute;
top:100%; /*should be set to 100% */
left:10px;
width:0;
height:0;
border-color: #F8E0E0 transparent transparent transparent; /*border color should be same as div div background color*/
border-style: solid;
border-width: 10px;
}
</style>

<br />
<div style="background-color: transparent; border: 1px transparent dashed; font: 8px 'tinytots'; margin: 5px; padding: 4px; position: absolute; width: 220px;">
<div class="downarrowdiv">
<center>
CHANGE WITH YOUR WORDS/OR SOMETHING!</center>
<br />
<br /></div>
</div>
</center>


1.Copy and paste on html script

2.Now,add this below </style> under the div code,i mean in the div style code
top:120px; left: 260px; 

3.Change the number on the code above,according to you.If you want to get nearer to the left,so decreases the number,you can use negative sign "-" on the number,to make it decreasing.And so to increase it.

4.Adjust it until you think it great.

5.Color code,the background and font-color you can change,if you want.

6.Then,save.

7.Recommended to use as date header background and text,and do not change the position,unless you will find it it's moving,while you scrolling.

Dropdown menu hover new

Sunday, May 11, 2014


Annyeonghaseyo.Here is the demo.
Hahaha,so simple,demo is like mine,navigation on top.
So,here is the code.

1.Copy and paste it on your HTML Javascript.

<style type="text/css">
#t1 {
background-color:#fff;
width: 115px;
text-align: center;
display:inline-block;
font-size: 10px;
letter-spacing:3px;
font-family: 'Metrophobic', sans serif;
text-transform: uppercase;
color: #888888;
9px;transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
border:1px solid #FFFFFF;
}

#t1:hover {
color:#666;
9px;transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}

#t1:hover #t2 a:moo{
border-top:0px solid #fff;
 }

#t1:hover #t2{
opacity:3;
-webkit-transition-duration:.7s;
overflow:hidden;
background-color:transparent;
z-index:966666666666666666666666666666666666666669;
height:auto;
}

#t2 {
position:absolute;
overflow:hidden;
width: 115px;
height: 0px;
text-transform: uppercase;
line-height: 20px;
font-size: 7pt;
font-family: 'Lora', serif;
padding-top: 3px;
opacity:0;
transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}

#t2 a{
background-color:#666;
color: #ffffff;
text-align:center;
display:block;
text-transform: lowercase;
font-style: italic;
line-height: 20px;
font-family: 'Lora', serif;
font-size: 7pt;
transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}


#t2 a:hover{
text-align: right;
font-family: 'Lora', serif;
font-size: 7pt;
color:#666;
background-color:#f1f1f1;
opacity:100;
transition: all 0.5s ease;
-o-transition-transition:  all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}

#izzy {
width:910px;
text-align: center;
left: 50px;
margin-right: auto;
}

</style>

<!---- Change everything with your own! ----!>

<div id="head">
<div id="izzy">
<div id="t1">Content
<div id="t2">
<a href="/">all</a>
<a href="/search/label/life">life</a>
<a href="/search/label/friends">friends</a>
<a href="/search/label/school">school</a>
<a href="/search/label/quote">quotes</a>
<a href="/search/label/holiday">holiday</a>
<a href="/search/label/food">food</a>
<a href="/search/label/idol">idol</a>
<a href="/search/label/songs">songs</a>
<a href="/search/label/photography">photography</a>
</div>
</div>

<div id="t1">About
<div id="t2">
<a href="/search/label/about">the girl</a>
<a href="/search/label/the blog">the blog</a>
<a href="/search/label/faq">f.a.q</a>
</div>
</div>

<div id="t1">Lists
<div id="t2">
<a href="/search/label/tutorial">tutorial</a>
<a href="/search/label/wishlist">wishlist</a>
<a href="/search/label/tips">tips</a>
<a href="/search/label/challenge">challenge</a>
<a href="/search/label/award">award</a>
<a href="http://.com">affiliates</a>
<a href="http://.com">banners</a>
</div>
</div>

<div id="t1">Review
<div id="t2">
<a href="/search/label/books">books</a>
<a href="/search/label/comics">comics</a>
<a href="/search/label/anime">anime</a>
<a href="/search/label/drama">drama</a>
<a href="/search/label/movie">movie</a>
<a href="/search/label/beauty">beauty</a>
</div>
</div>

<div id="t1">Networks
<div id="t2">
<a href="https://twitter.com/">twitter</a>
<a href="https://www.facebook.com/">facebook</a>
<a href="http://tumblr.com/">tumblr</a>
<a href="http://blogskins.com">blogskins</a>
<a href="http://ask.fm">ask.fm</a>
</div>
</div>

<div id="t1">Obsessed
<div id="t2">
follow
<a href="http://blogger.com">dashboard</a>
<a href="http://.com/">extra</a>
<a href="http://.com/">extra</a>
<a href="http://.com/">extra</a>
</div>
</div></div>

<!---- Change everything with your own! ----!></div>

2.Edit your link and title,if you want.

3.Color??Change it.Its up to you.

4.Preview and save.

5.Hooray,done.

New menu bar

Wednesday, April 23, 2014


Annyeonghaseyo..

Here is a demo for you like mine.

stuff ask.fm faq

So here is the code:

1.Paste it on your html javascript,wherever you want

2,Code:

<center><div style="border-bottom:3px solid #FFE2EB;height:12px;display:inline-block;
padding:1px;width:100%;margin-bottom:10px;">
<center><style>
a.linkies {
font-family:Lucida Calligraphy;
font-size:11px;
font-weight:italic;
letter-spacing:.1em;
display:inline-block;
text-align:center;
border:2px solid #FFE2EB;
border-radius:1px;
width: 100px;
color: #B7B4B4;
background:#fff;
padding:2px;
margin:2px;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; text-decoration:none;
 box-shadow:inset 0px 0px 0px #E5E2E3,
 inset 0px 0px 0px #E5E2E3;
}
a.linkies:hover          {
display:inline-block;
text-align:center;
border-radius:1px;
border:2px solid #FFE2EB;
font-weight:normal;
width: 100px;
color: #ffffff;
background: #B7B4B4;
-webkit-transition-duration: 0.5s;
 box-shadow:inset 0px 14px 0px #FFE2EB,inset 0px -14px 0px #FFE2EB;
}
</style>
<a class="linkies"  href="http://tutorialsfreebies.blogspot.com/2012/11/stuff-tutor-and-freebies.html">stuff</a>
<a class="linkies"  href="http://tutorialsfreebies.blogspot.com/2012/11/ask-something-to-me_6932.html">ask.fm</a>
<a class="linkies"  href="http://tutorialsfreebies.blogspot.com/2012/12/frequently-ask-me.html">faq</a>
</center></div><div style="position: absolute; right: 0px; top: 0px;"></div></center>


3.Change your link,and name to yours.Want to change color?It's up to you.

4.That's all