@photoshopshitilike / photoshopshitilike.tumblr.com
Basically @staff were pissing me off, so I decided to post this simple script I wrote to fix redirect errors that will hopefully piss them off too :^)
Make the external links on your blog go from this: http://t.umblr.com/redirect?z=http://example.com&t=blahblahsomelongstringofstuffhere to this: http://example.com simply by copying and pasting this following code into your HTML:
Please like/reblog if using :)
Here’s a Simple tutorial on how to customize your scroll bar.
Your Blog>> Customize Appearance>> Edit Html
music player by tea
music player credit: flash mp3 player
please like / reblog if using
paste the url song where written is SONGURL1HERE or SONGURL2HERE etc.
BLOGROLL BASE CODE by azurethemes/salazhar ↳ preview - code An anon requested I release a blogroll base code that’s structured already, rather than just the blogroll code. This code is very simple and it doesn’t include links and icon hover effects. There’s so many effects and possibilities, I can’t and don’t have the time to put it in a base code. That’s up to your creativity and for you to do your research so you can have the perfect blogroll you have in mind. The only feature this code has are the tooltips and styled credits on the bottom right corner. To understand the code more, I have a guide up here that you should read.
RULES:
Navigation Base By Dylaenobriens
A while ago someone asked me to make this so here it is :) You can use this base to make your own navi theme.
Notes:
Please like/reblog if you’re using this
Recently theme makers and users have had some trouble with the tumblr controls, and it looks like tumblr have changed the code - or are currently in the process of doing so. This is why the tumblr controls work for some and not for others.
If your tumblr controls do not work correctly
Tumblr have changed the name of the class and deleted the id on the new code. So instead of coding with the id:
#tumblr_controls
You need to change it to:
.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop
Or change it to one of the classes:
.tmblr-iframe .tmblr-iframe--desktop-loggedin-controls (css visible if logged in) .iframe-controls--desktop
If your tumblr controls still does not show, it might be because it’s hiding behind another div. Add this to the tumblr controls css:
z-index:999999999!important;
Please respect the fact that I spent about 3hrs going through Japanese “Blog Part” websites (they can be found here and here).
All of these only require placing a script below the <body> tag. On the page you open you will be able to preview the script and there will be instructions on installing.
Please like or reblog if you find useful and redirect people here if they ask where you got them from.
HOW TO CREATE A FAVICON
favicon: an image displayed at the browser bar; a website icon
1. FAVICON.CC
Whoohooo! Next tutorial, favicons. First, go to favicon.cc and create an account (its free)
2. UPLOAD
Upload your picture file, keep in mind, favicons are small therefore keep the picture simple, with least detail possible and of highest quality. You can use transparent pictures too!
3. PUBLISH
Hopefully you made that account (or have one). Select “publish under an open license”
4. NAME
Name your file and click “ok”
5. ACCESS
Click on your favicon
6. COPY THE CODE
Now scroll down, where you will see this part. You will NOT download the favicon, INSTEAD copy the very last HTML code
7. EDIT HTML
Click on edit theme & edit html
8. FIND AND REPLACE
In the settings icon, click on “find and replace”. Type in “favicon”
9. FIND THE CODE
Finder will find the favicon word in your code. It should look sommmeeethinggg like this, not necessary exactly. As long as you have the code in the BRACKETS or something similar, you are in the right place. Create some writing space after those codes!
10. PASTE
Paste your code right in that area.
11. UPDATE
DO NOT forget to click update preview & SAVE
12. VOILA!
After saving, let your page load and you SHOULD see your favicon in the browser bar! Depending on your browser program, this might or might be supported (I use chrome). Like I said, the simpler the picture, the better the quality!
If you have any questions or problems, feel free to message me!
~Enjoy~
🌸Li 🌸
Introducing Build Themes (2015 Edition)
Build Themes is a comprehensive, free book which teaches you how to make your own Tumblr theme with HTML, CSS and JavaScript.
Some of the highlights of the Build Themes book are:
Today, a brand-new edition for 2015 is online. Many sections have been completely rewritten and rethought, and there’s a new section for using JavaScript in Tumblr themes.
Theme 13: Bloodflows by Kurtcobangs Preview // Code
Theme 14: Bloodflows [Grid Ver.] by Kurtcobangs Preview // Code // (Pop Up Navigation/Desc. Image Preview)
All In One Page #1 by Kurtcobangs Preview // Code
Contains About Me, Tags & Blogroll section in one single page! Also, four custom links. *Everything is labeled for the all in one page for easy editing.
All themes are optimized for google chrome. All the theme previews will tell you the theme features.
*Note, the google font used in these themes in ‘Roboto’, in which may show incorrectly on the customize page but looks perfectly fine on your actual blog. Both themes come with visible info and tags, hide or show captions, tooltips and lazy load.
Go to the theme blog if you need help or to see other themes. Go here for resources of color schemes sites. Inspiration for the Bloodflows themes is here.
Please like or reblog If you use or/are using. Keep credit intact on all themes, no using as base or redistributing.
Hello all,
In celebration of the fact that part 2 of The Hobbit is so fricking close (eeeeee!!), today I present to you a scarf inspired by this set photo that I stumbled upon a few months ago. I couldn’t find many images of the Mirkwood trees so I created the tree symbol myself. I’m actually pretty pleased with how it turned out :)
Instructions on how to add it to your blog and credit just here.
My other scarves:
Arwen Coronation Banner | Game of Thrones (Part 1| Part 2) | Harry Potter Houses | Hunger Games Districts | Skyrim Towns | Assassin’s Creed Den Flag
1. Copy and paste this code before </head> tags.
<!----- SCROLL TOP/HOME/BOTTOM A1 ----> <title>Scroll to Bottom or Top - DevCurry.com</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"> </script> <script type="text/javascript" language="javascript"> $(function () { $('#scrlBotm').click(function () { $('html, body').animate({ scrollTop: $(document).height() }, 1500); return false; }); $('#scrlTop').click(function () { $('html, body').animate({ scrollTop: '0px' }, 1500); return false; }); }); </script>
2. Copy and paste the code before </body> tags. You can change the position and image for the button.
<!----- SCROLL TOP/HOME/BOTTOM A2 ----> <a id="scrlTop" title="Top" href="#" style="position: fixed; bottom: 377px; right: 2px;"><img src="https://64.media.tumblr.com/tumblr_lr6vxlHRDx1qmnaxoo2_75sq.png"></a> <a title="Home" href="http://academyoftumblr.tumblr.com/" style="position: fixed; bottom: 361px; right: 22px;"><img src="http://cdn4.iconfinder.com/data/icons/PixeloPhilia_2/PNG/home.png"></a> <a id="scrlBotm" title="Bottom" href="#" style="position: fixed; bottom: 300px; right: 2px;"><img src="https://64.media.tumblr.com/tumblr_lr6vxlHRDx1qmnaxoo1_75sq.png"></a>
