Bettina Caceres || Zobel

I ONLY REBLOG FLICKR PHOTOS.



for you Glen Coco ||
tutorials
  • Where did you get your cursor?

http://cursors-4u.tumblr.com/post/2914790311/pokemon-cursor-sets

  • How did you do the background music?
  1. GO to youtube and search for the music you want.
  2. Go to share.
  3. Go to embed.
  4. copy its embed, remember to get the “old embed”.
  5. Paste it anywhere in you description box.
  6. Change its height and width to “0”.
  7. Place &autoplay=1 after en_US . Example:

<object width=”0” height=”0”><param name=”movie” value=”http://www.youtube.com/v/CcB7fpLwyG0?fs=1&amp;hl=en_US&autoplay=1“></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/CcB7fpLwyG0?fs=1&amp;hl=en_US&autoplay=1” type=”application/x-shockwave-flash” width=”0” height=”0” allowscriptaccess=”always” allowfullscreen=”true”></embed></object>

  • Where did you get the “stalk me now” thing?

Here.

  • Where did you get the energy saving mode?

Copy this code and then paste any where between <head> and </head> in you theme code.

<script language=”javascript” type=”text/javascript” src=”http://www.onlineleaf.com/savetheenvironment.js”></script>

How do you do the pokemon thing?

1. Copy the code below before <style type=”text/css”>

<script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
<script type="text/javascript"> 
$(document).ready(function () {
$('li.drawer div:nth-child(2)').hide();
$('li.drawer h4').click(function () {
if ($(this).hasClass('open')) {
$('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
else {
$('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
$(this).next().slideDown();
$(this).addClass('open');}
});
});
</script>

2. Copy and paste the code below before </style>

ul#drawers {width: 100px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px; color: #000;}

ul#drawers a {text-decoration: none; color: #000;}

ul#drawers li h4 {margin: 0; padding: 0px; text-transform: Camelcase; font-size: 10px; text-align: center; background-color: #363835; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out;
transition: background-color 0.2s ease-out;}

h4.small {display: table-cell; width: 100px; margin: 0px; height: 100%;}

li.drawer h4.open {background-color: #121213; border-top: 0px;}

li.drawer div {padding: 0px; margin: 0px; line-height: 10px; background-color: #363835; background: rgba(255, 255, 255, 0.0);}

li.drawer div li {list-style-type: disc;}

li.drawer div ul {-webkit-padding-start: 12px;}

3. Then add this code in your description. Replace “Title / Image URL” with title or image you want to click on for the menu to slide. Replace “LINK HERE” with the link you want, “TEXT HERE” with the title of the link.

<ul id="drawers">
<li class="drawer" id="info"> 
<h4>Title / Image URL</h4>
<div align="center">
<p>
<a href="LINK HERE">TEXT HERE</a>
<p>
<a href="LINK HERE">TEXT HERE</a>
<p>
<a href="LINK HERE">TEXT HERE</a>
</p>
</div>
</li>
</ul>