Home
Codes
Photoshop
Themes
Packages
Dash Stuff
Faq/Ask
New
Find Blogs
Calendar
Promo

About

FYeah codes is run by 4lison. This is a site for Themes, Codes, Tutorials, Photoshop Stuff, Dash Themes, Makeovers, and Find Other Blogs Promote me to win!

Nav

  • List of All Codes ← Click here to see all my codes before requesting
  • Popular Codes
  • Navigation Codes
  • Post Codes
  • Ask Codes
  • Link Codes
  • Sidebar Codes
  • Pop Up Codes
  • Fonts
  • Image/Picture Codes
  • Background Codes
  • Tab Codes
  • Other Codes

    • Disclaimer

    You are not to redistribute this theme, use it as a base code, claim as your own theme, remove credit, or sell.
    To do so would vilate the Creative Commons license.
    This work is licensed under the Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.

    Stats

    You have visited these sites before coming here

    Chat





    Slide out Status tab

    imageimage

    Paste this code under your <head> tag

    <meta name="text:status" content="This is where your status goes, to change it does go to customize, and scroll down until you see status and change the text" />
<Style>


    #cherrybomb {
-moz-box-shadow: 0px 0px 0px 0px ;
-webkit-box-shadow: 0px 0px 0px 0px ;
box-shadow: 0px 0px 0px 0px ;
z-index:999;
position: fixed;
top: 44px;
left: 1px;
width: 18px;
text-align: center;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-border-radius: 0 5px 5px 0;
-moz-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
background-color: #fff;
border: 2px solid #fcf;
height: 70px;
padding: 10px;
}


#runaway {

-moz-box-shadow: 0px 0px 1px 0px ;
-webkit-box-shadow: 0px 0px 1px 0px ;
box-shadow: 0px 0px 1px 0px ;
top: 40px;
left: -250px;
position: fixed;
background: ;
width: 230px;
padding: 10px;
background: #FFFFFF; 
min-height: 90px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
text-align: left;
-webkit-border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
border-radius: 0 0 5px 0;}

#cherrybomb:hover {
z-index:1000; 
left: 250px;}

#cherrybomb:hover #runaway {
z-index:1000; 
left: 0px;}

#runaway:hover {
z-index:1000; 
left: 0px;
}



.fire {
display: block;
writing-mode: lr-tb;
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
position: absolute;
left: -11px;
top: 30px;
font-size: 20px;
font-weight: normal;
text-transform: uppercase; 
letter-spacing: -1px;}




</style>

    Now paste this code under your <body> tag

    <div id="cherrybomb">
<span class="fire">


Status

</span>
<div id="runaway">
<center>
{text:status}
</center>
</div>

</div>

    Now to change your status, just go to your customize screen, and change the text under status like show below

    image

    Permalink · 78 · 8 months ago
    « Previous Post | Next Post »
    78 notes | #slide out status #status update #slide out #slide out tabs #left tab #status tab #status #tabs #other codes #popular codes

    Up